.skincare-hero-scene{position:relative;width:100%;height:100%;min-height:28rem;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#1c0f33,#0a0612 70%,#05030a)}.skincare-hero-scene__glow{position:absolute;width:26rem;height:26rem;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.55),rgba(192,38,211,.18) 55%,transparent 75%);filter:blur(6px)}.skincare-hero-scene__ring{position:absolute;border-radius:50%;border:1px solid rgba(192,132,252,.35)}.skincare-hero-scene__ring--1{width:18rem;height:18rem}.skincare-hero-scene__ring--2{width:24rem;height:24rem;border-color:#a855f733}.skincare-hero-scene__jar{position:relative;z-index:2;width:9rem}.skincare-hero-scene__jar-lid{width:7rem;height:1.6rem;margin:0 auto;border-radius:.8rem .8rem .3rem .3rem;background:linear-gradient(180deg,#e9d5ff,#c084fc 60%,#9333ea);box-shadow:0 0 18px #c084fcb3}.skincare-hero-scene__jar-body{position:relative;width:9rem;height:8rem;margin-top:-.2rem;border-radius:1.6rem;background:linear-gradient(160deg,#a855f759,#1e0c38eb 45%,#05030af2);border:1px solid rgba(192,132,252,.45);box-shadow:0 0 30px #9d00ff73,inset 0 0 24px #a855f740;overflow:hidden}.skincare-hero-scene__jar-shine{position:absolute;top:.5rem;left:1.2rem;width:1.4rem;height:6rem;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent);border-radius:50%;transform:rotate(8deg)}.skincare-hero-scene__droplet{position:absolute;width:1.1rem;height:1.1rem;border-radius:50% 50% 50% 0;background:linear-gradient(160deg,#e9d5ff,#a855f7 60%,#6c2bd9);box-shadow:0 0 12px #a855f7cc}.skincare-hero-scene__droplet--1{top:28%;left:32%;transform:rotate(45deg)}.skincare-hero-scene__droplet--2{top:62%;left:68%;transform:rotate(45deg)}.skincare-hero-scene__droplet--3{top:22%;left:70%;transform:rotate(45deg)}.skincare-hero-scene__particles span{position:absolute;width:4px;height:4px;border-radius:50%;background:#e9d5ff;box-shadow:0 0 8px #e879f9e6;opacity:0}.skincare-hero-scene__particles span:nth-child(1){top:80%;left:20%}.skincare-hero-scene__particles span:nth-child(2){top:70%;left:40%}.skincare-hero-scene__particles span:nth-child(3){top:85%;left:55%}.skincare-hero-scene__particles span:nth-child(4){top:75%;left:75%}.skincare-hero-scene__particles span:nth-child(5){top:90%;left:30%}.skincare-hero-scene__particles span:nth-child(6){top:65%;left:85%}.skincare-hero-scene__particles span:nth-child(7){top:88%;left:65%}.skincare-hero-scene__particles span:nth-child(8){top:78%;left:10%}@media(prefers-reduced-motion:no-preference){.skincare-hero-scene__glow{animation:dpHeroGlowPulse 4s ease-in-out infinite}@keyframes dpHeroGlowPulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}.skincare-hero-scene__ring--1{animation:dpHeroRingSpin 18s linear infinite}.skincare-hero-scene__ring--2{animation:dpHeroRingSpin 26s linear infinite reverse}@keyframes dpHeroRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skincare-hero-scene__jar{animation:dpHeroJarFloat 5s ease-in-out infinite}@keyframes dpHeroJarFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-.8rem) rotate(1deg)}}.skincare-hero-scene__droplet{animation:dpHeroDropletFloat 3.6s ease-in-out infinite}.skincare-hero-scene__droplet--1{animation-delay:0s}.skincare-hero-scene__droplet--2{animation-delay:1.1s}.skincare-hero-scene__droplet--3{animation-delay:2.1s}@keyframes dpHeroDropletFloat{0%,to{transform:rotate(45deg) translateY(0);opacity:.85}50%{transform:rotate(45deg) translateY(-1.2rem);opacity:1}}.skincare-hero-scene__particles span{animation:dpHeroParticleRise 5s ease-in infinite}.skincare-hero-scene__particles span:nth-child(1){animation-delay:.2s}.skincare-hero-scene__particles span:nth-child(2){animation-delay:1.1s}.skincare-hero-scene__particles span:nth-child(3){animation-delay:2s}.skincare-hero-scene__particles span:nth-child(4){animation-delay:.6s}.skincare-hero-scene__particles span:nth-child(5){animation-delay:1.6s}.skincare-hero-scene__particles span:nth-child(6){animation-delay:2.6s}.skincare-hero-scene__particles span:nth-child(7){animation-delay:3.2s}.skincare-hero-scene__particles span:nth-child(8){animation-delay:3.8s}@keyframes dpHeroParticleRise{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:1}to{transform:translateY(-12rem) scale(1);opacity:0}}}@media(prefers-reduced-motion:no-preference){body{animation:dpPageFadeIn .7s ease both;position:relative}@keyframes dpPageFadeIn{0%{opacity:0}to{opacity:1}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 15% 20%,rgba(168,85,247,.22),transparent 35%),radial-gradient(circle at 85% 30%,rgba(192,38,211,.18),transparent 38%),radial-gradient(circle at 50% 85%,rgba(157,0,255,.16),transparent 40%);background-size:200% 200%;animation:dpAuraDrift 22s ease-in-out infinite alternate}@keyframes dpAuraDrift{0%{background-position:0% 0%,100% 0%,50% 100%}to{background-position:20% 30%,70% 40%,35% 70%}}.scroll-trigger.animate--slide-in,.scroll-trigger.animate--fade-in{filter:blur(6px);transform:translateY(2.5rem) scale(.97);transition:opacity .9s ease,filter .9s ease,transform .9s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--animation-order, 0) * 75ms)}.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in,.scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in{filter:blur(0);transform:translateY(0) scale(1)}.title,.product__title{background-image:linear-gradient(100deg,#2a1245,#6c2bd9 30%,#a855f7,#6c2bd9 70%,#2a1245);background-size:250% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dpTextShimmer 9s linear infinite}@keyframes dpTextShimmer{0%{background-position:0% 50%}to{background-position:250% 50%}}.button:not(.button--secondary):not(.button--tertiary),button[type=submit]:not(.button--secondary),.shopify-payment-button__button--unbranded{animation:dpButtonPulse 2.6s ease-in-out infinite;transition:transform .25s ease,filter .25s ease}@keyframes dpButtonPulse{0%,to{box-shadow:0 0 8px #a855f773,0 0 #a855f74d}50%{box-shadow:0 0 22px 4px #a855f7bf,0 0 36px 8px #c026d359}}.button:hover,button[type=submit]:hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.15)}.card-wrapper{transition:transform .4s cubic-bezier(.22,1,.36,1)}.card-wrapper:hover{transform:translateY(-6px)}.card{transition:box-shadow .4s ease,border-color .4s ease}.card-wrapper:hover .card{box-shadow:0 0 0 1px #a855f799,0 12px 32px #9d00ff59,0 0 28px #c026d34d}.card__media img,.card__media .media img{transition:transform .6s cubic-bezier(.22,1,.36,1),filter .6s ease}.card-wrapper:hover .card__media img,.card-wrapper:hover .card__media .media img{transform:scale(1.07);filter:saturate(1.15) brightness(1.05)}.card__heading a,.header__heading-link{position:relative}.underline-links-hover a:hover,a.link:hover{text-shadow:0 0 10px rgba(192,38,211,.6)}.badge{animation:dpBadgePulse 2.2s ease-in-out infinite}@keyframes dpBadgePulse{0%,to{box-shadow:0 0 6px #9d00ff66}50%{box-shadow:0 0 16px #9d00ffd9}}.header-wrapper{position:relative}.header-wrapper:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-image:linear-gradient(90deg,transparent,#a855f7,#c026d3,#a855f7,transparent);background-size:200% auto;animation:dpHeaderLine 6s linear infinite;opacity:.8}@keyframes dpHeaderLine{0%{background-position:0% 0%}to{background-position:200% 0%}}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{box-shadow:0 0 0 1px #a855f7cc,0 0 14px #a855f780;transition:box-shadow .3s ease}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/dark-purple-animations.css.map */