@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--textColor: black;--backgroundColor: white;--headerTextColor: black;--headerBackgroundColor: white;--baseSize: 16px;--baseLineHeight: 1.5;--fontFamily: Inter, sans-serif;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;width:100%;color:var(--textColor);font-family:var(--fontFamily);font-size:var(--baseSize);line-height:var(--baseLineHeight)}body{margin:0;background-color:var(--backgroundColor)}.header{position:fixed;top:0;width:100%;background-color:var(--headerBackgroundColor);color:#fff;z-index:2;box-shadow:0 4px 5px #00000024,0 1px 10px #0000001f,0 2px 4px -1px #0003}.logo-and-title{display:flex;align-items:center;height:calc(var(--baseSize) * 4)}.logo-and-title>.container{display:flex;flex-direction:row;gap:var(--baseSize);overflow:hidden;width:100%;padding-right:calc(var(--baseSize) * 2);padding-left:calc(var(--baseSize) * 2);margin-right:auto;margin-left:auto}footer>div{display:flex;flex-wrap:wrap;gap:var(--baseSize);overflow:hidden;width:100%;padding:0 var(--baseSize);margin:var(--baseSize) auto}.header-logo{height:calc(var(--baseSize) * 3)}.header-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--headerTextColor);font-size:1.5em;display:flex;align-items:center}.error{padding:20px;background-color:#f44336;color:#fff;margin-bottom:15px}.content{display:flex;flex-direction:column;padding-top:calc(var(--baseSize) * 4)}.grid{padding:calc(var(--baseSize) / 2) calc(var(--baseSize) * 2);width:100%;display:grid;gap:calc(var(--baseSize) * 1.5);row-gap:var(--baseSize)}@media (width <=250px){.grid{grid-template-columns:repeat(1,1fr)}}@media (250px <=width <=425px){.grid{grid-template-columns:repeat(3,1fr)}}@media (425px < width <=768px){.grid{grid-template-columns:repeat(4,1fr)}}@media (768px < width < 1440px){.grid{grid-template-columns:repeat(6,1fr)}}@media (1440px <=width){.grid{grid-template-columns:repeat(8,1fr)}}.category-header{margin-top:8px;margin-left:calc(var(--baseSize) * 2);margin-right:calc(var(--baseSize) * 2);line-height:1.6rem;font-size:1.4rem;letter-spacing:0;font-weight:500}.grid>.app{display:block;color:var(--textColor)}.app .href{display:flex;flex-direction:column;color:unset;text-decoration:none}.app .icon{min-width:64px;border-radius:20%;margin-bottom:calc(var(--baseSize) / 2);flex:1 1 auto}.app .label{font-size:.875rem;font-weight:400;line-height:1.25rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;flex:0 1 2.5rem}img{max-width:100%}.item{margin:auto;width:fit-content;height:fit-content}.item>.icon-container{border-radius:var(--baseSize);overflow:hidden;position:relative;transition:all .4s ease-in-out;cursor:pointer;margin:auto}.item>.icon-container:before{content:"";width:100%;height:100%;display:block;position:absolute;background:linear-gradient(0deg,#000c,#0000)}.carousel-img{max-height:256px;max-width:256px;margin:auto;display:block;border-radius:var(--baseSize);width:auto;height:auto;object-fit:cover;object-position:center}.carousel-label{margin:0 0 10px;font-size:1.2em;line-height:1.3em;z-index:1;color:#f2f2f2;position:absolute;bottom:8px;width:100%;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-shadow:0px 1px 4px black}.owl-carousel{padding:calc(var(--baseSize) / 2) calc(var(--baseSize) * 2);border-radius:var(--baseSize)}.ripple{will-change:filter;transition:all .3s;transform:scale(1)}.ripple:hover{transform:scale(1);filter:drop-shadow(0 0 2em #646cffaa)}.ripple:active{transform:scale(1.1);filter:drop-shadow(0 0 2em #646cddaa);transition:all .2s}#app{transition:all .2s ease;opacity:0}#splash{display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease;position:absolute;top:0;left:0;height:100%;width:100%}.hide{display:none!important}.blob{width:30%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 #000;transform:scale(1);transform-origin:center;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95)}70%{transform:scale(1)}to{transform:scale(.95)}}footer{display:none;position:fixed;bottom:0;width:100%;align-items:center;background-color:#000c;color:#fff}.opened{display:flex}.logo{will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.error-in-json,.missing-customer{color:#888}.redirect-link{-ms-word-break:break-all;word-break:break-all;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;width:90%}.card{padding-top:2em}.loading:after{animation:dots 1s linear infinite;content:""}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}90%,to{content:""}}.hidden{display:none!important}#banner-pwa{z-index:10;width:100%}#banner-pwa body{font-family:Open Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.4;text-align:left;scroll-behavior:smooth}#banner-pwa .flx-a-c{display:flex;align-items:center}#banner-pwa .ripple{position:relative;overflow:hidden;transform:translateZ(0)}#banner-pwa .ripple:after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity:0;background-image:radial-gradient(circle,var(--col-white) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;content:"";transition:transform .5s,opacity 1s;transform:scale(10);pointer-events:none}#banner-pwa .ripple:active:after{opacity:.3;transition:0s;transform:scale(0)}#banner-pwa button:focus{outline:0}#banner-pwa .dl-banner{justify-content:space-between;padding:.5em .75em;background-color:#5f65f0d9;border:.0625em solid #5e5cba}@media screen and (max-width: 1199.98px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.7) and (min-aspect-ratio: 16/9){#banner-pwa .dl-banner{padding:.25em .75em .25em 1em}}@media screen and (pointer: coarse) and (min-width: 550px){#banner-pwa .dl-banner{padding:.5em .625em .5em 1em}}#banner-pwa .text{margin-top:0;margin-right:.9em;margin-bottom:0;font-size:14px;font-family:Open Sans,sans-serif;line-height:20px;font-weight:700;color:#fff}#banner-pwa .instructions-text{display:flex;margin-top:0;margin-right:.9em;margin-bottom:0;font-size:14px;font-family:Open Sans,sans-serif;line-height:20px;font-weight:700;color:#fff}@media screen and (pointer: coarse) and (min-width: 550px){#banner-pwa .text,#banner-pwa .instructions-text{font-size:.9em;line-height:1.6666em}}#banner-pwa .button{margin-top:0;margin-right:1.4545454545em;padding:.5454545455em 1em;font-size:.6875em;font-weight:700;border:0;border-radius:10em;transition:.3s ease-in;color:#5f65f0;white-space:nowrap}@media screen and (max-width: 1199.98px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.7) and (min-aspect-ratio: 16/9){#banner-pwa .button{padding-right:1.9090909091em;padding-left:1.9090909091em}}@media screen and (pointer: coarse) and (min-width: 550px){#banner-pwa .button{padding-right:1.9090909091em;padding-left:1.9090909091em}}.icon-close{position:relative;width:1.875em;height:1.875em;border-radius:.5625em;z-index:2;opacity:.8;transform:opacity;transition:.3s ease-in-out}.icon-close:hover{opacity:1}.icon-close:before,.icon-close:after{position:absolute;top:.3125em;left:.875em;width:.1875em;height:1.25em;border-radius:.1875em;background-color:#fff;content:""}.icon-close:before{transform:rotate(45deg)}.icon-close:after{transform:rotate(-45deg)}.arrow-lines{position:relative;width:1em;height:1em}.arrow-lines:after,.arrow-lines:before{position:absolute;display:block;width:.625em;height:.125em;background-color:transparent;content:"";transition:all .3s}.arrow-lines.left:before{top:.25em;left:.2em;transform:rotate(-45deg)}.arrow-lines.left:after{top:.625em;left:.2em;transform:rotate(45deg)}.arrow-lines.right:before{top:.25em;right:.2em;transform:rotate(45deg)}.arrow-lines.right:after{top:.625em;right:.2em;transform:rotate(-45deg)}.arrow-lines.up:before{top:.45em;left:0;transform:rotate(-45deg)}.arrow-lines.up:after{top:.45em;right:0;transform:rotate(45deg)}.arrow-lines.down:before{top:.45em;left:0;transform:rotate(45deg)}.arrow-lines.down:after{top:.45em;right:0;transform:rotate(-45deg)}body{font-size:16px}.flx{display:flex}.flx-a-c{display:flex;align-items:center}.flx-c{display:flex;align-items:center;justify-content:center}.flx-c-sp-b{display:flex;align-items:center;justify-content:space-between}.flx-column{display:flex;flex-direction:column}.page{position:relative;z-index:0;height:100%}.page>*{position:relative;order:1}.img-contain,.img-cover{position:relative;background-repeat:no-repeat}.img-contain{background-position:center center;background-size:contain}.img-cover{background-position:top center;background-size:cover}.overlay{position:fixed;z-index:-1;top:0;left:0;display:none;width:100vw;height:100vh;background:rgba(var(--col-darker-blue-rgb),.8)}.overlay.open{display:flex}.show{opacity:1;visibility:visible;max-height:9999em;z-index:9}.hide{opacity:0;visibility:hidden;max-height:0}.modal{position:fixed;top:0;left:0;width:100vw;height:100%;opacity:0;-webkit-overflow-scrolling:touch}.modal.open{opacity:1}.modal.display-up{animation:displayUp .3s ease-in-out forwards}.modal .modal-box{position:relative;width:90%;max-width:640px;max-height:94%}@media screen and (pointer:coarse) and (min-width:550px){.modal .modal-box{width:20em;max-width:none;font-size:2vh}}@media screen and (pointer:coarse) and (min-height:550px) and (min-width:550px) and (orientation:landscape){.modal .modal-box{font-size:2.8vh}}@media screen and (max-width:1199.98px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.7) and (min-aspect-ratio:16/9){.modal .modal-box{width:fit-content;max-width:none;margin-top:0;font-size:1em}}.display-up{animation:displayUp .3s ease-in-out forwards}@keyframes displayUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hide-up{animation:hideUp .3s ease-in-out forwards}@keyframes hideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.display-down{animation:displayDown .3s ease-in-out forwards}@keyframes displayDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hide-down{animation:hideDown .3s ease-in-out forwards}@keyframes hideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.display-left{animation:displayLeft .3s ease-in-out forwards}@keyframes displayLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.hide-left{animation:hideLeft .3s ease-in-out forwards}@keyframes hideLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.display-right{animation:displayRight .3s ease-in-out forwards}@keyframes displayRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.hide-right{animation:hideRight .3s ease-in-out forwards}@keyframes hideRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out forwards}@keyframes bounce{50%{transform:translateY(-5px) scaleX(1.03)}to{transform:translateY(0) scaleX(1)}}@keyframes pulse{0%{transform:scale(.95)}50%{transform:scale(1)}to{transform:scale(.95)}}:root{--col-white: #fff;--col-black: #000;--col-primary: #e53155;--col-green: #2cc946;--col-body-bg: #2a2b3b;--col-dark-blue: #212330;--col-light-purple:rgb(95, 101, 240);--col-dark-purple:rgb(35, 41, 180);--col-black-rgb: 0, 0, 0;--col-white-rgb: 255, 255, 255;--col-body-bg-rgb: 42, 43, 59;--col-darker-blue-rgb: 24, 26, 42 }.modal .modal-button{display:block;width:18em;margin:.75em auto 0;padding:.625em 0}@media screen and (pointer:coarse) and (min-width:550px){.modal .modal-button{width:20em;font-size:.6875em}}@media screen and (max-width:1199.98px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.7) and (min-aspect-ratio:16/9){.modal .modal-button{font-size:.875em}}.modal-button{margin:1.25em 0 0;padding:.75em 0;font-size:.875em;font-weight:700;border:0;border-radius:10em;transition:.3s ease-in}.modal-container{border-radius:1em;box-shadow:0 .25em .5em rgba(var(--col-black-rgb),.25)}@media screen and (max-width:1199.98px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.7) and (min-aspect-ratio:16/9){.modal-container{flex-direction:row;height:12.5em}}.modal-container .swiper{width:100%;border-radius:1em;background:radial-gradient(44.1% 42.49% at 50% 25.54%,var(--col-light-purple) 0,var(--col-dark-purple) 100%)}@media screen and (max-width:1199.98px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.7) and (min-aspect-ratio:16/9){.modal-container .swiper{width:20.5em;border-radius:1em}}#closeiOS{float:right;margin-top:16px;margin-right:16px}.outlined{background-color:transparent}.outlined.white{color:var(--col-white);border:1px solid var(--col-white)}.container .swiper .swiper-pagination{right:0;bottom:1.75em;left:0;width:fit-content;height:.5em;margin:auto;padding:.125em .3125em;border-radius:.75em;background:rgba(var(--col-body-bg-rgb),.8)}@media screen and (max-width:1199.98px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.7) and (min-aspect-ratio:16/9){.container .swiper .swiper-pagination{bottom:.625em}}.container .swiper .swiper-pagination .swiper-pagination-bullet{width:.25em;height:.25em;margin:0 .1875em;opacity:.3;background:var(--col-white)}.container .swiper .swiper-pagination .swiper-pagination-bullet-active{opacity:1}.container .swiper .navigation{top:0;bottom:0;width:2em;height:8em;margin:auto;transition:.3s}.container .swiper .navigation .arrow-lines{font-size:1.25em}@media screen and (max-width:1199.98px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.7) and (min-aspect-ratio:16/9){.container .swiper .navigation.swiper-button-next{right:1.1875em}}.container .swiper .navigation.swiper-button-disabled{opacity:0}.container .swiper .navigation:after{display:none}.container .swiper:after{position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to bottom,rgba(var(--col-body-bg-rgb),0) 0,rgba(var(--col-black-rgb),.45) 99%);content:""}@media screen and (max-width:1199.98px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.7) and (min-aspect-ratio:16/9){.container .swiper:after{bottom:.625em;left:8.75em;transform:rotate(-90deg)}}.js-skin-img>img{top:50%}