@layer core,playground,project;@layer project{body .playground-ui-bar-top-right,body .playground-ui-bar-bottom-right,body .playground-ui-mobile-navigation select{color:#212121;opacity:1;font-weight:400}body .playground-ui-bar-top-right a:hover,body .playground-ui-bar-bottom-right a:hover,body .playground-ui-mobile-navigation select a:hover{color:#000}body .playground-ui-bar-bottom-right a:has(svg) svg{margin-right:-1px}body .playground-ui-bar-bottom-right a:has(svg) svg path{stroke-width:1px}html{--mobile-design-width: 1800;--desktop-design-width: 1800;--ultrawide-design-width: 1800;font-size:calc(100 / var(--mobile-design-width) * 1vw)}@media(width>=768px){html{font-size:calc(100 / var(--desktop-design-width) * 1vw)}}@media(width>=1800px){html{font-size:calc(100 / var(--desktop-design-width) * var(--ultrawide-design-width) / 16 * .01rem)}}html{--kosmos-color-accent: #FF008E;--kosmos-color-background: #FFF2F8;--kosmos-color-black: #121212;--kosmos-color-dark: #520041;--kosmos-color-pink: #FF7BBE;--kosmos-color-pink-40-filled: #FFCAE4;--kosmos-color-white: #FFFFFF}.kosmos-main{background:var(--kosmos-color-background)}.kosmos-main .filters{display:none}.kosmos-main svg,.kosmos-main svg *{overflow:visible}.kosmos-main [class*=-maskot]{pointer-events:none}.page{position:relative;z-index:1;width:100%;min-height:100vh;overflow:hidden;background:var(--kosmos-color-background)}.page:before,.page:after{content:"";position:fixed;z-index:1;height:200rem}.page:before{inset:0 0 auto;background:linear-gradient(to bottom,color-mix(in srgb,var(--kosmos-color-accent),transparent 80%) 0%,transparent 100%)}.page:after{inset:auto 0 0;background:linear-gradient(0deg,#fff2f8,#fff2f800)}.container{display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start;position:relative;z-index:2;width:100%;max-width:1800rem;margin:0 auto;padding:0 32rem}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20rem;width:100%}.header{position:fixed;inset:auto 0 0;z-index:3;width:100%;height:136rem;padding:20rem 0}.header .container,.header .grid{height:100%}.header-bar{grid-column:2/span 10;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:0 36rem;background:var(--kosmos-color-white);border-radius:100rem;box-shadow:0 0 8rem color-mix(in srgb,var(--kosmos-color-dark),transparent 97%)}.header-bar-logo{flex:1 1 300rem;display:flex;align-items:center}.header-bar-logo a{display:inline-block;font-size:0}.header-bar-logo svg{width:148rem;margin-left:8rem}.header-bar-chat{flex:0 0 750rem;width:750rem;height:72rem;background:#f8f9fc;border-radius:72rem}.header-bar-icons{flex:1 1 300rem}.hero{display:none;grid-column:2/span 10;position:relative;z-index:1;margin-top:64rem}.hero-box{position:relative;z-index:2;width:100%;background:var(--kosmos-color-dark);aspect-ratio:1444/633;border-radius:28rem;cursor:pointer}.hero-maskot{position:absolute;inset:-90rem auto auto -396rem;transform-origin:44% 0;width:670rem}.hero-maskot-back{z-index:1;filter:url(#hero-back-blur)}.hero-maskot-front{z-index:3;filter:url(#hero-front-blur)}.hero-maskot-front img{clip-path:polygon(43% 83%,41% 70%,47% 61%,52% 60%,56% 62%,59% 64%,59% 50%,100% 50%,100% 100%,0% 100%)}.hero-2{grid-column:2/span 10;position:relative;z-index:1;margin-top:64rem;cursor:pointer}.hero-2-box{position:relative;z-index:2;width:100%;background:var(--kosmos-color-dark);aspect-ratio:1444/633;border-radius:28rem}.hero-2-box:before{content:"Click me";position:absolute;inset:50% auto auto 50%;z-index:1;transform:translate(-50%,-50%);font-size:21rem;color:var(--kosmos-color-background);opacity:.5}.hero-2-maskot{position:absolute;inset:-90rem auto auto -396rem;z-index:1;width:670rem;filter:url(#hero-2-blur)}.hero-2-maskot-left-front{transform-origin:396rem 400rem;z-index:3;clip-path:inset(63% 0 0 50%);mask-image:linear-gradient(to right,transparent 53%,black 58%)}.hero-2-maskot-right{inset:-90rem -120rem auto auto;transform:rotate(134deg)}.hero-2-maskot-eye{position:absolute;z-index:3;background:#341226;width:12rem;aspect-ratio:1;border-radius:50%}.hero-2-maskot-eye-left{inset:188rem auto auto 298rem}.hero-2-maskot-eye-right{inset:175rem auto auto 317rem}.hero-2-maskot-eye>div{position:absolute;inset:1rem;z-index:1;background:#f6cede;border-radius:50%;transform:rotate(-33deg) scaleY(1)}.product{grid-column:2/span 10;position:relative;z-index:1;margin-top:200rem;overflow:hidden;aspect-ratio:1444/712;background:var(--kosmos-color-pink-40-filled);border-radius:28rem;cursor:pointer}.product:before{content:"Click me";position:absolute;inset:50% auto auto 28%;z-index:1;transform:translate(-50%,-50%);font-size:21rem;color:var(--kosmos-color-dark);opacity:.3}.product-product{position:absolute;inset:118rem 370rem auto auto;z-index:2;transform-origin:50% 94%;width:330rem;aspect-ratio:1}.product-product img{position:relative;z-index:2}.product-product div{position:absolute;inset:auto auto -20rem 48%;z-index:1;transform:translate(-50%);width:120rem;height:30rem;border-radius:50%;background:var(--kosmos-color-dark);filter:blur(8rem);opacity:.25}.product-maskot{position:absolute;inset:-50rem -210rem auto auto;z-index:1;width:1000rem}.product-maskot img{position:absolute;inset:0;z-index:1}.product-maskot img+img{filter:drop-shadow(0 13rem 8rem color-mix(in srgb,var(--kosmos-color-dark),transparent 85%))}.faq-list{grid-column:2/span 5;display:flex;flex-flow:column nowrap;gap:20rem;position:relative;z-index:2;margin-top:320rem}.faq-list div{height:88rem;background:var(--kosmos-color-white);border-radius:16rem}.faq{grid-column:7/span 5;position:relative;z-index:1;margin-top:320rem;cursor:pointer}.faq-box{position:relative;z-index:2;width:100%;height:100%;background:var(--kosmos-color-pink);border-radius:16rem}.faq-box:before{content:"Click me";position:absolute;inset:50% auto auto 50%;z-index:1;transform:translate(-50%,-50%);font-size:21rem;color:var(--kosmos-color-background);opacity:.5}.faq-maskot{position:absolute;inset:-450rem auto auto -181rem;width:1040rem}.faq-maskot-head{z-index:1;clip-path:inset(0 38%)}.faq-maskot-hands-back{z-index:1;mask-image:linear-gradient(to right,black 0%,black 35%,transparent 37%,transparent 62%,black 64%);clip-path:inset(0 17%)}.faq-maskot-hands-front{z-index:3;transform-origin:50% 451rem;mask-image:linear-gradient(to bottom,transparent 43%,black 45%,black 60%),linear-gradient(to right,black 0%,black 35%,transparent 37%,transparent 62%,black 64%);mask-composite:intersect}.faq-maskot-eye{position:absolute;z-index:3;background:#341226;width:14rem;aspect-ratio:1;border-radius:50%}.faq-maskot-eye-left{inset:386rem auto auto 487rem}.faq-maskot-eye-right{inset:382rem auto auto 512rem}.faq-maskot-eye>div{position:absolute;inset:1rem;z-index:1;background:#f6cede;border-radius:50%;transform:rotate(-9deg) scaleY(1)}.world{grid-column:2/span 10;position:relative;z-index:1;height:600rem;margin-top:300rem;cursor:pointer}.world:before{content:"Click me";position:absolute;inset:35% auto auto 75.3%;z-index:1;transform:translate(-50%,-50%);font-size:21rem;color:var(--kosmos-color-dark);opacity:.3}.world-maskot{position:absolute;inset:-90rem auto auto -380rem;z-index:2;transform-origin:50% 10%;width:1550rem;height:748rem}.world-maskot img{position:absolute;inset:0;z-index:1}.world-maskot img+img{transform-origin:63% 32.5%}.world-items{position:absolute;inset:0;z-index:1}.world-items>div{position:absolute;z-index:1}.world-items>div:nth-child(1){inset:-30rem auto auto 30rem}.world-items>div:nth-child(2){inset:-120rem auto auto 820rem}.world-items>div:nth-child(3){inset:-30rem auto auto 1350rem}.world-items>div:nth-child(4){inset:210rem auto auto 680rem}.world-items>div:nth-child(5){inset:450rem auto auto -100rem}.world-items>div:nth-child(6){inset:480rem auto auto 1040rem}.world-items>div>div{width:90rem;aspect-ratio:1;background:var(--kosmos-color-white);border-radius:10rem;box-shadow:0 12rem 20rem color-mix(in srgb,var(--kosmos-color-accent),transparent 98%)}.app{grid-column:2/span 10;position:relative;z-index:1;margin-top:200rem;overflow:hidden;aspect-ratio:1444/712;background:var(--kosmos-color-dark);border-radius:28rem;cursor:pointer}.app:before{content:"Click me";position:absolute;inset:50% auto auto 28%;z-index:1;transform:translate(-50%,-50%);font-size:21rem;color:var(--kosmos-color-background);opacity:.3}.app-maskot{position:absolute;inset:30rem auto auto 680rem;z-index:1;width:760rem}.app-maskot img{position:absolute;inset:0;z-index:1}.footer{width:100%;height:1200rem;padding-bottom:136rem;overflow:hidden;background:linear-gradient(180deg,#ffcae400,#ffcae4 36.29%)}.footer-maskot{position:absolute;inset:auto -200rem -1240rem auto;z-index:1;transform-origin:70% 50%;width:1400rem;height:863rem}.footer-maskot-zzz{position:absolute;inset:-15rem auto auto 850rem;z-index:1;transform:rotate(33deg);transform-origin:0% 100%;color:var(--kosmos-color-pink);font-size:48rem;font-weight:150}.footer-maskot-zzz>div{display:flex;align-items:flex-end;gap:12rem;position:absolute;inset:0 auto auto 0;z-index:1}.footer-maskot-zzz>div span{display:inline-block;transform-origin:0% 100%}.footer-maskot-zzz>div span:nth-child(2){transform:rotate(6deg);font-size:75%}.footer-maskot-zzz>div span:nth-child(3){transform:rotate(15deg);font-size:60%}}