@-moz-keyframes spinner-animation{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-animation{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.offline-indicator{background-color:#000;color:#fff;padding:.9rem;position:fixed;z-index:9999;left:0;bottom:0;width:100%;-moz-transform:translateY(100%);-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);will-change:transform;-moz-transition:-moz-transform ease-in-out;-o-transition:-o-transform ease-in-out;-webkit-transition:-webkit-transform ease-in-out;transition:transform ease-in-out}.offline-indicator p{margin:0 0 0 0;color:#fff;font-size:.9rem;text-align:center}.offline-indicator--top{bottom:inherit;top:0;-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}body.pwp-offline .offline-indicator,body.pwp-offline .offline-indicator--top{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.notification-button{-moz-transform:scale(0,0);-ms-transform:scale(0,0);-webkit-transform:scale(0,0);transform:scale(0,0);display:none;outline:none;border:none;width:1em;height:1em;padding:0;margin:0;background-color:transparent;position:relative;cursor:pointer}.notification-button__icon{display:none;width:1em;height:1em;position:absolute;top:50%;left:50%;margin-top:-.5em;margin-left:-.5em}.notification-button__icon svg{display:block;width:100%;height:100%}.notification-button__icon--spinner{background-color:transparent;border:.12em solid currentColor;border-top-color:transparent;border-right-color:transparent;width:.8em;height:.8em;margin-top:-.4em;margin-left:-.4em;vertical-align:middle;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-moz-animation:spinner-animation 0.65s infinite linear;-webkit-animation:spinner-animation 0.65s infinite linear;animation:spinner-animation 0.65s infinite linear}body.pwp-notification .notification-button{-moz-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);display:block}body.pwp-notification .notification-button__icon--off{display:block}body.pwp-notification.pwp-notification--on .notification-button__icon--off,body.pwp-notification.pwp-notification--on .notification-button__icon--spinner{display:none}body.pwp-notification.pwp-notification--on .notification-button__icon--on{display:block}body.pwp-notification.pwp-notification--loader .notification-button__icon--off,body.pwp-notification.pwp-notification--loader .notification-button__icon--on{display:none}body.pwp-notification.pwp-notification--loader .notification-button__icon--spinner{display:block}.notification-button--fixedfooter{position:fixed;bottom:1em;left:1em;width:1.8em;height:1.8em;font-size:25px;z-index:99999;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}