.lds-ellipsis{width:64px;height:64px;display:inline-block;position:relative}.lds-ellipsis div{background:#fff;border-radius:50%;width:11px;height:11px;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:27px}.lds-ellipsis div:first-child{animation:.6s infinite lds-ellipsis1;left:6px}.lds-ellipsis div:nth-child(2){animation:.6s infinite lds-ellipsis2;left:6px}.lds-ellipsis div:nth-child(3){animation:.6s infinite lds-ellipsis2;left:26px}.lds-ellipsis div:nth-child(4){animation:.6s infinite lds-ellipsis3;left:45px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(19px)}}#login-screen-flex-child{width:100vw;height:calc(var(--vh,1vh)*100);text-align:center;flex-direction:column;max-height:500px;transition:transform .3s ease-in-out;display:flex;transform:translateY(0)}@media (min-width:700px){#login-screen-flex-child{max-height:600px}}#login-screen{height:calc(var(--vh,1vh)*100);z-index:4;background:#676b72 url(/imgs/login-background-christmas.jpg) 50%/cover;justify-content:center;align-items:center;width:100vw;display:flex;position:absolute;top:0;left:0;overflow:hidden}#login-screen #login-screen-background-overlay{opacity:.3;pointer-events:none;background:#000;width:100vw;height:100vh;position:absolute;top:0;bottom:0;left:0;right:0}#login-screen .shopfront-logo{-webkit-filter:drop-shadow(0 5px 5px #222);filter:drop-shadow(0 5px 5px #222);width:80vw;max-width:400px;margin:0 auto;transition:width .3s ease-in-out}#login-screen .login-error{color:#f8f8f8;text-shadow:0 3px 7px #222}#login-screen .login-error .login-error-actions{margin-top:1rem;font-size:2rem}#login-screen .login-error .login-error-actions button{background:#f8f8f8;border:none;margin:.5rem;padding:.5rem 1rem}#login-screen .login-error .login-error-actions button:hover{background:#bdbdbd}#login-screen:before{content:"";background:#676b72;background:-moz-radial-gradient(center,ellipse cover,#676b72 0%,#2a2c2f 100%);background:-webkit-radial-gradient(center,ellipse cover,#676b72 0%,#2a2c2f 100%);opacity:0;background:radial-gradient(#676b72 0%,#2a2c2f 100%);transition:opacity .3s ease-in-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#login-screen.loading:before{opacity:1}#login-screen.loading .shopfront-logo{max-width:600px}@media (max-width:700px){#login-screen.loading .shopfront-logo{max-width:475px}}#login-screen.loading #login-box{max-height:0}#login-screen.loading #login-screen-flex-child{transform:translateY(25%)}#login-box{color:var(--text-color);box-sizing:border-box;width:95vw;max-width:800px;max-height:100%;height:calc(var(--vh,1vh)*95);background:var(--background-color);box-shadow:0 0 30px 0 var(--box-shadow-darker),0 15px 30px 0 var(--box-shadow-lighter);text-align:left;border-radius:6px;flex:1 1 0;margin:0 auto;transition:max-height .3s ease-in-out;display:flex;overflow:hidden}@media (min-width:700px){#login-box{max-height:500px}}#login-form{background:var(--background-color);box-sizing:border-box;width:100%;height:100%;position:relative}@media (min-width:700px){#login-form{max-width:350px}}#login-form .login-form{width:100%;height:100%}@media (min-height:500px){#login-form .login-form{flex-direction:column;justify-content:space-between;display:flex}}#login-form .autocomplete-absorber{box-sizing:border-box;background:var(--background-color);border:none;width:1px;height:1px;margin:0;padding:0;position:absolute;top:0;left:0}#login-user-list{background:var(--background-color);box-sizing:border-box;width:100%;height:100%;padding:1rem;overflow:auto}#login-user-list .login-user-list-separator{background-color:#d9d9d9;height:1px;margin:.5rem 0}#login-user-list .login-user{box-sizing:border-box;background-color:var(--background-color);cursor:pointer;width:100%;height:80px;color:var(--text-color);text-align:left;border:none;border-radius:6px;align-items:center;padding:.5rem;transition:-webkit-filter .4s,filter .4s,height .2s ease-in-out,padding .4s,border-bottom .2s ease-in-out,background-color .4s;display:flex;overflow:hidden}#login-user-list .login-user .user-image{text-align:center;background-color:var(--background-color);width:60px;height:60px;margin-left:.5rem;margin-right:1rem}#login-user-list .login-user p{flex:1 1 0;margin:0;font-size:1.2em}#login-user-list .login-user:hover{background-color:#e6e6e6}#login-user-list.logging-in .login-user{cursor:not-allowed}#login-user-list.logging-in .login-user.logging-in{-webkit-filter:none;filter:none;cursor:wait}#login-user-list.user-selected,#login-user-list.logging-in{overflow:hidden}#login-user-list.user-selected .login-user,#login-user-list.logging-in .login-user{-webkit-filter:blur(2px)grayscale();filter:blur(2px)grayscale();-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:unset}#login-user-list.user-selected .login-user:hover,#login-user-list.logging-in .login-user:hover{background-color:var(--background-color)}#login-user-list.user-selected .login-user-list-separator,#login-user-list.logging-in .login-user-list-separator{-webkit-filter:blur(1px)grayscale();filter:blur(1px)grayscale();-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#login-user-list .login-user-form{z-index:1;background-color:var(--background-color);-webkit-filter:drop-shadow(0 2px 6px #676b72);filter:drop-shadow(0 2px 6px #676b72);flex-direction:column;transition:transform .3s ease-in-out;display:flex;position:absolute;top:120px;bottom:0;left:0;right:0;transform:translateY(0)}#login-user-list .login-user-form.hidden{transform:translateY(calc(100% + 75px))}#login-user-list .login-user-form .login-user-image{box-sizing:border-box;background:#fff;border-radius:50%;width:140px;height:140px;margin:-70px auto 0;padding:10px}#login-user-list .login-user-form .login-user-image .user-image{width:120px;height:120px}@media (min-width:700px){#login-user-list .login-user-form{top:100px}#login-user-list .login-user-form .login-user-image{width:120px;height:120px;margin-top:-60px}#login-user-list .login-user-form .login-user-image .user-image{width:100px;height:100px}}#login-user-list .login-user-form .login-user-name{text-align:center;font-size:1.5em;font-weight:700}#login-user-list .login-user-form .login-user-cancel{width:90%;margin:0 auto;font-size:2em}#login-user-list .login-user-form .login-user-cancel button{width:100%;margin-bottom:1rem}#login-news{background:linear-gradient(90deg,#25272b 0%,#313439 100%);justify-content:center;align-items:center;width:100%;display:none}@media (min-width:700px){#login-news{flex:1 1 0;height:100%;display:flex}}#login-news .no-news,#login-news .loading{color:#bdbdbd;text-shadow:0 2px 4px rgba(0,0,0,.2);flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}#login-news .no-news .shopfront-icon,#login-news .loading .shopfront-icon{font-size:2rem}#login-news .loading{font-size:2em}#login-news .login-news-item{height:100%;position:relative;overflow:hidden}#login-news .login-news-item .login-news-image{object-fit:cover;width:100%;height:100%}#login-news .login-news-item .login-news-details{box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(10,10,10,.8);padding:1rem 1rem 1.5rem;position:absolute;bottom:0;left:0;right:0}#login-news .login-news-item .login-news-details .login-news-heading{text-overflow:ellipsis;white-space:pre;color:#fff;padding-top:.25rem;font-size:1.5rem;overflow:hidden}#login-news .login-news-item .login-news-details .login-news-date{margin-bottom:.5rem}#login-news .login-news-item .login-news-details .login-news-date .duration{color:#bdbdbd}#login-news .login-news-item .login-news-details .login-news-more{box-sizing:border-box;margin-top:.5rem;padding-right:.5rem;font-size:1em;text-decoration:none}#login-news .login-news-item .login-news-details .login-news-more:link,#login-news .login-news-item .login-news-details .login-news-more:visited,#login-news .login-news-item .login-news-details .login-news-more:active,#login-news .login-news-item .login-news-details .login-news-more:hover{color:#1c86f2}#login-news .login-news-item .login-news-details .login-news-more:hover{text-decoration:underline}#login-password{width:90%;margin:.5rem auto}#login-password .url-input{padding-right:121px}#login-password .url-suffix{pointer-events:none;position:absolute;top:50%;bottom:50%}#login-actions{width:90%;margin:0 auto;font-size:2em}#login-actions button{width:100%;margin-bottom:1rem;overflow:hidden}.dark-mode #login-user-list .login-user-list-separator,.dark-mode #login-user-list .login-user:hover{background-color:#333}.dark-mode #login-user-list .login-user-form{-webkit-filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));background-color:#202020}.dark-mode #login-user-list.user-selected .login-user:hover{background-color:var(--background-color)}#popups{z-index:10;width:calc(100% - 100px);max-width:900px;margin:0 auto;position:fixed;top:0;left:0;right:0}#popups .popup{background:var(--light-color,#f8f8f8);color:#313439;width:100%;height:70px;transition:height .2s;overflow:hidden;box-shadow:0 0 4px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.15)}#popups .popup .popup-content{opacity:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;width:100%;padding:1rem;transition:transform .2s,opacity .4s;display:flex;position:relative;transform:translateY(0)}#popups .popup.entering{height:0}#popups .popup.entering .popup-content{opacity:0;transform:translateY(-100%)}#popups .popup.exiting{height:0}#popups .popup.exiting .popup-content{opacity:0;transform:translateY(-100%)}#popups .popup .popup-icon{box-sizing:border-box;width:40px;margin-right:.5rem;font-size:2rem}#popups .popup .popup-message{flex:1 1 0}#popups .popup p{flex:1 1 0;margin:0}#popups .popup .timeout-display{background:var(--dark-grey-color,#676b72);height:.25rem;position:absolute;bottom:0;left:0}#popups .popup.has-timeout .timeout-display{animation-name:progressAnimation;animation-timing-function:ease-out;animation-direction:normal;animation-fill-mode:forwards}#popups .popup.no-timeout .timeout-display{width:100%;overflow:hidden}#popups .popup.no-timeout .timeout-display svg{animation:10s linear infinite scroll;position:absolute}#popups .popup.popup-error{background:#fbe3e3}#popups .popup.popup-error .popup-icon{color:#e3342f}#popups .popup.popup-error .timeout-display{color:#eb6d69;background:#e3342f}#popups .popup.popup-success{background:#e5f8e7}#popups .popup.popup-success .popup-icon{color:#32b643}#popups .popup.popup-success .timeout-display{color:#6dd77b;background:#32b643}#popups .popup.popup-info{background:#ebf5fe}#popups .popup.popup-info .popup-icon{color:#1c86f2}#popups .popup.popup-info .timeout-display{color:#5ba7f6;background:#1c86f2}#popups .popup.popup-warning{background:#fef4ea}#popups .popup.popup-warning .popup-icon{color:#f6993f}#popups .popup.popup-warning .timeout-display{color:#f8b370;background:#f6993f}#local-popups{z-index:4;position:fixed;bottom:1rem;left:1rem}#local-popups .local-popup{box-shadow:0 0 30px 0 var(--box-shadow-darker),0 15px 30px 0 var(--box-shadow-lighter);box-sizing:border-box;grid-gap:1rem;opacity:1;background:var(--light-color,#f8f8f8);border:thin solid;grid-template-columns:70px 1fr 50px;width:90vw;min-width:200px;max-width:400px;transition:transform .4s,opacity .4s;display:grid;transform:translate(0)}#local-popups .local-popup:not(.entering).wobble{animation-name:wobble;animation-duration:.2s;animation-timing-function:ease-in-out;animation-iteration-count:2;animation-delay:.5s}#local-popups .local-popup.entering{opacity:0;transform:translate(-100%)}#local-popups .local-popup .popup-icon{border-right:thin solid;justify-content:center;align-items:center;padding:1rem;font-size:2rem;display:flex}#local-popups .local-popup p{margin:0}#local-popups .local-popup.popup-error .popup-icon{color:#f8f8f8;background:#e3342f}#local-popups .local-popup.popup-success .popup-icon{color:#f8f8f8;background:#32b643}#local-popups .local-popup.popup-info .popup-icon{color:#f8f8f8;background:#1c86f2}#local-popups .local-popup.popup-warning .popup-icon{color:#f8f8f8;background:#f6993f}#local-popups .local-popup .popup-message{flex:1 1 0;padding:1rem 0}#local-popups .local-popup .popup-dismiss{cursor:pointer;justify-content:center;align-items:center;padding:1rem;font-size:1.2em;display:flex}@keyframes progressAnimation{0%{width:0}to{width:100%}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-48%)}}.swipe-left{animation:.5s ease-in-out forwards swipe-left}.swipe-right{animation:.5s ease-in-out forwards swipe-right}@keyframes swipe-left{0%{transform:translate(0%)}to{transform:translate(-100%)}}@keyframes swipe-right{0%{transform:translate(-100%)}to{transform:translate(0%)}}