.cosmos-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:#020204;display:none}body.template-collection .cosmos-bg,body.template-product .cosmos-bg,body.template-page .cosmos-bg{display:block!important}body.template-index .cosmos-bg{display:none!important}body.template-collection,body.template-product,body.template-page{background:transparent!important;background-color:transparent!important}html{background:transparent!important}.content-wrapper{position:relative;z-index:1;background:transparent}.cosmos-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 15% 20%,rgba(30,15,60,.4) 0%,transparent 50%),radial-gradient(ellipse at 85% 80%,rgba(15,20,50,.3) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,#05050f,#020204)}.cosmos-stars-far{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.6) 50%,transparent 100%),radial-gradient(1px 1px at 25% 8%,rgba(255,255,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 40% 22%,rgba(200,210,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 55% 5%,rgba(255,255,255,.3) 50%,transparent 100%),radial-gradient(1px 1px at 70% 18%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 85% 12%,rgba(200,200,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 5% 35%,rgba(255,255,255,.3) 50%,transparent 100%),radial-gradient(1px 1px at 18% 42%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 33% 38%,rgba(200,210,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 48% 45%,rgba(255,255,255,.3) 50%,transparent 100%),radial-gradient(1px 1px at 62% 32%,rgba(255,255,255,.6) 50%,transparent 100%),radial-gradient(1px 1px at 78% 40%,rgba(200,200,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 92% 35%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 8% 55%,rgba(255,255,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 22% 62%,rgba(200,210,255,.3) 50%,transparent 100%),radial-gradient(1px 1px at 38% 58%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 52% 65%,rgba(255,255,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 68% 55%,rgba(200,200,255,.3) 50%,transparent 100%),radial-gradient(1px 1px at 82% 60%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 95% 52%,rgba(255,255,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 12% 75%,rgba(200,210,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 28% 82%,rgba(255,255,255,.3) 50%,transparent 100%),radial-gradient(1px 1px at 42% 78%,rgba(255,255,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 58% 85%,rgba(200,200,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 72% 72%,rgba(255,255,255,.3) 50%,transparent 100%),radial-gradient(1px 1px at 88% 80%,rgba(255,255,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 3% 92%,rgba(200,210,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 15% 95%,rgba(255,255,255,.3) 50%,transparent 100%),radial-gradient(1px 1px at 35% 90%,rgba(255,255,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 50% 98%,rgba(200,200,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 65% 92%,rgba(255,255,255,.3) 50%,transparent 100%),radial-gradient(1px 1px at 80% 88%,rgba(255,255,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 96% 95%,rgba(200,210,255,.5) 50%,transparent 100%)}.cosmos-stars-mid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1.5px 1.5px at 7% 10%,rgba(255,255,255,.8) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 20% 28%,rgba(200,215,255,.7) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 35% 15%,rgba(255,255,255,.6) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 50% 35%,rgba(255,240,220,.7) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 65% 20%,rgba(255,255,255,.8) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 80% 30%,rgba(200,210,255,.6) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 93% 8%,rgba(255,255,255,.7) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 12% 48%,rgba(255,240,220,.6) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 28% 55%,rgba(255,255,255,.8) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 45% 50%,rgba(200,215,255,.7) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 60% 60%,rgba(255,255,255,.6) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 75% 45%,rgba(255,240,220,.8) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 90% 55%,rgba(255,255,255,.7) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 5% 70%,rgba(200,210,255,.6) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 22% 78%,rgba(255,255,255,.8) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 38% 72%,rgba(255,240,220,.7) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 55% 80%,rgba(255,255,255,.6) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 70% 68%,rgba(200,215,255,.8) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 85% 75%,rgba(255,255,255,.7) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 98% 85%,rgba(255,240,220,.6) 50%,transparent 100%);animation:starTwinkle 4s ease-in-out infinite alternate}.cosmos-stars-bright{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 15% 12%,rgba(255,255,255,1) 30%,rgba(200,215,255,.3) 70%,transparent 100%),radial-gradient(2px 2px at 45% 25%,rgba(255,255,255,1) 30%,rgba(255,200,220,.3) 70%,transparent 100%),radial-gradient(2px 2px at 72% 8%,rgba(255,255,255,1) 30%,rgba(200,210,255,.3) 70%,transparent 100%),radial-gradient(2px 2px at 30% 60%,rgba(255,255,255,1) 30%,rgba(255,220,200,.3) 70%,transparent 100%),radial-gradient(2px 2px at 88% 45%,rgba(255,255,255,1) 30%,rgba(200,215,255,.3) 70%,transparent 100%),radial-gradient(2px 2px at 55% 75%,rgba(255,255,255,1) 30%,rgba(255,200,220,.3) 70%,transparent 100%),radial-gradient(2px 2px at 10% 85%,rgba(255,255,255,1) 30%,rgba(200,210,255,.3) 70%,transparent 100%),radial-gradient(2px 2px at 78% 88%,rgba(255,255,255,1) 30%,rgba(255,220,200,.3) 70%,transparent 100%);animation:starBrightPulse 6s ease-in-out infinite alternate}.cosmos-nebula{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.35;background:radial-gradient(ellipse 600px 400px at 20% 30%,rgba(60,40,120,.25) 0%,transparent 70%),radial-gradient(ellipse 500px 350px at 75% 65%,rgba(30,50,120,.2) 0%,transparent 70%),radial-gradient(ellipse 400px 300px at 50% 80%,rgba(80,40,100,.15) 0%,transparent 70%),radial-gradient(ellipse 800px 200px at 40% 10%,rgba(20,30,80,.2) 0%,transparent 70%),radial-gradient(ellipse 300px 500px at 90% 40%,rgba(50,30,100,.15) 0%,transparent 70%);animation:nebulaShift 20s ease-in-out infinite alternate}.cosmos-dust{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.15;background:radial-gradient(1px 1px at 5% 20%,rgba(180,190,255,.8) 50%,transparent 100%),radial-gradient(1px 1px at 15% 45%,rgba(255,200,220,.6) 50%,transparent 100%),radial-gradient(1px 1px at 25% 70%,rgba(180,190,255,.7) 50%,transparent 100%),radial-gradient(1px 1px at 35% 30%,rgba(255,220,200,.5) 50%,transparent 100%),radial-gradient(1px 1px at 45% 85%,rgba(180,190,255,.6) 50%,transparent 100%),radial-gradient(1px 1px at 55% 15%,rgba(255,200,220,.7) 50%,transparent 100%),radial-gradient(1px 1px at 65% 55%,rgba(180,190,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 75% 40%,rgba(255,220,200,.6) 50%,transparent 100%),radial-gradient(1px 1px at 85% 75%,rgba(180,190,255,.7) 50%,transparent 100%),radial-gradient(1px 1px at 95% 25%,rgba(255,200,220,.5) 50%,transparent 100%);animation:dustDrift 30s linear infinite}.cosmos-flares{position:absolute;top:0;left:0;width:100%;height:100%}.cosmos-flare{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff}.cosmos-flare:before,.cosmos-flare:after{content:"";position:absolute;background:#fff9}.cosmos-flare:before{width:1px;height:20px;top:50%;left:50%;transform:translate(-50%,-50%)}.cosmos-flare:after{width:20px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.cosmos-flare--1{top:18%;left:22%;box-shadow:0 0 6px 2px #c8d7ff66;animation:flareGlow 5s ease-in-out 0s infinite}.cosmos-flare--2{top:65%;left:78%;box-shadow:0 0 6px 2px #ffc8dc66;animation:flareGlow 7s ease-in-out 2s infinite}.cosmos-flare--3{top:40%;left:50%;box-shadow:0 0 6px 2px #c8d2ff4d;animation:flareGlow 6s ease-in-out 4s infinite}.cosmos-flare--4{top:80%;left:15%;box-shadow:0 0 6px 2px #ffdcc84d;animation:flareGlow 8s ease-in-out 1s infinite}.cosmos-flare--5{top:25%;left:88%;box-shadow:0 0 6px 2px #c8d7ff4d;animation:flareGlow 5.5s ease-in-out 3s infinite}@keyframes starTwinkle{0%{opacity:.5}50%{opacity:1}to{opacity:.6}}@keyframes starBrightPulse{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(1)}}@keyframes nebulaShift{0%{opacity:.3;transform:scale(1) translate(0)}50%{opacity:.4;transform:scale(1.02) translate(5px,-3px)}to{opacity:.35;transform:scale(1) translate(-3px,5px)}}@keyframes dustDrift{0%{transform:translate(0)}to{transform:translate(-20px,-10px)}}@keyframes flareGlow{0%,to{opacity:0;transform:scale(.5)}15%{opacity:1;transform:scale(1.2)}30%{opacity:.8;transform:scale(1)}50%{opacity:0;transform:scale(.5)}}.product-card{background:#08080fd9;border:1px solid rgba(255,107,157,.15);border-radius:8px;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-card:hover{border-color:#ff6b9d66;box-shadow:0 8px 30px #ff6b9d33,0 0 60px #6c5ce71a;transform:translateY(-5px)}.joybacks-header,.joybacks-footer{position:relative;z-index:2}@media(max-width:768px){.cosmos-nebula{opacity:.2}.cosmos-dust{opacity:.1}.cosmos-flares{display:none}}@media(prefers-reduced-motion:reduce){.cosmos-stars-mid,.cosmos-stars-bright,.cosmos-nebula,.cosmos-dust,.cosmos-flare{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cosmos.css.map */