div::-webkit-scrollbar{width:0;background:transparent}button{min-height:80px}.screen-saver-on{height:0;z-index:0}header.app-header{min-height:64px;position:-webkit-sticky;position:sticky;top:0;z-index:10;color:#ccc;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:1em;align-items:center;text-align:center;transition:background-color .5s ease,color 1s ease;box-shadow:0 5px 15px 2px rgba(0,0,0,.75);padding:5px}header.app-header.light{background-color:#ccc;color:#1d2127}header.app-header .back-arrow{margin:16px;font-size:30px;cursor:pointer}header.app-header img.logo{width:200px;transition:all 1s ease}header.app-header img.logo.light{-webkit-filter:grayscale(100%) invert(100%);filter:grayscale(100%) invert(100%)}header.app-header .search{display:flex;justify-content:flex-end;align-items:center;grid-column-end:-1}header.app-header .search input{color:#000}header.app-header .search svg{grid-column:-1/-2;justify-self:flex-end;margin:16px;font-size:30px;cursor:pointer}header.app-header .search .close{position:absolute;right:-12px;top:20px}@media only screen and (max-width:515px){header.app-header .search{display:none}}.loader-container{width:100%;height:100vh;background:rgba(0,0,0,.5);position:absolute;top:0;justify-content:center;align-items:center;z-index:2;display:flex}.loader-container .spinner{display:inline-block;position:relative;width:80px;height:80px}.loader-container .spinner div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#fff}.loader-container .spinner div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.loader-container .spinner div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.loader-container .spinner div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.admin-pin{display:flex;flex-direction:column;justify-content:center;align-items:center}.admin-pin span{font-size:20px;font-weight:600}.landing-page,.login-page{display:flex;justify-content:center}.checkout-page,.main-page{display:flex;flex-direction:column}.checkout-page{height:100vh}.checkout-page .header{display:flex;flex-direction:row;margin:.65em}.checkout-page .header span{font-size:20;font-weight:600}.checkout-page .header :first-child{width:5rem;margin:0 8px}.checkout-page .header :nth-child(2){flex:2 1;margin-left:16px}.checkout-page .header :nth-child(3),.checkout-page .header :nth-child(4){flex:1 1;text-align:center}.checkout-page .header :nth-child(5){min-width:60px}.checkout-page .items{flex:1 1}.payment-page .details{display:flex;flex-direction:column;justify-content:center;align-items:center;position:-webkit-sticky;position:sticky;top:70px;z-index:2}.payment-page .details h3{font-size:40px;font-weight:600;margin-bottom:0}.payment-page .details h5{font-size:24px;margin:12px}.payment-page .details h6{font-size:14px;font-weight:200;margin-top:6px}.payment-page .cancel{display:flex;justify-content:center;align-items:center;margin:15px}.settings-page .section{margin:15px;padding:15px;border:1px solid hsla(0,0%,77.6%,.071);border-radius:4px;background-color:hsla(0,0%,77.6%,.071);-webkit-animation:slideIn 1.3s forwards;animation:slideIn 1.3s forwards}.settings-page .section .section-title{text-align:center}.settings-page .section .section-title span{font-size:24px;font-weight:700;text-decoration:underline}.settings-page p{margin-top:40px;font-size:20px;font-weight:700;display:flex;justify-content:space-evenly}.settings-page .ad-preview{display:flex;justify-content:space-around;padding-top:10px}.settings-page .video-container{box-shadow:-8px -8px 12px 0 rgba(0,0,0,.3),8px 8px 12px hsla(0,0%,100%,.25)}.settings-page .images-container{display:flex;grid-gap:15px;gap:15px;flex-wrap:wrap}.settings-page .images-container img{max-width:150px;object-fit:scale-down;flex:auto;border:2px solid #f0f0f0;border-radius:8px;box-shadow:-4px -4px 8px 0 rgba(0,0,0,.3),4px 4px 8px hsla(0,0%,100%,.25)}.settings-page .pdf-preview canvas{max-height:300px;max-width:200px}.settings-page .setting-tabs{width:100%;display:flex;justify-content:space-around;flex-direction:row;margin-top:10px}.settings-page .setting-tabs .active-tab{border-width:0;background-color:#338ed5;color:#f0f0f0}.settings-page .setting-tabs div{border-left:3px solid #338ed5}.settings-page .setting-tabs button{width:48%;border:4px solid #338ed5;background-color:#c4daeb}@-webkit-keyframes slideIn{0%{-webkit-transform:translateX(-900px);transform:translateX(-900px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{-webkit-transform:translateX(-900px);transform:translateX(-900px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.product-list{display:grid;grid-template-columns:repeat(auto-fit,12rem);grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;justify-content:center;flex:5 1;margin:15px 0 400px}.no-products{height:100px;width:200px;justify-content:center}.ripple{position:relative;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;-webkit-transform:scale(10);transform:scale(10);opacity:0;transition:opacity .5s,-webkit-transform .3s;transition:transform .3s,opacity .5s;transition:transform .3s,opacity .5s,-webkit-transform .3s}.ripple:active:after{-webkit-transform:scale(0);transform:scale(0);opacity:.3;transition:0s}.cart{flex:1 1;position:fixed;bottom:0;width:-webkit-fill-available;background:#424242;z-index:1;box-shadow:0 -5px 15px 2px rgba(0,0,0,.75)}.cart .header{background:red}.cart .toolbar{background:#00f}.cart .footer{background:green}.cart .simple-keyboard{max-width:100%;color:#000}.cart .content{display:flex;flex-direction:row}.cart .content .items-list{flex:3 1;display:flex;flex-direction:row;flex-wrap:wrap;max-height:275px;overflow-y:scroll}.cart .content .items-list .no-item{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.cart .content .items-list .no-item span{padding:24px 36px}.screensaver-wraper{height:100vh;overflow:hidden}.fade-in-image{animation:fadeIn 2s;-webkit-animation:fadeIn 2s;-moz-animation:fadeIn 2s;-o-animation:fadeIn 2s;-ms-animation:fadeIn 2s}.text-center{text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;background-color:#424242;box-shadow:0 -5px 15px 2px rgba(0,0,0,.75)}.payment-button{background-color:hsla(0,0%,77.6%,.05);border-radius:4px;margin:1.3em;padding:.65em;cursor:pointer;box-shadow:0 0 10px 0 rgba(0,0,0,.1);transition:box-shadow .3s,-webkit-transform .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:center}.payment-button:hover{box-shadow:0 0 5px 5px rgba(0,0,0,.12)}.payment-button:hover .icon{-webkit-filter:unset!important;filter:unset!important}.payment-button:hover .description span{font-weight:600}.payment-button:active{-webkit-transform:scale(.98);transform:scale(.98)}.payment-button .icon{margin-left:8px;margin-right:8px;text-align:center;width:4.5rem;font-size:4.5rem;border-radius:4px;-webkit-filter:grayscale(1);filter:grayscale(1)}.payment-button .description{flex:1 1}.payment-button .description span{font-size:2.25rem;transition:font-weight .3s}.running-payment{flex-direction:column}.running-payment,.running-payment .display-messages{display:flex;justify-content:center;align-items:center}.running-payment .display-messages{margin:16px}.running-payment .actions{text-align:right;margin:12px 6px}.result-payment{display:flex;flex-direction:column;justify-content:center;align-items:center}.result-payment .status .icon{font-size:8rem}.result-payment .status .icon.ok{color:#318ed5}.result-payment .status .icon.fail{color:#e26a6a}.result-payment .message span{font-size:2rem;font-weight:600}body{background-color:#424242;color:#fff;transition:background-color .5s ease,color 1s ease}body.light{background-color:#f7f8f8;color:#1d2127}.pointer{cursor:pointer}.modal-actions button{min-width:25%}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}