.splash-view{background-color:#4a4ac4;background-repeat:no-repeat;background-position:center center}.particle-system-component{width:100%;height:100%;pointer-events:none}.particle-system-component canvas{width:100%;height:100%}:root{--virtual-view-width:980px;--virtual-view-height:2122px;--virtual-view-scale:1px}.virtual-view-container{position:absolute;left:50%;top:0;width:var(--virtual-view-width);height:var(--virtual-view-height);transform:translateX(-50%) scale(var(--virtual-view-scale));transform-origin:50% 0%}.virtual-view-container div{position:absolute}.sound-buttons-view{background-color:#4a4ac4;width:100vw;height:100vh;z-index:999;background-color:transparent;overflow-y:scroll}.sound-buttons-view .sound-button{width:188px;height:130px;color:#fff;font-size:40px;background-color:green;margin-bottom:24px;margin-right:8px;text-align:center;opacity:.5;display:inline-flex}.panzoom-test-view{background-color:#d9d9d9}.panzoom-test-view .container{background-color:#fff;width:900px;height:500px;top:100px;position:relative;margin:0 auto}.panzoom-test-view .container .element{position:relative;background-color:#ffc0c0;width:200px;height:200px}.panzoom-test-view .buttons{position:absolute;bottom:50px;left:50%;transform:translateX(-50%)}.test-output-view{text-align:center}.test-output-view div.title{font-size:60px;width:100%;text-align:center;color:#fff;margin-top:100px}.test-output-view select{font-size:43px}.test-output-view .state{width:100%;text-align:center;color:#fff;margin-top:50px;font-size:40px}.test-output-view .json{width:90%;height:70vh;margin-top:34px;background-color:#fff;margin-left:5%;overflow:scroll;text-align:left}.test-output-view .buttons{text-align:center}.test-output-view .buttons button{margin:20px;font-size:50px;width:264px}.test-home-view{overflow-y:scroll;padding-bottom:300px;overflow-x:hidden;box-sizing:border-box}.test-home-view div{font-size:60px;width:100%;text-align:center;color:#fff;margin-top:100px}.test-home-view button{font-size:60px;margin-left:50%;margin-top:100px;transform:translateX(-50%)}.test-home-view .dataset-div{height:0px;overflow:hidden;margin-top:0px;transition:height 1s ease-in-out;width:100vw}.test-home-view .dataset-div button{font-size:60px;margin-left:90% !important;margin-top:50px !important;transform:translateX(-100%) !important;color:rgba(0,0,0,.55)}.test-home-view .dataset-div.active{height:auto !important}.gameplay-view{background-color:#000;background-repeat:no-repeat;background-position:center center;--tools-size: 13vw}.gameplay-view .go-back-button{top:3.5vh !important;left:82% !important;width:12vw !important;height:12vw !important;z-index:1 !important;background-image:url(fonts/home.svg) !important;background-size:67% !important;background-repeat:no-repeat !important;background-position:center !important;background-color:#ffffffd1 !important;border-radius:50% !important}.gameplay-view .gameplay-modal{z-index:90000}body.landscape .gameplay-view{--tools-size: 6vw}body.landscape .gameplay-view .go-back-button{top:5vh !important;left:88.2% !important;width:5.5vw !important;height:5.5vw !important;background-size:62% !important}.lds-ring{display:inline-block;position:absolute;width:68px;height:68px;left:50%;top:50%;transform:translate(-40px, -40px);margin:0px !important;transform-origin:50% 50%;z-index:99999}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:68px;height:68px;margin:8px;border:9px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#fff transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.on-boarding-modal-container{position:absolute}.on-boarding-modal-container .close-btn{display:none}.on-boarding-modal-container .content-container{height:max-content !important;min-height:max-content;max-height:none;position:absolute;justify-content:flex-start !important}.on-boarding-modal-container .content-container .on-boarding-title{margin-top:13vw;margin-bottom:8vw;font-size:6vw;color:#fe9090;font-family:Rubik;font-weight:600}.on-boarding-modal-container .content-container .items-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2vw;width:89%}.on-boarding-modal-container .content-container .items-container .gallery-item-component{width:42vw;height:42vw;position:relative;flex-shrink:0;border-radius:1.6vw}.on-boarding-modal-container .content-container .items-container .gallery-item-component .image-preview-loaded{border-radius:1.6vw}body.landscape .on-boarding-modal-container .content-container{height:max-content !important;padding:2vw 0;justify-content:center}body.landscape .on-boarding-modal-container .content-container .on-boarding-title{margin-top:0;margin-bottom:3vw;font-size:2vw}body.landscape .on-boarding-modal-container .content-container .items-container .gallery-item-component{width:13.5vw;height:13.5vw;position:relative;flex-shrink:0}.tutorial-component{position:absolute;opacity:0;z-index:1000;width:100%;height:100%;background:linear-gradient(45deg, #00000082, #00000082);mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.tutorial-component .tooltip{width:48vw;position:absolute;padding:1.2vw 2.5vw;border-radius:2vw;font-family:Rubik;font-size:3.5vw;font-weight:400;background:#fff;opacity:0;text-align:center;transition:all 200ms ease-in-out}.tutorial-component .tooltip .lottie-player{width:100%;height:auto}.tutorial-component .tooltip .tooltip-title{color:#f47b79;font-weight:600;margin-bottom:3%}.tutorial-component.show{opacity:1}.tutorial-component.show .tooltip{opacity:1}body.landscape .tutorial-component .tooltip{padding:.6vw 1.1vw;border-radius:.8vw;font-size:1.5vw;max-width:19vw}.tutorial-handler{position:fixed;border-radius:50%;z-index:9999;scale:1.2}.info-modal-container{position:absolute}.info-modal-container .content-container{height:max-content !important;min-height:max-content;max-height:none;position:absolute;justify-content:flex-start !important}.info-modal-container .content-container .info-title,.info-modal-container .content-container .info-heading{margin:2vw 0 12vw 0;font-size:6vw;color:#fe9090;font-family:Rubik;font-weight:600}.info-modal-container .content-container .info-heading{color:#565656;font-size:5vw;margin-top:13vw;margin-bottom:0}.info-modal-container .content-container .link-container{margin-bottom:13vw;color:#565656;display:flex;gap:10px;align-items:center}.info-modal-container .content-container .link-container a{color:#565656;font-size:4vw;font-weight:600}body.landscape .info-modal-container .content-container{height:max-content !important;padding:2vw 0;justify-content:center}body.landscape .info-modal-container .content-container .info-title,body.landscape .info-modal-container .content-container .info-heading{margin-top:.8vw;margin-bottom:4vw;font-size:2vw}body.landscape .info-modal-container .content-container .info-heading{color:#565656;font-size:1.6vw;margin-top:4vw;margin-bottom:0}body.landscape .info-modal-container .content-container .link-container{margin-bottom:4vw}body.landscape .info-modal-container .content-container .link-container a{font-size:1.3vw}.editor-area-component{width:100%;height:100%;overflow:hidden;background-color:#fff}.editor-area-component .particle-system-container{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none}.editor-area-component .editor-panel{width:100%;height:100%}.editor-area-component .canvas-grid{width:100%;height:100%}.editor-area-component .image{width:100%;height:100%;position:absolute}.editor-area-component .editor-panel{position:relative;display:inline-block}.editor-area-component .editor-panel.following{transition:transform .3s ease-out}.editor-area-component .editor-panel .pixel-map,.editor-area-component .editor-panel .pixel-numbers,.editor-area-component .editor-panel .pixel-colors{opacity:1;image-rendering:pixelated;position:absolute;top:0;left:0;transform:translateZ(0);will-change:transform;pointer-events:none}.editor-area-component .editor-panel .pixel-wrapper.out-of-screen{transform:translateX(1000%)}.editor-area-component .finish-button{background-color:#ff000082;position:fixed;bottom:0;z-index:9;color:#fff;font-size:26px;font-family:sans-serif;padding:12px 30px}.modal-component{position:fixed;pointer-events:none;transition:all 200ms;z-index:1000;top:0;left:0;width:100vw;height:100%;opacity:0}.modal-component .close-btn{cursor:pointer;position:absolute;width:5vw;right:3.5vw;top:4vw;z-index:100}.modal-component .content-container{position:absolute;left:50%;transform:translate(-50%);bottom:-100%;transition:all 200ms;width:100vw;height:86%;background-color:#fff;border-radius:5vw 5vw 0 0;display:flex;align-items:center;flex-direction:column;justify-content:space-evenly;-webkit-box-shadow:0px 0px 20px -8px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 20px -8px rgba(0,0,0,.75);box-shadow:0px 0px 20px -8px rgba(0,0,0,.75)}.modal-component.show{pointer-events:all;opacity:1}.modal-component.show .content-container{bottom:0}body.landscape .modal-component .close-btn{width:1.7vw;right:1.6vw;top:1.3vw}body.landscape .modal-component.show .content-container{left:50%;bottom:50%;transform:translate(-50%, 50%)}body.landscape .modal-component .content-container{height:88%;width:37vw;border-radius:1.5vw}body.landscape .modal-component .content-container .goto-gallery-btn{font-size:2vw}.scrollable-container{--top-mask-size: 0px;--bottom-mask-size: 0px;--left-mask-size: 0%;--right-mask-size: 0%}.scrollable-container.is-top-overflowing{--top-mask-size: 7%;-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--top-mask-size, 0), black calc(100% - var(--bottom-mask-size, 0)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--top-mask-size, 0), black calc(100% - var(--bottom-mask-size, 0)), transparent 100%)}.scrollable-container.is-bottom-overflowing{--bottom-mask-size: 7%;-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--top-mask-size, 0), black calc(100% - var(--bottom-mask-size, 0)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--top-mask-size, 0), black calc(100% - var(--bottom-mask-size, 0)), transparent 100%)}.scrollable-container.is-left-overflowing{--left-mask-size: 7%;-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--left-mask-size, 0), black calc(100% - var(--right-mask-size, 0)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, black var(--left-mask-size, 0), black calc(100% - var(--right-mask-size, 0)), transparent 100%)}.scrollable-container.is-right-overflowing{--right-mask-size: 7%;-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--left-mask-size, 0), black calc(100% - var(--right-mask-size, 0)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, black var(--left-mask-size, 0), black calc(100% - var(--right-mask-size, 0)), transparent 100%)}.image-preview-component{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.image-preview-component .image-preview{height:100%;image-rendering:pixelated;image-rendering:crisp-edges;width:100%;border-radius:1.33vw;object-fit:cover;opacity:0}.image-preview-component .skeleton-loader{position:absolute;width:100%;height:100%;background:linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:1.33vw}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.image-preview-component .image-preview-loaded{opacity:1}.image-preview-component .badge{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#FFFFFFD6;color:var(--pink-color);border-radius:1.06vw;width:11.8vw;height:6.7vw;box-shadow:.25vw .4vw 0px var(--grey-shadow);font-family:Rubik;font-weight:400;display:flex;justify-content:center;align-items:center}.image-preview-component .badge.blocked-icon{display:none;background-image:url(fonts/locked.svg);background-size:33%;background-repeat:no-repeat;background-position:center}.image-preview-component .badge.blocked-icon::after{position:absolute;top:3.8vw;left:8.3vw;width:5vw;height:5.5vw;content:"";background-image:url(fonts/video-red.svg);background-size:contain;background-position:center;background-repeat:no-repeat}.image-preview-component .progress-bar-container{position:absolute;bottom:2.66vw;left:7%;width:86%;height:1.33vw;background:#FFFFFF82;border-radius:1.33vw;overflow:hidden;margin:0 auto}.image-preview-component .progress-bar{height:100%;width:0;background:linear-gradient(90deg, #86F0F5 0%, #F4B0F1 50%, #FFCE52 100%);transition:width .4s ease}.image-preview-component.blocked .blocked-icon{display:block}body.landscape .image-preview-component .progress-bar-container{height:.6vw}body.landscape .image-preview-component .badge{font-size:1.8vw;border-radius:.5vw;width:5.5vw;height:3vw;box-shadow:.15vw .25vw 0px var(--grey-shadow)}body.landscape .image-preview-component .badge.blocked-icon::after{top:2.2vw;left:4.3vw;width:2.5vw;height:1.8vw}.urgency-button-component{--amount: "";position:absolute;right:0;bottom:52vw;width:100%;pointer-events:none;height:max-content;transition:opacity .3s ease;opacity:1}.urgency-button-component.dissapear{pointer-events:none;opacity:0;transition:opacity .3s ease}.urgency-button-component.dissapear .urgency-button-panel{pointer-events:none}.urgency-button-component.dissapear .urgency-button-panel .urgency-button{pointer-events:none}.urgency-button-component.dissapear .urgency-button-panel .urgency-button svg circle:nth-of-type(2){transition-duration:0ms !important}.urgency-button-component.countdown .urgency-button-panel .urgency-button svg circle:nth-of-type(2){animation:countdown 5s linear forwards}@keyframes countdown{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-251.4}}.urgency-button-component .urgency-button-panel{width:100%;display:flex;flex-direction:row;justify-content:flex-end;pointer-events:all}.urgency-button-component .urgency-button-panel .urgency-button{animation:infinite-pulse 3s ease-in-out infinite;position:absolute;width:12.76vw;height:12.76vw;background-size:50% 50%;background-position:center;background-repeat:no-repeat;cursor:pointer;background-color:#fff;border-radius:50%;left:7vw}.urgency-button-component .urgency-button-panel .urgency-button::before{content:var(--amount);position:absolute;display:flex;justify-content:center;align-items:center;left:-2vw;top:-2vw;width:7vw;height:7vw;border-radius:50%;background-color:var(--pink-color);color:#fff;font-family:"Rubik";font-size:3.5vw;font-weight:600;z-index:9}.urgency-button-component .urgency-button-panel .urgency-button::after{position:absolute;top:8.5vw;left:8.5vw;width:6.5vw;height:6.5vw;content:"";background-image:url(fonts/video-red.svg);background-size:contain;background-position:center;background-repeat:no-repeat}.urgency-button-component .urgency-button-panel .urgency-button .urgency-button-image{position:absolute;top:50%;left:50%;width:60%;height:60%;background-size:72% auto;background-position:center;background-repeat:no-repeat;transform:translate(-50%, -50%)}.urgency-button-component .urgency-button-panel .urgency-button .urgency-button-image.tool-bucket{background-image:url(fonts/bucket.svg)}.urgency-button-component .urgency-button-panel .urgency-button .urgency-button-image.tool-bomb{background-image:url(fonts/bomb.svg)}.urgency-button-component .urgency-button-panel .urgency-button .urgency-button-image.tool-multicolor{background-image:url(fonts/multicolor.svg)}.urgency-button-component .urgency-button-panel .urgency-button svg{transform:rotate(270deg) scale(1.2)}.urgency-button-component .urgency-button-panel .urgency-button circle{stroke-width:5;fill:none}.urgency-button-component .urgency-button-panel .urgency-button circle:nth-of-type(1){stroke:#f47b79}.urgency-button-component .urgency-button-panel .urgency-button circle:nth-of-type(2){stroke:#dee2e6;stroke-dasharray:251.4285714286;stroke-dashoffset:0}.urgency-button-component .urgency-button-panel .urgency-button.active{background-color:#fdd}body.landscape .urgency-button-component{bottom:calc(7% + 3vw + var(--tools-size)*2);left:calc(3vw - 5px)}body.landscape .urgency-button-component .urgency-button-panel{width:max-content}body.landscape .urgency-button-component .urgency-button-panel .urgency-button{position:relative;top:0;left:0;width:calc(var(--tools-size)*1.16);height:calc(var(--tools-size)*1.16)}body.landscape .urgency-button-component .urgency-button-panel .urgency-button::before{left:-1vw;top:-1vw;width:3.5vw;height:3.5vw;font-size:1.6vw}body.landscape .urgency-button-component .urgency-button-panel .urgency-button::after{top:4.5vw;left:4.5vw;width:3.5vw;height:3.5vw}body.landscape .urgency-button-component .urgency-button-panel .urgency-button .urgency-button-image{top:50%;left:50%;transform:translate(-50%, -50%);width:4vw;height:4vw}body{--platform-native-ui-offset-min-x: 5vw;--platform-native-ui-offset-max-x: 12vw;--platform-native-ui-offset-min-y: -13vw;--platform-native-ui-offset-max-y: -6vw;--platform-native-ui-button-width: var( --platform-close-button-width , calc(var(--platform-native-ui-offset-max-x) - var(--platform-native-ui-offset-min-x)));--platform-native-ui-button-height: var( --platform-close-button-height , calc(var(--platform-native-ui-offset-max-y) - var(--platform-native-ui-offset-min-y)));--platform-native-ui-button-offset-top: var( --platform-close-button-position-top, calc(var(--platform-safe-area-inset-top) - var(--platform-native-ui-offset-max-y)));--platform-native-ui-button-offset-left: var( --platform-close-button-position-left, var(--platform-native-ui-offset-min-x));--platform-native-ui-button-offset-right: var(--platform-native-ui-offset-min-x);overflow:hidden}[contenteditable]{-webkit-user-select:text;user-select:text}[contenteditable]:empty:before{content:attr(placeholder);opacity:.6;pointer-events:none}.view{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#272728}.view .safe-area{width:100vw;position:fixed;left:0;top:var(--platform-safe-area-inset-top);height:calc(100vh - var(--platform-safe-area-inset-top) - var(--platform-safe-area-inset-bottom))}.view .virtual-view-container .safe-area{top:calc(var(--platform-safe-area-inset-top)*1/var(--virtual-view-scale));height:calc((100vh - var(--platform-safe-area-inset-top) - var(--platform-safe-area-inset-bottom))*1/var(--virtual-view-scale))}.view.fade-out{animation:fade-out-animation .5s ease .2s both}.view.fade-in{animation:fade-in-animation .5s ease both}.view .go-back-button{position:fixed;background-image:url(assets/back-btn.png);background-size:cover;z-index:9;width:var(--platform-back-button-width, var(--platform-native-ui-button-width));height:var(--platform-back-button-height, var(--platform-native-ui-button-height));top:var(--platform-back-button-position-top, var(--platform-native-ui-button-offset-top));left:var(--platform-back-button-position-left, var(--platform-native-ui-button-offset-left))}.view *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.view .tap-to-continue{position:absolute;color:#fff;font-size:54px;font-family:sans-serif;height:100px;width:100%;bottom:6%;text-align:center;animation:blink-animation 3s ease-in-out infinite}.view .disabled{pointer-events:none;opacity:.5}.d-none{display:none !important}.hidden{visibility:hidden !important}@keyframes fade-out-animation{from{opacity:1}to{opacity:0}}@keyframes fade-in-animation{from{opacity:0}to{opacity:1}}body.view-overlay::after{content:"";width:100vw;height:100vh;background-color:#272728;display:block;position:fixed;left:0;top:0;animation:view-overlay-show-animation .3s linear both;z-index:9999}body.view-overlay.overlay-hide::after{animation:view-overlay-hide-animation .3s linear both}@keyframes view-overlay-show-animation{0%{opacity:0}100%{opacity:1}}@keyframes view-overlay-hide-animation{0%{opacity:1}100%{opacity:0}}.stretch-ipad-iphone{margin:0 auto;position:relative !important;height:100%}@media(max-aspect-ratio: 375/667){.stretch-ipad-iphone{max-width:100%}}@media(min-aspect-ratio: 376/667){.stretch-ipad-iphone{max-width:70%}}@keyframes blink-animation{0%{opacity:0}25%{opacity:1}75%{opacity:1}100%{opacity:0}}.pressed-effect{animation:press .2s}@keyframes press{0%{transform:scale3d(1, 1, 1)}50%{transform:scale3d(0.96, 0.96, 0.96)}100%{transform:scale3d(1, 1, 1)}}.block-all-events::after{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;content:"";pointer-events:all}.editor-component{width:100%;height:100%;display:flex;--hide-ui-transition: translate 0.4s ease}.editor-component .palette-component{transition:translate .8s ease;translate:200px 0}.editor-component .tool-bar-component{transition:translate .8s ease;translate:0 200px}.editor-component .zoom-button{transition:translate .8s ease;translate:-200px 0}.editor-component .zoom-button.hide{translate:-18vw 0 !important;transition:var(--hide-ui-transition) !important}.editor-component .urgency-button-component{transition:translate .96s ease;translate:-240px 0}.editor-component.show .palette-component{translate:0px 0px}.editor-component.show .tool-bar-component{translate:0px 0px}.editor-component.show .zoom-button{translate:0 0}.editor-component.show .urgency-button-component{translate:0px 0px}.editor-component .progress-bar{width:100vw;height:1.3vw;bottom:0;transform-origin:bottom;position:absolute;background-color:rgba(255,255,255,.5)}.editor-component .progress-bar .progress{height:100%;background:linear-gradient(90deg, #86F0F5 0%, #F4B0F1 50%, #FFCE52 100%);width:1%;transition:all .5s ease;border-top-right-radius:4vw;border-bottom-right-radius:4vw}.editor-component .zoom-button{position:absolute;width:11vw;height:11vw;background-size:50% 50%;background-position:center;background-repeat:no-repeat;border-radius:50%;flex-shrink:0;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.05))}.editor-component .zoom-button .outer-circle{width:116%;height:116%;background-size:50%;background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:50%;background-repeat:no-repeat;background-position:center}.editor-component .zoom-button.zoom-in .outer-circle{background-image:url(fonts/zoom-in.svg)}.editor-component .zoom-button.zoom-out .outer-circle{background-image:url(fonts/zoom-out.svg)}.editor-component .panel{width:100%;display:flex;flex-direction:column;padding-top:0}.editor-component .panel .editor-area-component{height:100%}.editor-component .panel .palette-component{position:absolute;bottom:10vw}.editor-component .zoom-button{left:8vw;bottom:24vw}.editor-component.disable-bucket .bucket-button{display:none}.editor-component.disable-bomb .bomb-button{display:none}.editor-component.disable-multicolor .multicolor-button{display:none}body.landscape .editor-component.show .palette-component{translate:0px 0px}body.landscape .editor-component.show .tool-bar-component{translate:0px 0px}body.landscape .editor-component.show .zoom-button{translate:0 0}body.landscape .editor-component.show .urgency-button-component{translate:0px 0px}body.landscape .editor-component .palette-component{transition:translate .8s ease;translate:400px 0}body.landscape .editor-component .tool-bar-component{transition:translate .8s ease;translate:-400px 0}body.landscape .editor-component .zoom-button{transition:translate .8s ease;translate:-400px 0}body.landscape .editor-component .zoom-button.hide{translate:-8vw 0 !important}body.landscape .editor-component .zoom-button{left:3vw;bottom:calc(7% + 2vw + var(--tools-size));width:var(--tools-size);height:var(--tools-size)}body.landscape .editor-component .panel{padding-top:0;flex-direction:row-reverse}body.landscape .editor-component .panel .editor-area-component{height:100%}body.landscape .editor-component .top-panel{width:100%;background-color:transparent !important}.tool-bar-component{position:absolute;bottom:8vw;left:8vw;width:max-content;pointer-events:none;height:max-content;--ring-width: 16%}.tool-bar-component.hide{transition:var(--hide-ui-transition) !important;translate:0 18vw !important}.tool-bar-component .painting-tools-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;pointer-events:all;gap:5vw}.tool-bar-component .painting-tools-container .toolbar-button{position:relative;width:11vw;height:11vw;background-size:50% 50%;background-position:center;background-repeat:no-repeat;border-radius:50%;flex-shrink:0;filter:drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.1))}.tool-bar-component .painting-tools-container .toolbar-button .inner-circle{width:100%;height:100%;background-size:60% 60%;background-position:center;background-repeat:no-repeat;background-color:#fff;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.tool-bar-component .painting-tools-container .toolbar-button .outer-circle{width:calc(100% + var(--ring-width));height:calc(100% + var(--ring-width));background-color:#fff;background-size:50% 50%;background-position:center;background-repeat:no-repeat;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.tool-bar-component .painting-tools-container .toolbar-button svg{transform:rotate(270deg) scale(1.2)}.tool-bar-component .painting-tools-container .toolbar-button circle{stroke-width:5;fill:none}.tool-bar-component .painting-tools-container .toolbar-button circle:nth-of-type(2){stroke:#fff;stroke-dasharray:251.4285714286;stroke-dashoffset:-251.4}.tool-bar-component .painting-tools-container .toolbar-button.active{pointer-events:none}.tool-bar-component .painting-tools-container .toolbar-button.active .outer-circle{background:linear-gradient(90deg, #86F0F5 0%, #F4B0F1 50%, #FFCE52 100%)}.tool-bar-component .painting-tools-container .toolbar-button::after{content:var(--amount-left);position:absolute;bottom:-2vw;right:-3vw;z-index:1;width:5.4vw;height:5.5vw;background:linear-gradient(180deg, #FFCD5A 0%, #F8BBBA 100%);display:block;color:#fff;border-radius:1.1vw;display:flex;justify-content:center;align-items:center;font-family:"Rubik";font-weight:600;font-size:4.5vw}.tool-bar-component .painting-tools-container .toolbar-button.animate::after{animation:pulse .5s .1s ease 2}.tool-bar-component .painting-tools-container .toolbar-button.no-amounts::after{width:6vw;height:6vw;pointer-events:all;content:"";background-image:url(fonts/video.svg),linear-gradient(180deg, #FFCD5A 0%, #F8BBBA 100%);background-size:70%,100% auto;background-position:center;background-repeat:no-repeat}.tool-bar-component .painting-tools-container .toolbar-button.multicolor-button{position:relative}.tool-bar-component .painting-tools-container .toolbar-button.multicolor-button circle{stroke-width:18px;stroke:transparent}.tool-bar-component .painting-tools-container .toolbar-button.multicolor-button circle:nth-of-type(2){stroke-dashoffset:0}@keyframes decrease-dash{from{stroke:#fff;stroke-dashoffset:251.4}to{stroke:#fff;stroke-dashoffset:0}}.tool-bar-component .painting-tools-container .bucket-button .inner-circle{background-image:url(fonts/bucket.svg)}.tool-bar-component .painting-tools-container .bomb-button .inner-circle{background-image:url(fonts/bomb.svg)}.tool-bar-component .painting-tools-container .multicolor-button .inner-circle{background-image:url(fonts/multicolor.svg)}body.landscape .tool-bar-component{width:max-content;left:3vw;top:50%;top:revert;bottom:7%}body.landscape .tool-bar-component.hide{translate:0 9vw !important}body.landscape .tool-bar-component .toolbar-panel{display:flex;justify-content:space-between}body.landscape .tool-bar-component .toolbar-panel .painting-tools-container{width:max-content;gap:2vw;flex-direction:row;align-items:center;justify-content:flex-start}body.landscape .tool-bar-component .toolbar-panel .painting-tools-container .toolbar-button{width:var(--tools-size);height:var(--tools-size)}body.landscape .tool-bar-component .toolbar-panel .painting-tools-container .toolbar-button.no-amounts::after{background-size:70%,100% auto}body.landscape .tool-bar-component .toolbar-panel .painting-tools-container .toolbar-button::after{bottom:-1vw;right:-1.5vw;width:2.8vw;height:2.9vw;border-radius:5px;font-size:2.3vw}.palette-component{--palette-item-size: 12.4vw;--stroke-width: 6;background:#ffffffd1;border-radius:8.3vw;overflow:hidden;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));padding:0 1vw;width:calc(var(--palette-item-size)*1.4);height:65vh;padding:1.7vw 0vw;top:50%;right:3vw;transform:translate(0, -50%);overflow:visible}.palette-component.hide{transition:var(--hide-ui-transition) !important;translate:18vw 0 !important}.palette-component .palette-panel{--items-gap: 3vw;height:100%;display:flex;overflow-y:auto;flex-direction:column;gap:var(--items-gap);align-items:center;-ms-overflow-style:none;scrollbar-width:none;position:relative;left:50%;transform:translateX(-50%);padding:24px 0;box-sizing:border-box}.palette-component .palette-panel .palette-item-container{position:relative}.palette-component .palette-panel .palette-item-container.selected{z-index:9}.palette-component .palette-panel .palette-item-container.selected .palette-item svg{opacity:1}.palette-component .palette-panel .palette-item-container.completed{transition:margin .2s .4s linear;margin-top:calc(var(--items-gap)*-1)}.palette-component .palette-panel .palette-item-container.completed .palette-item{animation:fade-out-palette-item;animation-duration:.6s;animation-fill-mode:forwards;transform:scale(1);filter:none;pointer-events:none}@keyframes fade-out-palette-item{0%{transform:scale(1);opacity:1}90%{opacity:0;transform:scale(0)}100%{height:0;color:transparent;opacity:0}}.palette-component .palette-panel .palette-item-container .palette-item{font-family:Rubik;width:var(--palette-item-size);height:var(--palette-item-size);display:flex;justify-content:center;align-items:center;font-size:5.1vw;color:#fff;flex-direction:column;border-radius:50%;flex-shrink:0;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.05));border:0px solid rgba(0,0,0,0);background-color:var(--color);position:relative}.palette-component .palette-panel .palette-item-container .palette-item svg{opacity:0;transform:rotate(270deg) scale(1);height:100%;width:100%;position:absolute;transition:opacity 200ms}.palette-component .palette-panel .palette-item-container .palette-item circle{stroke-width:var(--stroke-width);fill:none}.palette-component .palette-panel .palette-item-container .palette-item circle:nth-of-type(1){stroke:#ffffff4f}.palette-component .palette-panel .palette-item-container .palette-item circle:nth-of-type(2){stroke:#fff;stroke-dasharray:251.4285714286;transition:all .5s ease-in-out;stroke-dashoffset:var(--progress-bar-value)}.palette-component .palette-panel .palette-item-container .palette-item .palette-item-info{filter:drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.25));user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.palette-component .palette-panel .palette-item-container .palette-item .progress-bar{width:80%;height:10%;overflow:hidden;border-radius:20px;background-color:#fff;position:relative;filter:drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.25))}.palette-component .palette-panel .palette-item-container .palette-item .progress-bar .progress-bar-value{width:var(--progress-bar-value);height:100%;transform-origin:0% 50%}.palette-component .palette-panel .palette-item-container.dark .palette-item{color:#6a6a6a}.palette-component .palette-panel .palette-item-container.dark .palette-item svg{transform:rotate(270deg) scale(1)}.palette-component .palette-panel .palette-item-container.dark .palette-item circle{stroke-width:var(--stroke-width);fill:none}.palette-component .palette-panel .palette-item-container.dark .palette-item circle:nth-of-type(1){stroke:#6a6a6a4f}.palette-component .palette-panel .palette-item-container.dark .palette-item circle:nth-of-type(2){stroke:#6a6a6a}@keyframes growFade{0%{transform:scale(1);opacity:1}100%{transform:scale(1.3);opacity:0}}body.landscape .palette-component{width:calc(var(--tools-size)*1.3);height:65vh;padding:1vw 0vw;top:50%;left:87vw;transform:translate(0, -50%)}body.landscape .palette-component.hide{translate:12vw 0 !important}body.landscape .palette-component .palette-panel{flex-direction:column;overflow-x:hidden;overflow-y:auto;height:100%;--items-gap: 2vw}body.landscape .palette-component .palette-panel.dragging{cursor:grabbing;cursor:-webkit-grabbing}body.landscape .palette-component .palette-panel.scrollable-container.is-bottom-overflowing{--bottom-mask-size: 15%}body.landscape .palette-component .palette-panel.scrollable-container.is-top-overflowing{--top-mask-size: 15%}body.landscape .palette-component .palette-panel .palette-item-container .palette-item{width:var(--tools-size);height:var(--tools-size);margin:0}body.landscape .palette-component .palette-panel .palette-item-container .palette-item .palette-item-info{font-size:3vw}body.super-wide .palette-component{bottom:3vw !important;top:unset;transform:unset}body.view-overlay::after{content:none !important}body.view-overlay .overlay-transition{content:"";width:100vw;height:100vh;background:#fff;display:block;position:fixed;left:0;top:0;animation:view-overlay-show-animation .3s linear both;z-index:10}body.view-overlay.overlay-hide .overlay-transition{animation:view-overlay-hide-animation .3s linear both}.view{background-color:transparent;overflow:visible}.gradient-background,body{background:linear-gradient(-45deg, #E4EFF9, #F8E9FF, #FCEDE9)}.animated-view{background:linear-gradient(-45deg, #F8E9FF, #FCEDE9, #E4EFF9, #F8E9FF, #FCEDE9);background-size:400% 400%;animation:gradient 20s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.super-wide .super-wide-container{height:calc(100%/var(--super-wide-scale));transform:scale(var(--super-wide-scale));transform-origin:center top}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;width:100vw;height:100vh}:root{--orange-color: #FF4545;--pink-color: #FF8181;--grey-shadow: #0000001c}@font-face{font-family:"Ubuntu Bold";font-style:normal;font-weight:normal;src:url(fonts/ubuntu-bold.woff2);src:local("ubuntu-bold"),local("ubuntu-bold"),url(fonts/ubuntu-bold.woff2)}@font-face{font-family:"Ubuntu";font-style:normal;font-weight:normal;src:url(fonts/ubuntu-r.woff2);src:local("ubuntu-r"),local("ubuntu-r"),url(fonts/ubuntu-r.woff2)}@font-face{font-family:"Rubik";font-style:normal;font-weight:300;src:url(fonts/Rubik-Light.ttf);src:local("Rubik-Light"),local("Rubik-Light"),url(fonts/Rubik-Light.ttf)}@font-face{font-family:"Rubik";font-style:normal;font-weight:400;src:url(fonts/rubik.woff2);src:local("Rubik"),local("Rubik"),url(fonts/rubik.woff2)}@font-face{font-family:"Rubik";font-weight:600;font-style:normal;src:url(fonts/Rubik-SemiBold.ttf);src:local("rubik-semiBold"),local("rubik-semiBold"),url(fonts/Rubik-SemiBold.ttf)}.button{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:50vw;height:14vw;font-family:Rubik;font-weight:bold;background-color:var(--pink-color);color:#fff;border-radius:3vw;cursor:pointer;font-size:6vw;box-shadow:inset 0px -1.8vw 0px 0 var(--grey-shadow)}.button img{margin-right:2vw;width:7vw}.button.secondary{background-color:#fff;color:var(--pink-color);border:.7vw solid var(--pink-color);font-size:4.5vw;box-shadow:inset 0px -1vw 0px 0 var(--grey-shadow) !important}body.landscape .button{width:18vw;height:5.5vw;font-size:2.2vw;border-radius:1vw;box-shadow:inset 0px -0.7vw 0px 0 var(--grey-shadow)}body.landscape .button img{margin-right:.6vw;width:2.5vw}body.landscape .button.secondary{border:.3vw solid var(--pink-color);font-size:1.8vw;box-shadow:inset 0px -0.5vw 0px 0 var(--grey-shadow) !important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes infinite-pulse{0%{transform:scale(1)}7%{transform:scale(1.2)}14%{transform:scale(1)}21%{transform:scale(1.2)}28%{transform:scale(1)}100%{transform:scale(1)}}.overlay{position:fixed;top:0;left:0;width:100vw;height:100%;background-color:#FFFFFFBF}.super-wide .overlay{scale:calc(1/var(--super-wide-scale))}.gallery-item-component{width:100%;box-sizing:border-box;--gallery-item-component: 1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background-color:#fff;width:100%;height:100%;border-radius:1.33vw}.gallery-item-component .image-name{margin:auto;font-size:2rem}.gallery-item-component .image-preview-container{position:relative;border-radius:inherit;height:90%;width:90%}.modal-item-component{position:fixed;pointer-events:none;transition:all 200ms;z-index:2000;top:0;left:0;width:100vw;height:100%;opacity:0}.modal-item-component .close-btn{cursor:pointer;position:absolute;width:5vw;right:3.5vw;top:4vw}.modal-item-component .image-details-container{position:absolute;left:50%;transform:translate(-50%);bottom:-100%;transition:all 200ms;width:100vw;height:max-content;background-color:#fff;border-radius:5vw 5vw 0 0;display:flex;align-items:center;flex-direction:column;justify-content:space-evenly;-webkit-box-shadow:0px 0px 20px -8px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 20px -8px rgba(0,0,0,.75);box-shadow:0px 0px 20px -8px rgba(0,0,0,.75);--image-details-margin: 16vw}.modal-item-component .image-details-container .image-item-container{width:70%;position:relative;margin-top:var(--image-details-margin);margin-bottom:calc(var(--image-details-margin)*.3)}.modal-item-component .image-details-container .image-item-container .share-button{cursor:pointer;background-image:url(fonts/download-icon.svg);background-color:#fff;border-radius:10%;width:8vw;height:8vw;position:absolute;right:10px;bottom:14px;background-size:auto 64%;background-repeat:no-repeat;background-position:center}.modal-item-component .image-details-container .image-item-container .modal-image{margin:0 auto;image-rendering:pixelated;image-rendering:crisp-edges;width:100%;height:70vw;border-radius:1.7vw;object-fit:cover}.modal-item-component .image-details-container .image-item-container .progress-bar-container{position:absolute;bottom:2.66vw;left:7%;width:86%;height:1.33vw;background:#FFFFFF82;border-radius:1.33vw;overflow:hidden;margin:0 auto}.modal-item-component .image-details-container .image-item-container .progress-bar{height:100%;width:0;background:linear-gradient(90deg, #86F0F5 0%, #F4B0F1 50%, #FFCE52 100%);transition:width .4s ease}.modal-item-component .image-details-container .image-details{display:flex;width:65%;align-items:center;justify-content:space-between;font-family:Rubik;font-weight:400;color:#6a6a6a}.modal-item-component .image-details-container .image-details .image-data{display:flex;align-items:center;gap:1.87vw;font-size:5vw}.modal-item-component .image-details-container .image-details .image-data img{height:6vw;width:6vw}.modal-item-component .image-details-container .bottom-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:calc(var(--image-details-margin)*.6);margin-bottom:calc(var(--image-details-margin)*.6);gap:calc(var(--image-details-margin)*.4)}.modal-item-component .image-details-container .play-button,.modal-item-component .image-details-container .play-again-btn,.modal-item-component .image-details-container .goto-gallery-btn{cursor:pointer;margin-top:0;font-family:Rubik;font-weight:600;background:linear-gradient(90deg, #86F0F5 0%, #F4B0F1 50%, #FFCE52 100%);color:#fff;border-radius:3vw;width:max-content;padding:3vw 18vw;font-size:7vw;box-shadow:0px -1.7vw 0px 0px #00000021 inset}.modal-item-component .image-details-container .goto-gallery-btn{padding:3vw 5vw;font-size:6vw}.modal-item-component .image-details-container .paint-random-btn{background:linear-gradient(90deg, #86F0F5 0%, #F4B0F1 50%, #FFCE52 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Rubik;font-weight:600;text-decoration:underline;font-size:5vw;position:relative;cursor:pointer;width:max-content;height:unset;box-shadow:unset}.modal-item-component .image-details-container .paint-random-btn::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg, #86F0F5 0%, #F4B0F1 50%, #FFCE52 100%)}.modal-item-component .image-details-container .paint-random-btn.hidden{display:none}.modal-item-component .image-details-container .play-again-btn{font-size:5vw;padding:3vw 13vw;display:none}.modal-item-component .image-details-container .share-button{display:none}.modal-item-component.image-completed .image-details-container .play-button{display:none}.modal-item-component.image-completed .image-details-container .share-button,.modal-item-component.image-completed .image-details-container .play-again-btn{display:initial}.modal-item-component .game-play-btns{display:none}.modal-item-component.show{pointer-events:all;opacity:1}.modal-item-component.show .image-details-container{bottom:0}.modal-item-component .game-play-btns{flex-direction:column;align-items:center;gap:5vw}body.landscape .modal-item-component .image-details-container .image-item-container .progress-bar-container{height:.6vw}body.landscape .modal-item-component .game-play-btns{gap:3vw}body.landscape .modal-item-component .close-btn{width:1.7vw;right:1.6vw;top:1.3vw}body.landscape .modal-item-component.show .image-details-container{left:50%;bottom:50%;transform:translate(-50%, 50%)}body.landscape .modal-item-component .image-details-container{height:max-content;width:37vw;border-radius:1.5vw;--image-details-margin: 4vw}body.landscape .modal-item-component .image-details-container .image-item-container{width:77%}body.landscape .modal-item-component .image-details-container .image-item-container .share-button{right:14px;bottom:17px;width:3.5vw;height:3.5vw}body.landscape .modal-item-component .image-details-container .image-item-container .modal-image{width:100%;height:28.49vw}body.landscape .modal-item-component .image-details-container .image-details .image-data{gap:.9vw;font-size:1.75vw}body.landscape .modal-item-component .image-details-container .image-details .image-data img{pointer-events:none;height:2.3vw;width:2.3vw}body.landscape .modal-item-component .image-details-container .play-button,body.landscape .modal-item-component .image-details-container .play-again-btn{padding:1.3vw 6.5vw;font-size:2vw}body.landscape .modal-item-component .image-details-container .play-again-btn{padding:1.3vw 5vw}body.landscape .modal-item-component .image-details-container .play-button,body.landscape .modal-item-component .image-details-container .play-again-btn,body.landscape .modal-item-component .image-details-container .goto-gallery-btn{border-radius:1vw;box-shadow:0px -0.7vw 0px 0px #00000021 inset}body.landscape .modal-item-component .image-details-container .goto-gallery-btn{padding:1.2vw 3vw;font-size:2.3vw;margin-top:0}body.landscape .modal-item-component .image-details-container .paint-random-btn{font-size:2vw}body.landscape .modal-item-component .game-play-btns{gap:2vw}body.landscape .modal-item-component.image-completed .image-details-container .modal-image{height:25vw}body.view-overlay::after{content:none !important}body.view-overlay .overlay-transition{content:"";width:100vw;height:100vh;background:#fff;display:block;position:fixed;left:0;top:0;animation:view-overlay-show-animation .3s linear both;z-index:10}body.view-overlay.overlay-hide .overlay-transition{animation:view-overlay-hide-animation .3s linear both}.view{background-color:transparent;overflow:visible}.gradient-background,body{background:linear-gradient(-45deg, #E4EFF9, #F8E9FF, #FCEDE9)}.animated-view{background:linear-gradient(-45deg, #F8E9FF, #FCEDE9, #E4EFF9, #F8E9FF, #FCEDE9);background-size:400% 400%;animation:gradient 20s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.super-wide .super-wide-container{height:calc(100%/var(--super-wide-scale));transform:scale(var(--super-wide-scale));transform-origin:center top}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;width:100vw;height:100vh}:root{--orange-color: #FF4545;--pink-color: #FF8181;--grey-shadow: #0000001c}@font-face{font-family:"Ubuntu Bold";font-style:normal;font-weight:normal;src:url(fonts/ubuntu-bold.woff2);src:local("ubuntu-bold"),local("ubuntu-bold"),url(fonts/ubuntu-bold.woff2)}@font-face{font-family:"Ubuntu";font-style:normal;font-weight:normal;src:url(fonts/ubuntu-r.woff2);src:local("ubuntu-r"),local("ubuntu-r"),url(fonts/ubuntu-r.woff2)}@font-face{font-family:"Rubik";font-style:normal;font-weight:300;src:url(fonts/Rubik-Light.ttf);src:local("Rubik-Light"),local("Rubik-Light"),url(fonts/Rubik-Light.ttf)}@font-face{font-family:"Rubik";font-style:normal;font-weight:400;src:url(fonts/rubik.woff2);src:local("Rubik"),local("Rubik"),url(fonts/rubik.woff2)}@font-face{font-family:"Rubik";font-weight:600;font-style:normal;src:url(fonts/Rubik-SemiBold.ttf);src:local("rubik-semiBold"),local("rubik-semiBold"),url(fonts/Rubik-SemiBold.ttf)}.button{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:50vw;height:14vw;font-family:Rubik;font-weight:bold;background-color:var(--pink-color);color:#fff;border-radius:3vw;cursor:pointer;font-size:6vw;box-shadow:inset 0px -1.8vw 0px 0 var(--grey-shadow)}.button img{margin-right:2vw;width:7vw}.button.secondary{background-color:#fff;color:var(--pink-color);border:.7vw solid var(--pink-color);font-size:4.5vw;box-shadow:inset 0px -1vw 0px 0 var(--grey-shadow) !important}body.landscape .button{width:18vw;height:5.5vw;font-size:2.2vw;border-radius:1vw;box-shadow:inset 0px -0.7vw 0px 0 var(--grey-shadow)}body.landscape .button img{margin-right:.6vw;width:2.5vw}body.landscape .button.secondary{border:.3vw solid var(--pink-color);font-size:1.8vw;box-shadow:inset 0px -0.5vw 0px 0 var(--grey-shadow) !important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes infinite-pulse{0%{transform:scale(1)}7%{transform:scale(1.2)}14%{transform:scale(1)}21%{transform:scale(1.2)}28%{transform:scale(1)}100%{transform:scale(1)}}.overlay{position:fixed;top:0;left:0;width:100vw;height:100%;background-color:#FFFFFFBF}.super-wide .overlay{scale:calc(1/var(--super-wide-scale))}.gift-component{position:absolute;margin:auto;z-index:2;height:100%;width:100%;background-color:#FFFFFFE0;opacity:0;pointer-events:none;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center}.gift-component .toast-container{width:max-content;height:max-content;opacity:0;transition:all .2s ease-in-out;transition-delay:.3s;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7vw;color:#6a6a6a;font-family:Rubik;font-weight:600;font-size:4vw}.gift-component .toast-container .gift-icon,.gift-component .toast-container .tool-icon{width:15vw}.gift-component .toast-container .gift-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vw;color:#f47b79;font-size:5vw}.gift-component .toast-container .gift-detail{gap:2vh}.gift-component .toast-container .gift-detail .gift-image,.gift-component .toast-container .gift-detail .gift-tool{display:flex;flex-direction:column;align-items:center}.gift-component .toast-container .gift-detail .gift-tool{gap:2vw}.gift-component .toast-container .gift-detail .gift-image{gap:4vh}.gift-component .toast-container .gift-detail .gift-image .gift-description{max-width:42vw;text-align:center}.gift-component .toast-container .gift-detail .gift-image .won-image{width:auto;height:34vw;border-radius:3%;image-rendering:pixelated;image-rendering:crisp-edges}.gift-component .toast-container .gift-detail .gift-image .buttons-container{display:flex;align-items:center;flex-direction:column;gap:2vh}.gift-component .toast-container .gift-detail .gift-image .buttons-container .play-btn{cursor:pointer;margin-top:0;font-family:Rubik;font-weight:600;background:linear-gradient(90deg, #86F0F5 0%, #F4B0F1 50%, #FFCE52 100%);color:#fff;border-radius:3vw;width:max-content;padding:3vw 18vw;font-size:7vw;box-shadow:0px -1.7vw 0px 0px #00000021 inset}.gift-component .toast-container .gift-detail .gift-image .buttons-container .go-back-btn{background:linear-gradient(90deg, #86F0F5 0%, #F4B0F1 50%, #FFCE52 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Rubik;font-weight:600;text-decoration:underline;font-size:5vw;position:relative;cursor:pointer;width:max-content;height:unset;box-shadow:unset}.gift-component .toast-container .gift-detail .gift-image .buttons-container .go-back-btn::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg, #86F0F5 0%, #F4B0F1 50%, #FFCE52 100%)}.gift-component .toast-container .gift-detail .gift-image .buttons-container .go-back-btn.hidden{display:none}.gift-component.show{opacity:1;pointer-events:all}.gift-component.show .toast-container{opacity:1}body.landscape .gift-component .toast-container{gap:3vw;font-size:2vw;transform-origin:center}body.landscape .gift-component .toast-container .gift-icon,body.landscape .gift-component .toast-container .tool-icon{width:min(6.5vw,12vh)}body.landscape .gift-component .toast-container .gift-container{gap:.7vw;font-size:2.3vw}body.landscape .gift-component .toast-container .gift-detail{gap:.8vw}body.landscape .gift-component .toast-container .gift-tool{gap:1vw}body.landscape .gift-component .toast-container .gift-image .won-image{width:auto;height:min(20vw,30vh)}body.landscape .gift-component .toast-container .gift-image .buttons-container .play-btn{padding:1.3vw 6.5vw;font-size:2vw;border-radius:1vw;box-shadow:0px -0.7vw 0px 0px #00000021 inset}body.landscape .gift-component .toast-container .gift-image .buttons-container .go-back-btn{font-size:2vw}.modal-item-component,.modal-item-anim-component{position:fixed;pointer-events:none;transition:all 200ms;z-index:2000;top:0;left:0;width:100vw;height:100%;opacity:0}.modal-item-component .close-btn,.modal-item-anim-component .close-btn{cursor:pointer;position:absolute;width:5vw;right:3.5vw;top:4vw}.modal-item-component .image-details-container,.modal-item-anim-component .image-details-container{position:absolute;left:50%;transform:translate(-50%);bottom:-100%;transition:all 200ms;width:100vw;height:max-content;background-color:#fff;border-radius:5vw 5vw 0 0;display:flex;align-items:center;flex-direction:column;justify-content:space-evenly;-webkit-box-shadow:0px 0px 20px -8px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 20px -8px rgba(0,0,0,.75);box-shadow:0px 0px 20px -8px rgba(0,0,0,.75);--image-details-margin: 16vw}.modal-item-component .image-details-container .image-item-container,.modal-item-anim-component .image-details-container .image-item-container{width:70%;position:relative;margin-top:var(--image-details-margin);margin-bottom:calc(var(--image-details-margin)*.3)}.modal-item-component .image-details-container .image-item-container .share-button,.modal-item-anim-component .image-details-container .image-item-container .share-button{cursor:pointer;background-image:url(fonts/download-icon.svg);background-color:#fff;border-radius:10%;width:8vw;height:8vw;position:absolute;right:10px;bottom:14px;background-size:auto 64%;background-repeat:no-repeat;background-position:center}.modal-item-component .image-details-container .image-item-container .modal-image,.modal-item-anim-component .image-details-container .image-item-container .modal-image{margin:0 auto;image-rendering:pixelated;image-rendering:crisp-edges;width:100%;height:70vw;border-radius:1.7vw;object-fit:cover}.modal-item-component .image-details-container .image-item-container .progress-bar-container,.modal-item-anim-component .image-details-container .image-item-container .progress-bar-container{position:absolute;bottom:2.66vw;left:7%;width:86%;height:1.33vw;background:#FFFFFF82;border-radius:1.33vw;overflow:hidden;margin:0 auto}.modal-item-component .image-details-container .image-item-container .progress-bar,.modal-item-anim-component .image-details-container .image-item-container .progress-bar{height:100%;width:0;background:linear-gradient(90deg, #86F0F5 0%, #F4B0F1 50%, #FFCE52 100%);transition:width .4s ease}.modal-item-component .image-details-container .image-details,.modal-item-anim-component .image-details-container .image-details{display:flex;width:65%;align-items:center;justify-content:space-between;font-family:Rubik;font-weight:400;color:#6a6a6a}.modal-item-component .image-details-container .image-details .image-data,.modal-item-anim-component .image-details-container .image-details .image-data{display:flex;align-items:center;gap:1.87vw;font-size:5vw}.modal-item-component .image-details-container .image-details .image-data img,.modal-item-anim-component .image-details-container .image-details .image-data img{height:6vw;width:6vw}.modal-item-component .image-details-container .bottom-container,.modal-item-anim-component .image-details-container .bottom-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:calc(var(--image-details-margin)*.6);margin-bottom:calc(var(--image-details-margin)*.6);gap:calc(var(--image-details-margin)*.4)}.modal-item-component .image-details-container .play-button,.modal-item-anim-component .image-details-container .play-button,.modal-item-component .image-details-container .play-again-btn,.modal-item-anim-component .image-details-container .play-again-btn,.modal-item-component .image-details-container .goto-gallery-btn,.modal-item-anim-component .image-details-container .goto-gallery-btn{cursor:pointer;margin-top:0;font-family:Rubik;font-weight:600;background:linear-gradient(90deg, #86F0F5 0%, #F4B0F1 50%, #FFCE52 100%);color:#fff;border-radius:3vw;width:max-content;padding:3vw 18vw;font-size:7vw;box-shadow:0px -1.7vw 0px 0px #00000021 inset}.modal-item-component .image-details-container .goto-gallery-btn,.modal-item-anim-component .image-details-container .goto-gallery-btn{padding:3vw 5vw;font-size:6vw}.modal-item-component .image-details-container .paint-random-btn,.modal-item-anim-component .image-details-container .paint-random-btn{background:linear-gradient(90deg, #86F0F5 0%, #F4B0F1 50%, #FFCE52 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Rubik;font-weight:600;text-decoration:underline;font-size:5vw;position:relative;cursor:pointer;width:max-content;height:unset;box-shadow:unset}.modal-item-component .image-details-container .paint-random-btn::after,.modal-item-anim-component .image-details-container .paint-random-btn::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg, #86F0F5 0%, #F4B0F1 50%, #FFCE52 100%)}.modal-item-component .image-details-container .paint-random-btn.hidden,.modal-item-anim-component .image-details-container .paint-random-btn.hidden{display:none}.modal-item-component .image-details-container .play-again-btn,.modal-item-anim-component .image-details-container .play-again-btn{font-size:5vw;padding:3vw 13vw;display:none}.modal-item-component .image-details-container .share-button,.modal-item-anim-component .image-details-container .share-button{display:none}.modal-item-component.image-completed .image-details-container .play-button,.image-completed.modal-item-anim-component .image-details-container .play-button{display:none}.modal-item-component.image-completed .image-details-container .share-button,.image-completed.modal-item-anim-component .image-details-container .share-button,.modal-item-component.image-completed .image-details-container .play-again-btn,.image-completed.modal-item-anim-component .image-details-container .play-again-btn{display:initial}.modal-item-component .game-play-btns,.modal-item-anim-component .game-play-btns{display:none}.modal-item-component.show,.show.modal-item-anim-component{pointer-events:all;opacity:1}.modal-item-component.show .image-details-container,.show.modal-item-anim-component .image-details-container{bottom:0}.modal-item-component .game-play-btns,.modal-item-anim-component .game-play-btns{flex-direction:column;align-items:center;gap:5vw}body.landscape .modal-item-component .image-details-container .image-item-container .progress-bar-container,body.landscape .modal-item-anim-component .image-details-container .image-item-container .progress-bar-container{height:.6vw}body.landscape .modal-item-component .game-play-btns,body.landscape .modal-item-anim-component .game-play-btns{gap:3vw}body.landscape .modal-item-component .close-btn,body.landscape .modal-item-anim-component .close-btn{width:1.7vw;right:1.6vw;top:1.3vw}body.landscape .modal-item-component.show .image-details-container,body.landscape .show.modal-item-anim-component .image-details-container{left:50%;bottom:50%;transform:translate(-50%, 50%)}body.landscape .modal-item-component .image-details-container,body.landscape .modal-item-anim-component .image-details-container{height:max-content;width:37vw;border-radius:1.5vw;--image-details-margin: 4vw}body.landscape .modal-item-component .image-details-container .image-item-container,body.landscape .modal-item-anim-component .image-details-container .image-item-container{width:77%}body.landscape .modal-item-component .image-details-container .image-item-container .share-button,body.landscape .modal-item-anim-component .image-details-container .image-item-container .share-button{right:14px;bottom:17px;width:3.5vw;height:3.5vw}body.landscape .modal-item-component .image-details-container .image-item-container .modal-image,body.landscape .modal-item-anim-component .image-details-container .image-item-container .modal-image{width:100%;height:28.49vw}body.landscape .modal-item-component .image-details-container .image-details .image-data,body.landscape .modal-item-anim-component .image-details-container .image-details .image-data{gap:.9vw;font-size:1.75vw}body.landscape .modal-item-component .image-details-container .image-details .image-data img,body.landscape .modal-item-anim-component .image-details-container .image-details .image-data img{pointer-events:none;height:2.3vw;width:2.3vw}body.landscape .modal-item-component .image-details-container .play-button,body.landscape .modal-item-anim-component .image-details-container .play-button,body.landscape .modal-item-component .image-details-container .play-again-btn,body.landscape .modal-item-anim-component .image-details-container .play-again-btn{padding:1.3vw 6.5vw;font-size:2vw}body.landscape .modal-item-component .image-details-container .play-again-btn,body.landscape .modal-item-anim-component .image-details-container .play-again-btn{padding:1.3vw 5vw}body.landscape .modal-item-component .image-details-container .play-button,body.landscape .modal-item-anim-component .image-details-container .play-button,body.landscape .modal-item-component .image-details-container .play-again-btn,body.landscape .modal-item-anim-component .image-details-container .play-again-btn,body.landscape .modal-item-component .image-details-container .goto-gallery-btn,body.landscape .modal-item-anim-component .image-details-container .goto-gallery-btn{border-radius:1vw;box-shadow:0px -0.7vw 0px 0px #00000021 inset}body.landscape .modal-item-component .image-details-container .goto-gallery-btn,body.landscape .modal-item-anim-component .image-details-container .goto-gallery-btn{padding:1.2vw 3vw;font-size:2.3vw;margin-top:0}body.landscape .modal-item-component .image-details-container .paint-random-btn,body.landscape .modal-item-anim-component .image-details-container .paint-random-btn{font-size:2vw}body.landscape .modal-item-component .game-play-btns,body.landscape .modal-item-anim-component .game-play-btns{gap:2vw}body.landscape .modal-item-component.image-completed .image-details-container .modal-image,body.landscape .image-completed.modal-item-anim-component .image-details-container .modal-image{height:25vw}.modal-item-anim-component .canvas-wrapper{position:relative}.modal-item-anim-component .canvas-wrapper canvas{display:block;border-radius:10px}.modal-item-anim-component .win-buttons-container{display:flex;flex-direction:column;position:absolute;right:12px;bottom:12px;gap:12px;pointer-events:none}.modal-item-anim-component .win-buttons-container .replay-btn,.modal-item-anim-component .win-buttons-container .share-btn{cursor:pointer;position:relative;width:8vw;height:8vw;border-radius:10%;overflow:hidden;opacity:0;transition:opacity .4s;background-color:#fff}.modal-item-anim-component .win-buttons-container .replay-btn::after,.modal-item-anim-component .win-buttons-container .share-btn::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:64%;z-index:2;opacity:0;transform:scale(0) rotate(0deg);transition:opacity .4s,transform .4s ease-out}.modal-item-anim-component .win-buttons-container .replay-btn::after{background-image:url(fonts/replay-icon.svg)}.modal-item-anim-component .win-buttons-container .share-btn::after{transform:translate(0, -100%);background-image:url(fonts/download-icon.svg);background-size:auto 62%}.modal-item-anim-component .win-buttons-container.show{pointer-events:all}.modal-item-anim-component .win-buttons-container.show .replay-btn{opacity:1}.modal-item-anim-component .win-buttons-container.show .replay-btn::after{transform:scale(1) rotate(-720deg);opacity:1}.modal-item-anim-component .win-buttons-container.show .share-btn{opacity:1}.modal-item-anim-component .win-buttons-container.show .share-btn::after{transform:translate(0);opacity:1}.modal-item-anim-component .image-details-container{--image-details-margin: 16vw;justify-content:start;height:max-content}.modal-item-anim-component .image-details-container .image-details{display:none}.modal-item-anim-component .image-details-container .image-item-container{margin-top:calc(var(--image-details-margin)*.75)}.modal-item-anim-component .image-details-container .bottom-container{display:none}.modal-item-anim-component .image-details-container .game-play-btns{margin-top:calc(var(--image-details-margin)*.7);margin-bottom:calc(var(--image-details-margin)*.7);gap:calc(var(--image-details-margin)*.3)}body.landscape .modal-item-anim-component .image-details-container{--image-details-margin: 5vw;height:max-content}body.landscape .modal-item-anim-component .canvas-wrapper canvas{border-radius:8px;width:27vw;height:27vw}body.landscape .modal-item-anim-component .canvas-wrapper .win-buttons-container{gap:1vw;right:12px;bottom:11px}body.landscape .modal-item-anim-component .canvas-wrapper .win-buttons-container .replay-btn,body.landscape .modal-item-anim-component .canvas-wrapper .win-buttons-container .share-btn{width:3.5vw;height:3.5vw}body.view-overlay::after{content:none !important}body.view-overlay .overlay-transition{content:"";width:100vw;height:100vh;background:#fff;display:block;position:fixed;left:0;top:0;animation:view-overlay-show-animation .3s linear both;z-index:10}body.view-overlay.overlay-hide .overlay-transition{animation:view-overlay-hide-animation .3s linear both}.view{background-color:transparent;overflow:visible}.gradient-background,body{background:linear-gradient(-45deg, #E4EFF9, #F8E9FF, #FCEDE9)}.animated-view{background:linear-gradient(-45deg, #F8E9FF, #FCEDE9, #E4EFF9, #F8E9FF, #FCEDE9);background-size:400% 400%;animation:gradient 20s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.super-wide .super-wide-container{height:calc(100%/var(--super-wide-scale));transform:scale(var(--super-wide-scale));transform-origin:center top}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;width:100vw;height:100vh}:root{--orange-color: #FF4545;--pink-color: #FF8181;--grey-shadow: #0000001c}@font-face{font-family:"Ubuntu Bold";font-style:normal;font-weight:normal;src:url(fonts/ubuntu-bold.woff2);src:local("ubuntu-bold"),local("ubuntu-bold"),url(fonts/ubuntu-bold.woff2)}@font-face{font-family:"Ubuntu";font-style:normal;font-weight:normal;src:url(fonts/ubuntu-r.woff2);src:local("ubuntu-r"),local("ubuntu-r"),url(fonts/ubuntu-r.woff2)}@font-face{font-family:"Rubik";font-style:normal;font-weight:300;src:url(fonts/Rubik-Light.ttf);src:local("Rubik-Light"),local("Rubik-Light"),url(fonts/Rubik-Light.ttf)}@font-face{font-family:"Rubik";font-style:normal;font-weight:400;src:url(fonts/rubik.woff2);src:local("Rubik"),local("Rubik"),url(fonts/rubik.woff2)}@font-face{font-family:"Rubik";font-weight:600;font-style:normal;src:url(fonts/Rubik-SemiBold.ttf);src:local("rubik-semiBold"),local("rubik-semiBold"),url(fonts/Rubik-SemiBold.ttf)}.button{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:50vw;height:14vw;font-family:Rubik;font-weight:bold;background-color:var(--pink-color);color:#fff;border-radius:3vw;cursor:pointer;font-size:6vw;box-shadow:inset 0px -1.8vw 0px 0 var(--grey-shadow)}.button img{margin-right:2vw;width:7vw}.button.secondary{background-color:#fff;color:var(--pink-color);border:.7vw solid var(--pink-color);font-size:4.5vw;box-shadow:inset 0px -1vw 0px 0 var(--grey-shadow) !important}body.landscape .button{width:18vw;height:5.5vw;font-size:2.2vw;border-radius:1vw;box-shadow:inset 0px -0.7vw 0px 0 var(--grey-shadow)}body.landscape .button img{margin-right:.6vw;width:2.5vw}body.landscape .button.secondary{border:.3vw solid var(--pink-color);font-size:1.8vw;box-shadow:inset 0px -0.5vw 0px 0 var(--grey-shadow) !important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes infinite-pulse{0%{transform:scale(1)}7%{transform:scale(1.2)}14%{transform:scale(1)}21%{transform:scale(1.2)}28%{transform:scale(1)}100%{transform:scale(1)}}.overlay{position:fixed;top:0;left:0;width:100vw;height:100%;background-color:#FFFFFFBF}.super-wide .overlay{scale:calc(1/var(--super-wide-scale))}.roulette-component{position:fixed;pointer-events:none;transition:opacity 200ms;z-index:100;top:0;left:0;width:100vw;height:100%;background-color:#FFFFFFBF;opacity:0}.roulette-component .roulette-container{position:absolute;left:50%;transform:translate(-50%);bottom:-100%;transition:bottom 200ms;width:100vw;height:86%;max-height:150vw;background-color:#fff;border-radius:5vw 5vw 0 0;display:flex;align-items:center;flex-direction:column;justify-content:space-evenly;-webkit-box-shadow:0px 0px 20px -8px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 20px -8px rgba(0,0,0,.75);box-shadow:0px 0px 20px -8px rgba(0,0,0,.75);color:#6a6a6a;font-family:"Rubik";text-align:center}.roulette-component .roulette-container .header,.roulette-component .roulette-container .body,.roulette-component .roulette-container .footer{width:80%}.roulette-component .roulette-container .header .title{font-size:7vw;display:inline-block;margin-bottom:9vw}.roulette-component .roulette-container .header .subtitle{display:inline-block;font-size:5.5vw}.roulette-component .roulette-container .body .roulette-display{position:relative;width:100%;height:38vw;font-size:4vw;background-position:center;background-repeat:no-repeat;background-image:url(fonts/roulette.svg);background-size:contain;display:flex;align-items:center;justify-content:center}.roulette-component .roulette-container .body .roulette-display .points{color:#fff;font-size:7vw;font-weight:bold;text-shadow:.2vw .3vw .6vw #0000004f;position:relative}.roulette-component .roulette-container .body .roulette-display .points:nth-child(1){top:11vw;left:-9vw}.roulette-component .roulette-container .body .roulette-display .points:nth-child(2){top:-2vw;left:-8vw}.roulette-component .roulette-container .body .roulette-display .points:nth-child(3){top:-8vw}.roulette-component .roulette-container .body .roulette-display .points:nth-child(4){top:-2vw;left:7vw}.roulette-component .roulette-container .body .roulette-display .points:nth-child(5){top:11vw;left:9vw}.roulette-component .roulette-container .body .roulette-display .pointer{background-image:url(fonts/pointer.svg);background-size:contain;background-repeat:no-repeat;width:9vw;height:24vw;position:absolute;bottom:-4vw;background-position:center;transform-origin:center 82%}.roulette-component .roulette-container .footer .bottom-buttons{display:flex;flex-direction:column;align-items:center;gap:4vw}.roulette-component.show{pointer-events:all;opacity:1}.roulette-component.show .roulette-container{bottom:0}.body.landscape .roulette-component .roulette-container{left:50%;transform:translate(-50%, 50%);height:88%;width:37vw;border-radius:1.5vw}.body.landscape .roulette-component .roulette-container .header .title{font-size:3vw;margin-bottom:2vw}.body.landscape .roulette-component .roulette-container .header .subtitle{font-size:2vw}.body.landscape .roulette-component .roulette-container .body .roulette-display{height:13vw}.body.landscape .roulette-component .roulette-container .body .roulette-display .points{font-size:2.2vw;text-shadow:.15vw .15vw .15vw #0000004f}.body.landscape .roulette-component .roulette-container .body .roulette-display .points:nth-child(1){top:3.7vw;left:-3.7vw}.body.landscape .roulette-component .roulette-container .body .roulette-display .points:nth-child(2){top:-1vw;left:-2.7vw}.body.landscape .roulette-component .roulette-container .body .roulette-display .points:nth-child(3){top:-2.8vw}.body.landscape .roulette-component .roulette-container .body .roulette-display .points:nth-child(4){top:-1vw;left:2.7vw}.body.landscape .roulette-component .roulette-container .body .roulette-display .points:nth-child(5){top:3.7vw;left:3.7vw}.body.landscape .roulette-component .roulette-container .body .roulette-display .pointer{width:3vw;height:8vw;bottom:-1.2vw}.body.landscape .roulette-component .roulette-container .footer .bottom-buttons{gap:1.5vw}.body.landscape .roulette-component.show .roulette-container{bottom:50%}body.view-overlay::after{content:none !important}body.view-overlay .overlay-transition{content:"";width:100vw;height:100vh;background:#fff;display:block;position:fixed;left:0;top:0;animation:view-overlay-show-animation .3s linear both;z-index:10}body.view-overlay.overlay-hide .overlay-transition{animation:view-overlay-hide-animation .3s linear both}.view{background-color:transparent;overflow:visible}.gradient-background,body{background:linear-gradient(-45deg, #E4EFF9, #F8E9FF, #FCEDE9)}.animated-view{background:linear-gradient(-45deg, #F8E9FF, #FCEDE9, #E4EFF9, #F8E9FF, #FCEDE9);background-size:400% 400%;animation:gradient 20s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.super-wide .super-wide-container{height:calc(100%/var(--super-wide-scale));transform:scale(var(--super-wide-scale));transform-origin:center top}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;width:100vw;height:100vh}:root{--orange-color: #FF4545;--pink-color: #FF8181;--grey-shadow: #0000001c}@font-face{font-family:"Ubuntu Bold";font-style:normal;font-weight:normal;src:url(fonts/ubuntu-bold.woff2);src:local("ubuntu-bold"),local("ubuntu-bold"),url(fonts/ubuntu-bold.woff2)}@font-face{font-family:"Ubuntu";font-style:normal;font-weight:normal;src:url(fonts/ubuntu-r.woff2);src:local("ubuntu-r"),local("ubuntu-r"),url(fonts/ubuntu-r.woff2)}@font-face{font-family:"Rubik";font-style:normal;font-weight:300;src:url(fonts/Rubik-Light.ttf);src:local("Rubik-Light"),local("Rubik-Light"),url(fonts/Rubik-Light.ttf)}@font-face{font-family:"Rubik";font-style:normal;font-weight:400;src:url(fonts/rubik.woff2);src:local("Rubik"),local("Rubik"),url(fonts/rubik.woff2)}@font-face{font-family:"Rubik";font-weight:600;font-style:normal;src:url(fonts/Rubik-SemiBold.ttf);src:local("rubik-semiBold"),local("rubik-semiBold"),url(fonts/Rubik-SemiBold.ttf)}.button{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:50vw;height:14vw;font-family:Rubik;font-weight:bold;background-color:var(--pink-color);color:#fff;border-radius:3vw;cursor:pointer;font-size:6vw;box-shadow:inset 0px -1.8vw 0px 0 var(--grey-shadow)}.button img{margin-right:2vw;width:7vw}.button.secondary{background-color:#fff;color:var(--pink-color);border:.7vw solid var(--pink-color);font-size:4.5vw;box-shadow:inset 0px -1vw 0px 0 var(--grey-shadow) !important}body.landscape .button{width:18vw;height:5.5vw;font-size:2.2vw;border-radius:1vw;box-shadow:inset 0px -0.7vw 0px 0 var(--grey-shadow)}body.landscape .button img{margin-right:.6vw;width:2.5vw}body.landscape .button.secondary{border:.3vw solid var(--pink-color);font-size:1.8vw;box-shadow:inset 0px -0.5vw 0px 0 var(--grey-shadow) !important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes infinite-pulse{0%{transform:scale(1)}7%{transform:scale(1.2)}14%{transform:scale(1)}21%{transform:scale(1.2)}28%{transform:scale(1)}100%{transform:scale(1)}}.overlay{position:fixed;top:0;left:0;width:100vw;height:100%;background-color:#FFFFFFBF}.super-wide .overlay{scale:calc(1/var(--super-wide-scale))}.achievement-component{box-sizing:border-box;font-family:Rubik;font-weight:600;color:#6a6a6a}.achievement-component .achievement-background{box-sizing:border-box;height:100%;display:flex;align-items:center;justify-content:space-between;gap:6%;padding:4%;background-color:#fff;position:relative;border-radius:2.5vw 2.5vw 3vw 3vw}.achievement-component .achievement-background .has-collect-circle{display:none}.achievement-component .achievement-background .achievement-icon-container{height:97%;position:relative}.achievement-component .achievement-background .achievement-icon-container .achievement-icon{height:100%;pointer-events:none;object-fit:contain;border-radius:13%}.achievement-component .achievement-background .achievement-detail{width:82%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-right:2%}.achievement-component .achievement-background .achievement-detail .achievement-level.level-up{animation:pulse .5s .1s ease 2;transform-origin:center}.achievement-component .achievement-background .achievement-detail .achievement-title-container{display:flex;justify-content:space-between;width:100%;font-size:4vw;font-weight:bold}.achievement-component .achievement-background .achievement-detail .achievement-title-container .achievement-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement-component .achievement-background .achievement-detail .achievement-description{font-size:3.5vw;color:#343434;font-weight:400;margin-bottom:6%}.achievement-component .achievement-background .achievement-detail .achievement-bar{display:flex;justify-content:space-between;align-items:center;gap:2%;font-size:3vw;color:#b7b7b7;width:103%;height:6vw}.achievement-component .achievement-background .achievement-detail .achievement-bar .achievement-progress-bar{width:70%;height:1.33vw;background-color:#e5e5e5;border-radius:1.33vw}.achievement-component .achievement-background .achievement-detail .achievement-bar .progress-bar{height:100%;border-radius:1.33vw;width:50%;background:linear-gradient(90deg, #86F0F5 0%, #F4B0F1 50%, #FFCE52 100%);transition:width .4s ease}.achievement-component .achievement-background .achievement-detail .achievement-bar .collect-btn{display:none}.achievement-component .achievement-background .achievement-detail .achievement-bar .achievement-stats,.achievement-component .achievement-background .achievement-detail .achievement-bar .collect-btn{font-family:Rubik;font-weight:400;color:#343434}.achievement-component .achievement-background .achievement-detail .achievement-bar .achievement-stats{min-width:14vw;text-align:right}.achievement-component .achievement-background .achievement-detail .achievement-bar .collect-btn{font-size:2.25vw;font-weight:600;border-radius:1vw;width:14vw;min-width:fit-content;height:6vw;align-items:center;justify-content:center;background-color:#f47b79;cursor:pointer;color:#fff;animation:paused-pulse 3s ease infinite;box-shadow:0px -0.72vw 0px 0px #00000021 inset}@keyframes paused-pulse{0%{transform:scale(1)}60%{transform:scale(1)}70%{transform:scale(1.2)}80%{transform:scale(1)}90%{transform:scale(1.2)}100%{transform:scale(1)}}.achievement-component.has-collect{cursor:pointer}.achievement-component.has-collect .achievement-detail .achievement-bar .collect-btn{display:flex}.achievement-component.has-collect .achievement-detail .achievement-bar .achievement-stats{display:none}.achievement-component.has-collect .achievement-background .has-collect-circle{position:absolute;display:initial;right:-10%;top:-9%;width:3.5vw;height:3.5vw;border-radius:50%;background-color:#f47b79}body.landscape .achievement-component .achievement-background{border-radius:1.1vw 1.1vw 1.3vw 1.3vw}body.landscape .achievement-component .achievement-background .achievement-detail .achievement-title-container{font-size:1.6vw}body.landscape .achievement-component .achievement-background .achievement-detail .achievement-description{font-size:1.2vw;margin-top:.2vw}body.landscape .achievement-component .achievement-background .achievement-detail .achievement-bar{font-size:1.2vw}body.landscape .achievement-component .achievement-background .achievement-detail .achievement-bar .achievement-progress-bar{height:.5vw;border-radius:.5vw}body.landscape .achievement-component .achievement-background .achievement-detail .achievement-bar .progress-bar{border-radius:.5vw}body.landscape .achievement-component .achievement-background .achievement-detail .achievement-bar .achievement-stats{min-width:5vw;height:2vw}body.landscape .achievement-component .achievement-background .achievement-detail .achievement-bar .collect-btn{font-size:.8vw;border-radius:.4vw;width:5vw;height:2vw;box-shadow:0px -0.35vw 0px 0px #00000021 inset}body.landscape .achievement-component.has-collect .achievement-background .has-collect-circle{right:-14%;top:-14%;width:1.5vw;height:1.5vw}body.view-overlay::after{content:none !important}body.view-overlay .overlay-transition{content:"";width:100vw;height:100vh;background:#fff;display:block;position:fixed;left:0;top:0;animation:view-overlay-show-animation .3s linear both;z-index:10}body.view-overlay.overlay-hide .overlay-transition{animation:view-overlay-hide-animation .3s linear both}.view{background-color:transparent;overflow:visible}.gradient-background,body{background:linear-gradient(-45deg, #E4EFF9, #F8E9FF, #FCEDE9)}.animated-view{background:linear-gradient(-45deg, #F8E9FF, #FCEDE9, #E4EFF9, #F8E9FF, #FCEDE9);background-size:400% 400%;animation:gradient 20s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.super-wide .super-wide-container{height:calc(100%/var(--super-wide-scale));transform:scale(var(--super-wide-scale));transform-origin:center top}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;width:100vw;height:100vh}:root{--orange-color: #FF4545;--pink-color: #FF8181;--grey-shadow: #0000001c}@font-face{font-family:"Ubuntu Bold";font-style:normal;font-weight:normal;src:url(fonts/ubuntu-bold.woff2);src:local("ubuntu-bold"),local("ubuntu-bold"),url(fonts/ubuntu-bold.woff2)}@font-face{font-family:"Ubuntu";font-style:normal;font-weight:normal;src:url(fonts/ubuntu-r.woff2);src:local("ubuntu-r"),local("ubuntu-r"),url(fonts/ubuntu-r.woff2)}@font-face{font-family:"Rubik";font-style:normal;font-weight:300;src:url(fonts/Rubik-Light.ttf);src:local("Rubik-Light"),local("Rubik-Light"),url(fonts/Rubik-Light.ttf)}@font-face{font-family:"Rubik";font-style:normal;font-weight:400;src:url(fonts/rubik.woff2);src:local("Rubik"),local("Rubik"),url(fonts/rubik.woff2)}@font-face{font-family:"Rubik";font-weight:600;font-style:normal;src:url(fonts/Rubik-SemiBold.ttf);src:local("rubik-semiBold"),local("rubik-semiBold"),url(fonts/Rubik-SemiBold.ttf)}.button{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:50vw;height:14vw;font-family:Rubik;font-weight:bold;background-color:var(--pink-color);color:#fff;border-radius:3vw;cursor:pointer;font-size:6vw;box-shadow:inset 0px -1.8vw 0px 0 var(--grey-shadow)}.button img{margin-right:2vw;width:7vw}.button.secondary{background-color:#fff;color:var(--pink-color);border:.7vw solid var(--pink-color);font-size:4.5vw;box-shadow:inset 0px -1vw 0px 0 var(--grey-shadow) !important}body.landscape .button{width:18vw;height:5.5vw;font-size:2.2vw;border-radius:1vw;box-shadow:inset 0px -0.7vw 0px 0 var(--grey-shadow)}body.landscape .button img{margin-right:.6vw;width:2.5vw}body.landscape .button.secondary{border:.3vw solid var(--pink-color);font-size:1.8vw;box-shadow:inset 0px -0.5vw 0px 0 var(--grey-shadow) !important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes infinite-pulse{0%{transform:scale(1)}7%{transform:scale(1.2)}14%{transform:scale(1)}21%{transform:scale(1.2)}28%{transform:scale(1)}100%{transform:scale(1)}}.overlay{position:fixed;top:0;left:0;width:100vw;height:100%;background-color:#FFFFFFBF}.super-wide .overlay{scale:calc(1/var(--super-wide-scale))}.achievements-modal-container .modal-component .content-container{height:100%}.achievements-modal-container .content-container{position:absolute}.achievements-modal-container .content-container .achievements-subtitle-container{width:100%;height:39%;display:flex;position:absolute;background:url(fonts/stripes.svg),#fad15c;background-size:100% auto,auto 100%;background-repeat:no-repeat,no-repeat;background-position:top,center;flex-shrink:0;border-radius:inherit;top:0;left:0}.achievements-modal-container .content-container .achievements-subtitle-container .achievements-subtitle{height:30%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:0 auto;margin-top:10%;gap:6vw}.achievements-modal-container .content-container .achievements-subtitle-container .achievements-subtitle img{pointer-events:none;height:100%}.achievements-modal-container .content-container .achievements-subtitle-container .achievements-subtitle .general-level{font-family:Rubik;font-size:9vw;font-weight:600;color:#fff;width:max-content;margin-right:6vw}.achievements-modal-container .content-container .achievements-subtitle-container .achievements-subtitle .general-level .progress-bar-container{position:relative;display:flex;flex-direction:column;align-items:start;gap:2vw}.achievements-modal-container .content-container .achievements-subtitle-container .achievements-subtitle .general-level .progress-bar-container .completed-achievements{font-family:Rubik;font-weight:400;color:#c09d39;font-size:3vw}.achievements-modal-container .content-container .achievements-subtitle-container .achievements-subtitle .general-level .progress-bar-container .achievement-view-progress-bar{position:relative;height:1vw;background-color:#FFFFFFD6;border-radius:2.5vw;width:28vw;flex-shrink:0}.achievements-modal-container .content-container .achievements-subtitle-container .achievements-subtitle .general-level .progress-bar-container .achievement-view-progress-bar .progress-bar-achievement-view{height:100%;border-radius:2.5vw;width:0;background-color:#c09d39;transition:width .4s ease;text-align:center}.achievements-modal-container .content-container .achievements-subtitle-container .achievements-subtitle .general-level .progress-bar-container .achievement-view-progress-bar .gift-icon-container{position:absolute;top:50%;right:-7vw;transform:translate(0, -50%);width:8vw;height:8vw;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;pointer-events:none}.achievements-modal-container .content-container .achievements-subtitle-container .achievements-subtitle .general-level .progress-bar-container .achievement-view-progress-bar .gift-icon-container .gift-icon{width:60%;display:none}.achievements-modal-container .content-container .achievements-subtitle-container .achievements-subtitle .general-level .progress-bar-container .achievement-view-progress-bar .gift-icon-container .yellow-gift-icon{width:60%}.achievements-modal-container .content-container .achievements-container-wrapper{position:absolute;width:92%;height:74%;background-color:#fff;padding-top:6%;border-radius:6vw;box-sizing:border-box;bottom:0}.achievements-modal-container .content-container .achievements-container-wrapper .achievements-container{display:flex;margin:0 auto;flex-direction:column;overflow-y:auto;flex-shrink:0;height:100%}.achievements-modal-container .content-container .achievements-container-wrapper .achievements-container .achievement-component{height:26vw}.achievements-modal-container .content-container .add-progress-btn{background-color:#ff000082;position:fixed;bottom:0;z-index:9;color:#fff;font-size:26px;font-family:sans-serif;padding:12px 30px}.achievements-modal-container .content-container .achievements-subtitle-container.has-gift .achievements-subtitle .general-level .progress-bar-container .achievement-view-progress-bar .gift-icon-container{animation-delay:1s;pointer-events:all}.achievements-modal-container .content-container .achievements-subtitle-container.has-gift .achievements-subtitle .general-level .progress-bar-container .achievement-view-progress-bar .gift-icon-container .yellow-gift-icon{display:none}.achievements-modal-container .content-container .achievements-subtitle-container.has-gift .achievements-subtitle .general-level .progress-bar-container .achievement-view-progress-bar .gift-icon-container .gift-icon{animation:tada 3s ease-in-out infinite;display:initial}@keyframes tada{0%{transform:scale(1)}70%{transform:scale(1)}73%,76%{transform:scale(0.9) rotate(-3deg)}79%,85%,91%,97%{transform:scale(1.15) rotate(3deg)}82%,88%,94%{transform:scale(1.15) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.achievements-modal-container .modal-component .content-container{max-height:150vw}body.landscape .achievements-modal-container .modal-component{--achievements-height: min(calc(100% - 13vw), calc(6 * 9.7vw));--top-container-height: 22vw}body.landscape .achievements-modal-container .modal-component .content-container{height:min(var(--achievements-height) + var(--top-container-height)/1.8,88%)}body.landscape .achievements-modal-container .modal-component .content-container .achievements-subtitle-container{border-radius:1.5vw 1.5vw 0 0;height:22vw}body.landscape .achievements-modal-container .modal-component .content-container .achievements-subtitle-container .achievements-subtitle{gap:2vw}body.landscape .achievements-modal-container .modal-component .content-container .achievements-subtitle-container .achievements-subtitle img{height:100%}body.landscape .achievements-modal-container .modal-component .content-container .achievements-subtitle-container .achievements-subtitle .general-level{font-size:4vw;margin-right:2.5vw}body.landscape .achievements-modal-container .modal-component .content-container .achievements-subtitle-container .achievements-subtitle .general-level .progress-bar-container{gap:.4vw}body.landscape .achievements-modal-container .modal-component .content-container .achievements-subtitle-container .achievements-subtitle .general-level .progress-bar-container .completed-achievements{font-size:1.2vw}body.landscape .achievements-modal-container .modal-component .content-container .achievements-subtitle-container .achievements-subtitle .general-level .progress-bar-container .achievement-view-progress-bar{height:.4vw;border-radius:1.1vw;width:12vw}body.landscape .achievements-modal-container .modal-component .content-container .achievements-subtitle-container .achievements-subtitle .general-level .progress-bar-container .achievement-view-progress-bar .progress-bar-achievement-view{border-radius:1.1vw}body.landscape .achievements-modal-container .modal-component .content-container .achievements-subtitle-container .achievements-subtitle .general-level .progress-bar-container .achievement-view-progress-bar .gift-icon-container{cursor:pointer;right:-2.5vw;width:3vw;height:3vw}body.landscape .achievements-modal-container .modal-component .content-container .achievements-container-wrapper{border-radius:2.5vw;padding-top:4%;padding-bottom:4%;height:var(--achievements-height)}body.landscape .achievements-modal-container .modal-component .content-container .achievements-container-wrapper .achievements-container .achievement-component{height:9vw}body.view-overlay::after{content:none !important}body.view-overlay .overlay-transition{content:"";width:100vw;height:100vh;background:#fff;display:block;position:fixed;left:0;top:0;animation:view-overlay-show-animation .3s linear both;z-index:10}body.view-overlay.overlay-hide .overlay-transition{animation:view-overlay-hide-animation .3s linear both}.view{background-color:transparent;overflow:visible}.gradient-background,body{background:linear-gradient(-45deg, #E4EFF9, #F8E9FF, #FCEDE9)}.animated-view{background:linear-gradient(-45deg, #F8E9FF, #FCEDE9, #E4EFF9, #F8E9FF, #FCEDE9);background-size:400% 400%;animation:gradient 20s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.super-wide .super-wide-container{height:calc(100%/var(--super-wide-scale));transform:scale(var(--super-wide-scale));transform-origin:center top}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;width:100vw;height:100vh}:root{--orange-color: #FF4545;--pink-color: #FF8181;--grey-shadow: #0000001c}@font-face{font-family:"Ubuntu Bold";font-style:normal;font-weight:normal;src:url(fonts/ubuntu-bold.woff2);src:local("ubuntu-bold"),local("ubuntu-bold"),url(fonts/ubuntu-bold.woff2)}@font-face{font-family:"Ubuntu";font-style:normal;font-weight:normal;src:url(fonts/ubuntu-r.woff2);src:local("ubuntu-r"),local("ubuntu-r"),url(fonts/ubuntu-r.woff2)}@font-face{font-family:"Rubik";font-style:normal;font-weight:300;src:url(fonts/Rubik-Light.ttf);src:local("Rubik-Light"),local("Rubik-Light"),url(fonts/Rubik-Light.ttf)}@font-face{font-family:"Rubik";font-style:normal;font-weight:400;src:url(fonts/rubik.woff2);src:local("Rubik"),local("Rubik"),url(fonts/rubik.woff2)}@font-face{font-family:"Rubik";font-weight:600;font-style:normal;src:url(fonts/Rubik-SemiBold.ttf);src:local("rubik-semiBold"),local("rubik-semiBold"),url(fonts/Rubik-SemiBold.ttf)}.button{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:50vw;height:14vw;font-family:Rubik;font-weight:bold;background-color:var(--pink-color);color:#fff;border-radius:3vw;cursor:pointer;font-size:6vw;box-shadow:inset 0px -1.8vw 0px 0 var(--grey-shadow)}.button img{margin-right:2vw;width:7vw}.button.secondary{background-color:#fff;color:var(--pink-color);border:.7vw solid var(--pink-color);font-size:4.5vw;box-shadow:inset 0px -1vw 0px 0 var(--grey-shadow) !important}body.landscape .button{width:18vw;height:5.5vw;font-size:2.2vw;border-radius:1vw;box-shadow:inset 0px -0.7vw 0px 0 var(--grey-shadow)}body.landscape .button img{margin-right:.6vw;width:2.5vw}body.landscape .button.secondary{border:.3vw solid var(--pink-color);font-size:1.8vw;box-shadow:inset 0px -0.5vw 0px 0 var(--grey-shadow) !important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes infinite-pulse{0%{transform:scale(1)}7%{transform:scale(1.2)}14%{transform:scale(1)}21%{transform:scale(1.2)}28%{transform:scale(1)}100%{transform:scale(1)}}.overlay{position:fixed;top:0;left:0;width:100vw;height:100%;background-color:#FFFFFFBF}.super-wide .overlay{scale:calc(1/var(--super-wide-scale))}.gallery-view{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:1.3vw;overflow-y:hidden}.gallery-view .info-icon{position:absolute;right:0px;top:0px;padding:2vw;z-index:1;width:8.5vw;height:8.5vw;opacity:.5;cursor:pointer}.gallery-view img{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.gallery-view .left-container{width:100vw}.gallery-view .left-container .gallery-title{display:flex;align-items:center;justify-content:center;font-family:Rubik;font-weight:400;font-size:5.33vw;margin-top:6vw}.gallery-view .left-container .gallery-title>img{pointer-events:none;height:calc(18*var(--custom-unit));margin-bottom:4vw}.gallery-view .left-container .gallery-title .achievements-contaier{position:fixed;right:-1vw;bottom:15%;display:flex;flex-direction:column;align-items:start;justify-content:space-evenly;padding-left:3vw;background-color:#FFFFFF80;width:19vw;height:25vw;font-family:Rubik;font-weight:600;color:#585858;border-radius:2vw;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;z-index:1}.gallery-view .left-container .gallery-title .achievements-contaier .achievement-item{height:max-content;display:flex;align-items:center;height:10vw;gap:2vw;width:100%}.gallery-view .left-container .gallery-title .achievements-contaier .achievement-item img{pointer-events:none;width:23%;height:auto}.gallery-view .left-container .gallery-title .achievements-contaier .achievement-item.level img{width:26%}.gallery-view .left-container .gallery-title .achievements-contaier .achievement-item.level .achievement-quantity{margin-left:-3%}.gallery-view .left-container .gallery-title .achievements-contaier .achievement-item .achievement-quantity{position:relative;width:40%;text-align:center;text-decoration:underline;font-size:4.5vw;position:relative}.gallery-view .left-container .gallery-title .achievements-contaier .achievement-item.level.notify .achievement-quantity::after{left:70%;top:-15%;content:"";width:3vw;height:3vw;border-radius:50%;background-color:#f47b79;position:absolute;flex-shrink:0}.gallery-view .left-container .categories-wrapper{box-sizing:border-box;border-radius:4vw;background-color:#FFFFFF80;padding:3vw 5vw 0 5vw;width:90vw;margin:0 auto;box-shadow:0 4px 6px rgba(0,0,0,.1);position:relative}.gallery-view .left-container .categories-wrapper .rigth-icon-categories,.gallery-view .left-container .categories-wrapper .left-icon-categories{cursor:pointer;height:calc(2.3*var(--custom-unit));width:calc(2.3*var(--custom-unit));position:absolute;right:1vw;transition:all ease-in-out .3s;opacity:0;top:50%;transform:translate(0, -50%);object-fit:contain;pointer-events:none}.gallery-view .left-container .categories-wrapper .left-icon-categories{left:1vw;transform:translate(0, -50%) rotate(180deg)}.gallery-view .left-container .categories-wrapper.is-right-overflowing .rigth-icon-categories{opacity:1;pointer-events:all}.gallery-view .left-container .categories-wrapper.is-left-overflowing .left-icon-categories{opacity:1;pointer-events:all}.gallery-view .left-container .categories-wrapper .categories-container{display:flex;flex-direction:row;align-items:center;overflow-x:auto;gap:3vw;font-family:Rubik;font-weight:400;padding-bottom:3vw;-ms-overflow-style:none;scrollbar-width:none;padding-right:4vw}.gallery-view .left-container .categories-wrapper .categories-container .category-item{cursor:pointer;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:2.13vw;flex-shrink:0;color:#343434;font-size:calc(3.2*var(--custom-unit));font-weight:300;border:none;background-color:transparent}.gallery-view .left-container .categories-wrapper .categories-container .category-item .category-icon-container{width:calc(18*var(--custom-unit));height:calc(18*var(--custom-unit));font-size:calc(3.2*var(--custom-unit)) !important;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gallery-view .left-container .categories-wrapper .categories-container .category-item .category-icon-container img{pointer-events:none;height:100%}.gallery-view .gallery-wrapper{box-sizing:border-box;margin:1vw auto;flex-shrink:0;background-color:#FFFFFF80;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:3vw;width:90vw;padding:4.5vw 5vw;height:calc(100% - 25vw - 6vw - 34vw);position:relative;height:calc(100% - 6.8vw - 52.2*var(--custom-unit))}.gallery-view .gallery-wrapper .gallery-wrapper-scrolleable{box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;height:100%;padding-bottom:15vw}.gallery-view .gallery-wrapper .category-title{font-family:Rubik;color:#fe9090;font-size:calc(6*var(--custom-unit));text-align:center;margin:auto;margin-bottom:3.5vw;max-width:90%}.gallery-view .gallery-wrapper .gallery-container{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4vw}.gallery-view .gallery-wrapper .gallery-container .gallery-item-component{width:37vw;height:37vw;position:relative;flex-shrink:0}.gallery-view .image-modal-container,.gallery-view .roulette-modal-container,.gallery-view .achievements-modal-container{position:absolute}.gallery-view.showing-modal .image-details-modal{display:block}.gallery-view.Achievements .gallery-item-component.blocked{display:none}body.landscape{--margin: 2.3vw}body.landscape .info-icon{padding:.5vw .5vw 2vw 2vw;width:4.5vw;height:4.5vw}body.landscape .gallery-view{padding:0 var(--margin);flex-direction:row;justify-content:center;gap:var(--margin);align-items:center}body.landscape .gallery-view .left-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:calc(100% - var(--margin)*2);width:25vw;gap:1vw}body.landscape .gallery-view .left-container .gallery-title{font-size:2.8vw;margin:0;padding-inline:0;justify-content:space-between;display:flex;flex-direction:column;width:100%}body.landscape .gallery-view .left-container .gallery-title>img{height:7.5vw;padding-top:2.5vw;margin-bottom:3vw}body.landscape .gallery-view .left-container .gallery-title .achievements-contaier{position:initial;flex-direction:row;width:100%;border-radius:1.5vw;background-color:#FFFFFF80;display:flex;height:5vw;justify-content:center;align-items:center;gap:10%;padding-left:0}body.landscape .gallery-view .left-container .gallery-title .achievements-contaier .achievement-item{height:100%;display:flex;justify-content:center;align-items:center;width:30%;font-size:2.6vw;gap:1.3vw}body.landscape .gallery-view .left-container .gallery-title .achievements-contaier .achievement-item img{height:55%;width:auto}body.landscape .gallery-view .left-container .gallery-title .achievements-contaier .achievement-item .achievement-quantity{font-size:2vw}body.landscape .gallery-view .left-container .gallery-title .achievements-contaier .achievement-item.level.notify .achievement-quantity::after{width:1vw;height:1vw}body.landscape .gallery-view .left-container .categories-wrapper{padding:2vw 2vw;border-radius:2vw;height:calc(100% - 17vw);width:25vw;margin:0;display:flex;align-items:center}body.landscape .gallery-view .left-container .categories-wrapper .rigth-icon-categories,body.landscape .gallery-view .left-container .categories-wrapper .left-icon-categories{height:.8vw;width:.8vw;top:.5vw;left:50%;transform:translate(-50%) rotate(-90deg);object-fit:contain}body.landscape .gallery-view .left-container .categories-wrapper .left-icon-categories{top:revert;bottom:1vw;transform:translate(-50%) rotate(90deg)}body.landscape .gallery-view .left-container .categories-wrapper.is-top-overflowing .rigth-icon-categories{opacity:1;pointer-events:all}body.landscape .gallery-view .left-container .categories-wrapper.is-bottom-overflowing .left-icon-categories{opacity:1;pointer-events:all}body.landscape .gallery-view .left-container .categories-wrapper .categories-container{flex-direction:column;gap:2vw;margin:0;height:90%;overflow-y:auto;overflow-x:hidden;scrollbar-width:auto;flex-grow:1;padding-right:1vw}body.landscape .gallery-view .left-container .categories-wrapper .categories-container .category-item{width:100%;gap:1.8vw;flex-direction:row;justify-content:start;font-size:1.5vw}body.landscape .gallery-view .left-container .categories-wrapper .categories-container .category-item .category-icon-container{width:5vw;height:5vw}body.landscape .gallery-view .left-container .categories-wrapper .categories-container .category-item .category-icon-container img{height:100%}body.landscape .gallery-view .gallery-wrapper{display:flex;padding:2vw 0;justify-content:center;width:68vw;height:calc(100% - var(--margin)*2);max-height:calc(100% - var(--margin)*2);overflow-y:auto;flex-shrink:0;margin:0;border-radius:2vw}body.landscape .gallery-view .gallery-wrapper.is-bottom-overflowing{--bottom-mask-size: 25% }body.landscape .gallery-view .gallery-wrapper .category-title{font-size:2.2vw;margin:auto;margin-bottom:2vw}body.landscape .gallery-view .gallery-wrapper .gallery-wrapper-scrolleable{scrollbar-width:auto;padding-left:1vw;padding-right:1vw;padding-bottom:10vh}body.landscape .gallery-view .gallery-wrapper .gallery-container{gap:2vw;row-gap:2vw;display:grid;grid-template-columns:13.5vw 13.5vw 13.5vw 13.5vw;grid-row:13.5vw auto;justify-content:space-between}body.landscape .gallery-view .gallery-wrapper .gallery-container .gallery-item-component{width:13.5vw;height:13.5vw;position:relative;flex-shrink:0}body.view-overlay::after{content:none !important}body.view-overlay .overlay-transition{content:"";width:100vw;height:100vh;background:#fff;display:block;position:fixed;left:0;top:0;animation:view-overlay-show-animation .3s linear both;z-index:10}body.view-overlay.overlay-hide .overlay-transition{animation:view-overlay-hide-animation .3s linear both}.view{background-color:transparent;overflow:visible}.gradient-background,body{background:linear-gradient(-45deg, #E4EFF9, #F8E9FF, #FCEDE9)}.animated-view{background:linear-gradient(-45deg, #F8E9FF, #FCEDE9, #E4EFF9, #F8E9FF, #FCEDE9);background-size:400% 400%;animation:gradient 20s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.super-wide .super-wide-container{height:calc(100%/var(--super-wide-scale));transform:scale(var(--super-wide-scale));transform-origin:center top}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;width:100vw;height:100vh}:root{--orange-color: #FF4545;--pink-color: #FF8181;--grey-shadow: #0000001c}@font-face{font-family:"Ubuntu Bold";font-style:normal;font-weight:normal;src:url(fonts/ubuntu-bold.woff2);src:local("ubuntu-bold"),local("ubuntu-bold"),url(fonts/ubuntu-bold.woff2)}@font-face{font-family:"Ubuntu";font-style:normal;font-weight:normal;src:url(fonts/ubuntu-r.woff2);src:local("ubuntu-r"),local("ubuntu-r"),url(fonts/ubuntu-r.woff2)}@font-face{font-family:"Rubik";font-style:normal;font-weight:300;src:url(fonts/Rubik-Light.ttf);src:local("Rubik-Light"),local("Rubik-Light"),url(fonts/Rubik-Light.ttf)}@font-face{font-family:"Rubik";font-style:normal;font-weight:400;src:url(fonts/rubik.woff2);src:local("Rubik"),local("Rubik"),url(fonts/rubik.woff2)}@font-face{font-family:"Rubik";font-weight:600;font-style:normal;src:url(fonts/Rubik-SemiBold.ttf);src:local("rubik-semiBold"),local("rubik-semiBold"),url(fonts/Rubik-SemiBold.ttf)}.button{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:50vw;height:14vw;font-family:Rubik;font-weight:bold;background-color:var(--pink-color);color:#fff;border-radius:3vw;cursor:pointer;font-size:6vw;box-shadow:inset 0px -1.8vw 0px 0 var(--grey-shadow)}.button img{margin-right:2vw;width:7vw}.button.secondary{background-color:#fff;color:var(--pink-color);border:.7vw solid var(--pink-color);font-size:4.5vw;box-shadow:inset 0px -1vw 0px 0 var(--grey-shadow) !important}body.landscape .button{width:18vw;height:5.5vw;font-size:2.2vw;border-radius:1vw;box-shadow:inset 0px -0.7vw 0px 0 var(--grey-shadow)}body.landscape .button img{margin-right:.6vw;width:2.5vw}body.landscape .button.secondary{border:.3vw solid var(--pink-color);font-size:1.8vw;box-shadow:inset 0px -0.5vw 0px 0 var(--grey-shadow) !important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes infinite-pulse{0%{transform:scale(1)}7%{transform:scale(1.2)}14%{transform:scale(1)}21%{transform:scale(1.2)}28%{transform:scale(1)}100%{transform:scale(1)}}.overlay{position:fixed;top:0;left:0;width:100vw;height:100%;background-color:#FFFFFFBF}.super-wide .overlay{scale:calc(1/var(--super-wide-scale))}