@keyframes sfx-rise{0%{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}}.sfx-rise{animation:sfx-rise .7s cubic-bezier(.22,1,.36,1) both}.shop-focused-image{-o-object-position:var(--shop-focus-mobile,50% 50%);object-position:var(--shop-focus-mobile,50% 50%)}@media (min-width:768px){.shop-focused-image{-o-object-position:var(--shop-focus-desktop,var(--shop-focus-mobile,50% 50%));object-position:var(--shop-focus-desktop,var(--shop-focus-mobile,50% 50%))}}.sfx-d1{animation-delay:.08s}.sfx-d2{animation-delay:.18s}.sfx-d3{animation-delay:.3s}.sfx-d4{animation-delay:.42s}.sfx-d5{animation-delay:.54s}@keyframes sfx-serum-a{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(-7%,6%,0) scale(1.13)}66%{transform:translate3d(5%,-4%,0) scale(.92)}}@keyframes sfx-serum-b{0%,to{transform:translateZ(0) scale(1.05)}40%{transform:translate3d(9%,-7%,0) scale(.9)}70%{transform:translate3d(-5%,5%,0) scale(1.16)}}@keyframes sfx-serum-c{0%,to{transform:translateZ(0) scale(.95)}50%{transform:translate3d(-8%,-9%,0) scale(1.2)}}.sfx-serum-a{animation:sfx-serum-a 26s ease-in-out infinite}.sfx-serum-b{animation:sfx-serum-b 32s ease-in-out infinite}.sfx-serum-c{animation:sfx-serum-c 22s ease-in-out infinite}@media (hover:hover) and (min-width:1024px){.sfx-serum-a{animation-duration:19s}.sfx-serum-b{animation-duration:24s}.sfx-serum-c{animation-duration:16s}}@keyframes sfx-bob{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-7px,0)}}@keyframes sfx-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.sfx-bob{animation:sfx-bob 7s ease-in-out infinite}.sfx-bob-1{animation-delay:-2.3s}.sfx-bob-2{animation-delay:-4.6s}.sfx-breathe{animation:sfx-breathe 11s ease-in-out infinite}@keyframes sfx-turn{to{transform:rotate(1turn)}}.sfx-turn{animation:sfx-turn 14s linear infinite}@keyframes sfx-drift-a{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-24px,22px,0) scale(1.08)}}@keyframes sfx-drift-b{0%,to{transform:translateZ(0) scale(1.05)}50%{transform:translate3d(28px,-18px,0) scale(.95)}}@media (hover:hover) and (min-width:1024px){.sfx-orb-a{animation:sfx-drift-a 19s ease-in-out infinite}.sfx-orb-b{animation:sfx-drift-b 23s ease-in-out infinite}}@media (hover:hover){.sfx-lift{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}.sfx-lift:hover{transform:translate3d(0,-6px,0)}.sfx-sweep{position:relative;overflow:hidden}.sfx-sweep:after{content:"";position:absolute;inset:0 auto 0 -60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-18deg);opacity:0;pointer-events:none}.sfx-sweep:hover:after{animation:sfx-sweep-run .85s ease-out}.sfx-reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1),opacity .3s ease}.sfx-reveal>*{overflow:hidden}.group:focus-within .sfx-reveal,.group:hover .sfx-reveal{grid-template-rows:1fr;opacity:1}}@keyframes sfx-sweep-run{0%{left:-60%;opacity:1}to{left:130%;opacity:0}}@media not all and (hover:hover){.sfx-reveal{display:block;opacity:1}}@media (prefers-reduced-motion:reduce){.sfx-bob,.sfx-breathe,.sfx-orb-a,.sfx-orb-b,.sfx-rise,.sfx-serum-a,.sfx-serum-b,.sfx-serum-c,.sfx-turn{animation:none!important;opacity:1!important;transform:none!important}.sfx-lift,.sfx-reveal,.shop-scroll-reveal{transition:none!important}.shop-scroll-reveal{opacity:1!important}.sfx-lift:hover,.shop-scroll-reveal{transform:none!important}.sfx-sweep:after{display:none!important}.sfx-reveal{grid-template-rows:1fr!important;opacity:1!important}}