@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,600;1,900&display=swap);@import url(https://rsms.me/inter/inter.css);@import url(https://assets.codepen.io/9632/RocherColorGX.woff2);@font-face{font-family:Rocher;src:url(https://assets.codepen.io/9632/RocherColorGX.woff2)}@font-palette-values --Pink{base-palette:2;font-family:Rocher}html{font-family:Rocher;font-palette:12}#main,#root,body,html{height:100%;margin:0;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;width:100%}body{background-color:#fff;color:#222;font-family:Rocher;font-palette:--Pink;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}@media screen and (min-width:769px){body:after,body:before{animation:backgroundCycle 20s infinite;background-position:50%;background-repeat:no-repeat;background-size:110%;content:"";height:100%;left:0;opacity:0;position:fixed;top:0;transform:scale(1);transition:transform 2s ease-in-out;width:100%;z-index:-3}body:after{animation-delay:0s;background-image:url(/static/media/backi.c3fe308f12dcbcdc11b5.png)}body:before{animation-delay:10s;background-color:#ffffff08;background-image:url(/static/media/backi2.0a13bab0018502d3ce4c.png);pointer-events:none;z-index:-2}}@keyframes backgroundCycle{0%{opacity:0;transform:scale(1)}10%{opacity:1;transform:scale(1.03)}45%{opacity:1;transform:scale(1.05)}55%{opacity:0;transform:scale(1.03)}to{opacity:0;transform:scale(1)}}@media screen and (max-width:768px) and (orientation:portrait){body{background-color:#000;background-image:url(/static/media/blackivertical.21080400a3095fc0dd8a.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}body:after,body:before{animation:none!important;content:none!important;display:none!important}}body::backdrop{backdrop-filter:blur(2px)}html{scroll-behavior:smooth}*{box-sizing:border-box}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:#111;margin-bottom:.5em}p{font-size:1.1em;line-height:1.6}canvas{touch-action:none}.container{height:100%;left:0;position:absolute;top:0;width:100%}header{align-items:center;display:flex;justify-content:space-between;padding:40px;position:fixed;width:100%}header p{font-size:.8rem;font-weight:700;transition:all 1.2s ease-out}header p.hidden{opacity:0}section{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.section--container{margin-left:5vw;margin-top:5vh}.section--container.hidden{opacity:0;pointer-events:none;visibility:hidden}.section--container h1{font-family:Nunito Sans,sans-serif;font-size:20vh;font-style:italic;font-weight:900;letter-spacing:-6px;line-height:15vh;width:30%}.support--content{color:#fff;left:300px;position:relative;top:-25%}.support--content p{line-height:1.5rem;margin-bottom:48px;width:350px}.bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-100}button{align-items:center;background:linear-gradient(135deg,#ff6a00,#ff3c00);border:none;border-radius:12px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:15px;isolation:isolate;letter-spacing:.05em;overflow:hidden;padding:15px 32px;pointer-events:all;position:relative;text-transform:uppercase;transition:transform .2s ease-in-out,background .4s ease,box-shadow .3s ease,color .3s ease}button:before{background:#ffffff26;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:0}button:hover:before{left:0}button:hover{box-shadow:0 6px 22px #00000040;transform:scale(1.05)}button:active{box-shadow:0 3px 10px #0003;transform:scale(.96)}button:focus-visible{outline:3px solid #fff;outline-offset:3px}button:disabled{background:#aaa;box-shadow:none;color:#eee;cursor:not-allowed;opacity:.7;transform:none}.shop-open .hide-on-shop-open{display:none!important}.customizer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;margin-bottom:25px;width:100%}.share{bottom:40px;position:absolute;right:40px}.color-options{bottom:20px;display:flex;gap:10px;margin-bottom:20px;position:absolute}.circle{border:2px solid #000;border-radius:50%;height:30px;position:relative;transition:transform .6s cubic-bezier(.85,0,.15,1);width:30px}.circle:hover{cursor:pointer;transform:scale(1.2)}.circle:before{border:2px solid #0009;border-radius:50%;content:"";inset:-4px;opacity:0;position:absolute;transform:rotate(0deg)}.circle:hover:before{animation:spinAround 1.5s linear infinite;opacity:1}@keyframes spinAround{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.decals--container{display:flex;gap:20px}.decals{bottom:40px;left:50px;position:absolute}.decals img{filter:saturate(.5) invert(1) brightness(1.5);transition:all .2s ease-in-out;width:24px}.decals img:hover{cursor:pointer;filter:none;transform:scale(1.2)}.exit{background-color:#000;box-shadow:inset 0 0 0 .09px #000;position:absolute;right:40px;top:40px}.exit:hover{box-shadow:inset -250px 0 0 0 #000}.model-switch{left:40px;position:fixed;top:50%;transform:translateY(-50%);z-index:1000}.model-buttons,.model-switch{display:flex;flex-direction:column;gap:12px}.model-buttons button{background:linear-gradient(135deg,#ff6a00,#ee0979);border:none;border-radius:9999px;box-shadow:0 6px 12px #00000026;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;isolation:isolate;letter-spacing:.05em;overflow:hidden;padding:12px 24px;pointer-events:all;position:relative;text-transform:uppercase;transition:transform .2s ease-in-out,box-shadow .3s ease,background .4s ease-in-out,color .3s ease;white-space:nowrap}.model-buttons button:before{background:#ffffff26;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:0}.model-buttons button:hover:before{left:0}.model-buttons button:hover{box-shadow:0 8px 20px #00000040;transform:scale(1.08)}.model-buttons button:active{box-shadow:0 4px 10px #0003;transform:scale(.97)}.model-buttons button.active{background:linear-gradient(135deg,#222,#444);box-shadow:0 8px 18px #0000004d;color:#fff}.model-buttons button:focus-visible{outline:3px solid #fff;outline-offset:2px}@media screen and (max-width:600px){.section--container{margin-left:15vw}.section--container h1{font-size:8rem;letter-spacing:-6px;line-height:6rem}.color-options{flex-direction:column;margin-bottom:20px;position:absolute;right:40px;top:50%;transform:translateY(-50%)}.support--content{left:0;top:-10%}.model-switch{gap:8px;left:20px;top:50%;transform:translateY(-50%)}.model-buttons button{font-size:.8rem;padding:10px 20px}}
/*# sourceMappingURL=main.81925a03.css.map*/