.bluefront{background:#1a0790;width:max-content;text-align:center;margin:auto}section#caption{text-align:center;max-width:590px;margin:150px auto}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.3;background-color:transparent;background-image:linear-gradient(#fff6,#fff6),linear-gradient(#fff6,#fff6),linear-gradient(#fff6,#fff6),linear-gradient(#fff6,#fff6),linear-gradient(#fff6,#fff6);background-repeat:no-repeat;background-size:1px 100%;background-position:16.66% 0,33.33% 0,50% 0,66.66% 0,83.33% 0}.block-one-container{--sz: min(90vh, clamp(360px, 60vw, 500px));--fz: calc(.032 * var(--sz));--xv: 0;--yv: 0;width:var(--sz);height:calc(1.05 * var(--sz));height:630px;max-width:calc(100vw - 24px);width:100%;max-width:600px;overflow:hidden;display:flex;margin:auto;justify-content:center;align-items:center;position:relative;transform-style:preserve-3d;perspective:1200px}.block-one-container .tilt{width:99%;height:99%;border:2px solid #9b6b51aa;border-radius:22px;max-width:550px;transition:all .4s ease-out;box-shadow:0 0 0 10000px #000;transform:rotateX(calc(1deg * var(--xv))) rotateY(calc(1deg * var(--yv)));background:linear-gradient(calc(var(--yv) * -.4deg),transparent,transparent calc(20% + (-3px * var(--xv))),rgba(255,255,255,.06) calc(40% + (-3px * var(--xv))),rgba(255,255,255,.02) calc(70% + (-3px * var(--xv))),transparent calc(90% + (-3px * var(--xv))),transparent);padding:12px 22px}.block-one-container .tilt:before{content:"";display:block;position:absolute;left:-12px;top:-12px;margin:auto;width:calc(100% + 24px);height:calc(100% + 24px);border:2px solid #9b6b5155;border-radius:28px}.block-one-container .tilt span.tag{display:block;width:fit-content;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:.8em;font-size:calc(.8 * var(--fz));margin:0 auto 22px;padding:4px 8px}.block-one-container .tilt h2{line-height:116%;text-align:left;margin:0}.block-one-container .tilt p{text-align:left}.block-one-container .tilt p span{color:#fffc}.block-one-container .vortex{position:absolute;width:100%;height:100%}.block-one-container .vortex svg{position:absolute;left:0;right:0;bottom:-6%;width:88%;margin:auto;opacity:.1}.block-one-container .mist{position:absolute;width:140%;height:200%;bottom:-6%;left:-20%;box-shadow:inset 0 0 calc(var(--sz) / 6) calc(var(--sz) / 10) #c13f1f;border-radius:calc(var(--sz) / 2)}.block-one-container .orbs{position:absolute;width:100%;height:100%}.block-one-container .orbs .hide-orb{--ax: calc((3 / 3.6) * var(--sz));position:absolute;left:0;right:0;width:100%;height:100%;border-radius:0;box-shadow:inset 0 calc((.78) * var(--sz)) calc((.08) * var(--sz)) calc((-.18) * var(--sz)) #1e1e1e}.block-one-container .orbs .orb{position:absolute;width:calc(var(--sz) / 6);height:calc(var(--sz) / 6);background:#fe1e20;box-shadow:0 -2px 12px -3px #fe1e20,inset 8px -4px 2px #fff2,inset 0 0 12px #fffc,inset 0 6px 12px -6px #0008,inset 0 32px 12px -12px #0003;border-radius:100%;left:0;right:0;margin:auto;bottom:20%;opacity:0;--startX: calc(-.6 * var(--sz));--startY: 0;--offset: 0s;animation:orbX 24s cubic-bezier(.11,0,.5,0) infinite,orbY 24s cubic-bezier(.64,0,.92,0) infinite;animation-delay:var(--offset)}.block-one-container .orbs .orb:nth-child(2){--startX: calc(.6 * var(--sz));--offset: 4s}.block-one-container .orbs .orb:nth-child(3){--startX: calc(-.3 * var(--sz));--startY: calc(-.3 * var(--sz));--offset: 8s}.block-one-container .orbs .orb:nth-child(4){--startX: calc(.3 * var(--sz));--startY: calc(-.3 * var(--sz));--offset: 12s}.block-one-container .orbs .orb:nth-child(5){--startX: calc(-.6 * var(--sz));--startY: calc(-.15 * var(--sz));--offset: 16s}.block-one-container .orbs .orb:nth-child(6){--startX: calc(.6 * var(--sz));--startY: calc(-.15 * var(--sz));--offset: 20s}.block-one-container .orbs .orb img{width:64%;height:auto;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.block-one-container .orbs .orb .dot{position:absolute;left:0;right:0;top:100%;bottom:0;margin:auto;width:2px;height:1px;background:#fff;transform-origin:0 -36px;rotate:0deg;box-shadow:0 0 4px 1px #fff;animation:innerDot 10s linear infinite,innerDot2 6s ease-in-out infinite}.block-one-container .orbs .orb .dot:nth-child(2){animation:innerDot 12s linear infinite,innerDot2 5s ease-in-out infinite;animation-delay:-2s;scale:.8}.block-one-container .orbs .orb .dot:nth-child(3){animation:innerDot 8s linear infinite,innerDot2 4s ease-in-out infinite;animation-delay:-6s;animation-direction:reverse;scale:.7}.block-one-container .orbs .orb .dot:nth-child(4){animation:innerDot 22s linear infinite,innerDot2 5s ease-in-out infinite;animation-delay:-5s}.block-one-container .orbs .orb .dot:nth-child(5){animation:innerDot 8s linear infinite,innerDot2 3.4s ease-in-out infinite;animation-delay:-1s;animation-direction:reverse;scale:.76}.block-one-container .orbs .orb .dot:nth-child(5){animation:innerDot 8.6s linear infinite,innerDot2 3.4s ease-in-out infinite;animation-delay:-2s;scale:.8}.block-one-container .orbs .orb .dot:nth-child(5){animation:innerDot 9.2s linear infinite,innerDot2 3.4s ease-in-out infinite;animation-delay:-3s;animation-direction:reverse;scale:.9}@keyframes innerDot{to{rotate:360deg}}@keyframes innerDot2{50%{translate:0 -16px}to{translate:0 0px}}@keyframes orbX{0%{translate:var(--startX) var(--startY)}20%{translate:0 0}to{translate:0 0}}@keyframes orbY{0%{transform:translateY(0) scale(1);opacity:1}20%{transform:translateY(calc(.3 * var(--sz))) scale(.5);opacity:0}to{transform:translateY(calc(.3 * var(--sz))) scale(.5);opacity:0}}.card{position:relative;background:radial-gradient(circle at 50% 0%,#3a3a3a,#1a1a1a 64%);box-shadow:inset 0 1.01rem .2rem -1rem #fff0,inset 0 -1.01rem .2rem -1rem #0000,0 -1.02rem .2rem -1rem #fff0,0 1rem .2rem -1rem #0000,0 0 0 1px #fff3,0 4px 4px #0004,0 0 0 1px #333;max-width:550px;height:550px;border-radius:1.8rem;width:100%;color:#fff;padding:2rem;padding-bottom:15px;height:min-content;margin:auto;flex-direction:column;justify-content:end;transition:all .4s ease-in-out,translate .4s ease-out}.card:before{content:"";display:block;--offset: 1rem;width:calc(100% + 2 * var(--offset));height:calc(100% + 2 * var(--offset));position:absolute;left:calc(-1 * var(--offset));right:calc(-1 * var(--offset));top:calc(-1 * var(--offset));bottom:calc(-1 * var(--offset));margin:auto;box-shadow:inset 0 0 0 .06rem #fff2;border-radius:2.6rem;--ax: 4rem;clip-path:polygon(var(--ax) 0,0 0,0 var(--ax),var(--ax) var(--ax),var(--ax) calc(100% - var(--ax)),0 calc(100% - var(--ax)),0 100%,var(--ax) 100%,var(--ax) calc(100% - var(--ax)),calc(100% - var(--ax)) calc(100% - var(--ax)),calc(100% - var(--ax)) 100%,100% 100%,100% calc(100% - var(--ax)),calc(100% - var(--ax)) calc(100% - var(--ax)),calc(100% - var(--ax)) var(--ax),100% var(--ax),100% 0,calc(100% - var(--ax)) 0,calc(100% - var(--ax)) var(--ax),var(--ax) var(--ax));transition:all .4s ease-in-out}.card:hover{translate:0 -.2rem}.card:hover:before{--offset: .5rem;--ax: 8rem;border-radius:2.2rem;box-shadow:inset 0 0 0 .08rem #fff1}.card .light-layer{position:absolute;left:0;top:0;height:100%;width:100%;transform-style:preserve-3d;perspective:400px}.card .light-layer .slit{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:64%;height:1.2rem;transform:rotateX(-76deg);background:#121212;box-shadow:0 0 4px #fff0;transition:all .4s ease-in-out}.card .light-layer .lumen{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;height:100%;pointer-events:none;perspective:400px;opacity:0;transition:opacity .4s ease-in-out}.card .light-layer .lumen .min{width:70%;height:3rem;background:linear-gradient(#fff0,#fffa);position:absolute;left:0;right:0;top:0;bottom:2.5rem;margin:auto;transform:rotateX(-42deg);opacity:.4}.card .light-layer .lumen .mid{width:74%;height:13rem;background:linear-gradient(#fff0,#fffa);position:absolute;left:0;right:0;top:0;bottom:10em;margin:auto;transform:rotateX(-42deg);filter:blur(1rem);opacity:.8;border-radius:100% 100% 0 0}.card .light-layer .lumen .hi{width:50%;height:13rem;background:linear-gradient(#fff0,#fffa);position:absolute;left:0;right:0;top:0;bottom:12em;margin:auto;transform:rotateX(22deg);filter:blur(1rem);opacity:.6;border-radius:100% 100% 0 0}.card .light-layer .darken{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;height:100%;pointer-events:none;perspective:400px;transition:opacity .4s ease-in-out;opacity:.5}.card .light-layer .darken>*{transition:opacity .4s ease-in-out}.card .light-layer .darken .sl{width:64%;height:10rem;background:linear-gradient(#000,#0000);position:absolute;left:0;right:0;top:9.6em;bottom:0;margin:auto;filter:blur(.2rem);opacity:.1;border-radius:0 0 100% 100%;transform:rotateX(-22deg)}.card .light-layer .darken .ll{width:62%;height:10rem;background:linear-gradient(#000a,#0000);position:absolute;left:0;right:0;top:11em;bottom:0;margin:auto;filter:blur(.8rem);opacity:.4;border-radius:0 0 100% 100%;transform:rotateX(22deg)}.card .light-layer .darken .slt{width:.5rem;height:4rem;background:linear-gradient(#0005,#0000);position:absolute;left:0;right:11.5rem;top:3.9em;bottom:0;margin:auto;opacity:.6;border-radius:0 0 100% 100%;transform:skewY(42deg)}.card .light-layer .darken .srt{width:.5rem;height:4rem;background:linear-gradient(#0005,#0000);position:absolute;right:0;left:11.5rem;top:3.9em;bottom:0;margin:auto;opacity:.6;border-radius:0 0 100% 100%;transform:skewY(-42deg)}.card .content .icon{position:absolute;top:5rem;left:0;right:0;margin:auto;width:fit-content;filter:drop-shadow(0 -1.2rem 1px transparent);transition:filter .4s ease-in-out;display:none}.card .content .bottom{position:relative}.card .content .bottom h4{margin:0;margin-bottom:1rem;font-size:1.2rem;color:#ccc}.card .content .bottom .toggle{position:absolute;right:0;bottom:0;height:2rem;width:4.8rem;border-radius:.6rem;background:#000;box-shadow:inset 0 -8px 8px .3rem #0004,inset 0 0 1px .3rem #ddd,inset 0 -2px 1px .3rem #fff,inset 0 1px 2px .3rem #0006,inset 0 0 1px .8rem #aaa;cursor:pointer;transition:all .4s ease-in-out}.card .content .bottom .toggle:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:3.4rem;height:.68rem;border-radius:.2rem;background:#000;transition:all .4s ease-in-out}.card .content .bottom .toggle .handle{position:absolute;top:0;bottom:.04rem;margin:auto;left:.68rem;width:40%;height:30%;background:#aaa;border-radius:.2rem;box-shadow:inset 0 1px 4px #fff,inset 0 -1px 1px #000a,0 0 1px 1px #0003,1px 3px 6px 1px #000a;transition:all .4s ease-in-out}.card .content .bottom .toggle.active .handle{transform:translate(1.58rem)}.card .content .bottom .toggle span{pointer-events:none;text-align:center;position:absolute;left:0;right:0;margin:auto;bottom:calc(100% + .4rem);font-size:.6rem;font-weight:100;color:#555;opacity:0;transition:opacity .4s ease-in-out}.card .content .bottom .toggle:hover span{opacity:1}.card .content .bottom .toggle:not(.active):hover .handle{transform:translate(.2rem)}.card:has(.toggle.active){box-shadow:inset 0 1.01rem .1rem -1rem #fffa,inset 0 -4rem 3rem -3rem #000a,0 -1.02rem .2rem -1rem #fffa,0 1rem .2rem -1rem #000,0 0 0 1px #fff2,0 4px 4px #0004,0 0 0 1px #333}.card:has(.toggle.active) .slit{background:#fff;box-shadow:0 0 4px #fff}.card:has(.toggle.active) .lumen{opacity:.5}.card:has(.toggle.active) .darken{opacity:.8}.card:has(.toggle.active) .darken .sl{opacity:.2}.card:has(.toggle.active) .darken .ll,.card:has(.toggle.active) .darken .slt,.card:has(.toggle.active) .darken .srt{opacity:1}.card:has(.toggle.active) .content .icon{filter:drop-shadow(0 -1.2rem 2px #0003) brightness(1.64)}.card:has(.toggle.active) .content .toggle:before{background:#fffc;box-shadow:0 0 .3rem .2rem #fff7}.card:has(.toggle.active) .content .handle{box-shadow:inset 0 1px 12px #fff,inset 0 -1px 1px #fffa,0 0 2px 1px #4443,1px 3px 6px 1px #0004}:root{--electric-border-color: #dd8448;--electric-light-color: oklch(from var(--electric-border-color) l c h);--gradient-color: oklch( from var(--electric-border-color) .3 calc(c/2) h / .4 );--color-neutral-900: oklch(.185 0 0)}.main-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.card-container{padding:2px;max-width:550px;width:100%;border-radius:24px;position:relative;background:linear-gradient(-30deg,var(--gradient-color),transparent,var(--gradient-color)),linear-gradient(to bottom,var(--color-neutral-900),var(--color-neutral-900))}.inner-container{position:relative}.canvas-container{position:relative;max-width:550px;height:100%;width:100%;min-height:600px}.content-bottom button{width:fit-content}.electric-border-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:570px;height:620px;width:100%}.glow-layer-1{border:2px solid rgba(221,132,72,.6);border-radius:24px;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;filter:blur(1px)}.glow-layer-2{border:2px solid var(--electric-light-color);border-radius:24px;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;filter:blur(4px)}.overlay-1{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;border-radius:24px;opacity:1;mix-blend-mode:overlay;transform:scale(1.1);filter:blur(16px);background:linear-gradient(-30deg,white,transparent 30%,transparent 70%,white)}.overlay-2{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;border-radius:24px;opacity:.5;mix-blend-mode:overlay;transform:scale(1.1);filter:blur(16px);background:linear-gradient(-30deg,white,transparent 30%,transparent 70%,white)}.background-glow{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;border-radius:24px;filter:blur(32px);transform:scale(1.1);opacity:.3;z-index:-1;background:linear-gradient(-30deg,var(--electric-light-color),transparent,var(--electric-border-color))}.content-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;flex-direction:column}.content-top{display:flex;flex-direction:column;padding:25px 25px 16px;height:100%}.content-bottom{display:flex;flex-direction:column;padding:16px 25px 25px}.button-glass{background:radial-gradient(47.2% 50% at 50.39% 88.37%,#ffffff1f,#fff0),#ffffff0a;position:relative;transition:background .3s ease;border-radius:14px;width:fit-content;height:fit-content;padding:8px 16px;text-transform:uppercase;font-weight:700;font-size:14px;color:#fffc}.button-glass:hover{background:radial-gradient(47.2% 50% at 50.39% 88.37%,#ffffff1f,#fff0),#ffffff14}.button-glass:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;padding:1px;background:linear-gradient(150deg,#ffffff7a 16.73%,#ffffff14 30.2% 68.2%,#fff9 81.89%);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none}.title{margin:0}.divider{margin-top:auto;border:none;height:1px;background-color:currentColor;opacity:.1;mask-image:linear-gradient(to right,transparent,black,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black,transparent)}.swiper-container{width:100%;max-width:550px;margin:0 auto;padding:3%}.swiper{width:100%;max-width:550px;height:500px;margin:0 auto;overflow:hidden;position:relative}.swiper-wrapper{width:100%!important}.swiper-slide{width:100%;max-width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #0000001a;display:flex;flex-direction:column;position:relative;height:570px}.card-label{position:absolute;top:12px;left:12px;background:#000;color:#fff;padding:4px 10px;border-radius:6px;font-size:14px}.card-image{width:100%;height:300px;object-fit:cover}.card-content{padding:16px;text-align:left}.card-content h1{margin:65px 0 8px;background:#0000003d;border-radius:100px;padding:10px 25px;width:max-content}@media (max-width: 796px){h1{font-size:48px!important}.bluefront{line-height:130%!important}}.swiper-slide .icon{width:250px;position:absolute;bottom:-30px;right:-30px;opacity:.08;height:auto}
/*# sourceMappingURL=/cdn/shop/t/2/assets/home.css.map */