:root{--s5-ease-out:cubic-bezier(.23,1,.32,1);--s5-ease-in-out:cubic-bezier(.77,0,.175,1);--s5-ease-drawer:cubic-bezier(.32,.72,0,1)}html.s10-motion-ready.s5-motion-ready .s10-reveal{opacity:1!important;transform:none!important;transition:none!important}.s5-reveal-item{opacity:0;translate:0 36px;scale:.985;transition:opacity .68s var(--s5-ease-out) calc(var(--s5-order,0) * 78ms),translate .68s var(--s5-ease-out) calc(var(--s5-order,0) * 78ms),scale .68s var(--s5-ease-out) calc(var(--s5-order,0) * 78ms)}.s5-reveal-item.is-s5-visible{opacity:1;translate:0 0;scale:1}.s10-home .s10-hero{isolation:isolate}.s10-home .s10-stage--brand{overflow:visible;transform-style:preserve-3d}.s10-home .sa-hero-mark,.s10-home .sa-hero-podium__ring,.s10-home .s10-stage__label{display:none!important}.s10-home .s10-stage__layer{pointer-events:none}.s10-home .s5-hero-product-shell{display:grid;place-items:center;width:100%;height:100%;opacity:0;transform:translateY(38px) scale(.965);transform-origin:50% 78%;will-change:transform,opacity}.s10-home .s10-stage--brand.is-s5-hero-ready .s5-hero-product-shell{animation:s5HeroProductIn .86s var(--s5-ease-out) both}.s10-home .s10-stage--brand.is-s5-hero-ready .s5-hero-product-shell--perform{animation-delay:.18s}.s10-home .s10-stage--brand.is-s5-hero-ready .s5-hero-product-shell--prime{animation-delay:.3s}.s10-home .s10-stage--brand.is-s5-hero-ready .s5-hero-product-shell--reset{animation-delay:.37s}@keyframes s5HeroProductIn{0%{opacity:0;transform:translateY(38px) scale(.965)}58%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}.s10-home .s10-hero__copy>*{opacity:0;animation:s5HeroCopyIn .72s var(--s5-ease-out) both}.s10-home .s10-hero__copy>*:nth-child(1){animation-delay:40ms}.s10-home .s10-hero__copy>*:nth-child(2){animation-delay:105ms}.s10-home .s10-hero__copy>*:nth-child(3){animation-delay:.18s}.s10-home .s10-hero__copy>*:nth-child(4){animation-delay:255ms}.s10-home .s10-hero__copy>*:nth-child(5){animation-delay:.33s}@keyframes s5HeroCopyIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.s5-hero-rail{position:absolute;z-index:9;left:6%;right:6%;bottom:2.5%;height:56px;pointer-events:none;color:#ffffffb8}.s5-hero-rail__line{position:absolute;left:0;right:0;top:11px;height:1px;background:linear-gradient(90deg,#ffffff0f,#ba80ffb8 50%,#ffffff0f);transform:scaleX(0);transform-origin:50% 50%}.s10-stage--brand.is-s5-hero-ready .s5-hero-rail__line{animation:s5RailLine .82s var(--s5-ease-out) .5s both}@keyframes s5RailLine{to{transform:scaleX(1)}}.s5-hero-rail__node{position:absolute;top:6px;display:grid;gap:5px;min-width:70px;opacity:0;transform:translate(-50%,8px);text-align:center}.s5-hero-rail__node--1{left:11%}.s5-hero-rail__node--2{left:50%}.s5-hero-rail__node--3{left:89%}.s5-hero-rail__node i{width:10px;height:10px;margin-inline:auto;border-radius:999px;border:2px solid rgba(255,255,255,.82);background:#0b0b0e;box-shadow:0 0 0 5px #a855f714,0 0 24px #a855f759}.s5-hero-rail__node--2 i{width:13px;height:13px;margin-top:-1px;background:#b36cff;border-color:#dec6ff;box-shadow:0 0 0 6px #a855f71f,0 0 34px #a855f78c}.s5-hero-rail__node strong{font:800 9px/1 Outfit,system-ui,sans-serif;letter-spacing:.15em;color:#fff}.s5-hero-rail__node small{font:700 8px/1 Outfit,system-ui,sans-serif;letter-spacing:.14em;color:#ffffff75}.s10-stage--brand.is-s5-hero-ready .s5-hero-rail__node{animation:s5RailNode .52s var(--s5-ease-out) both}.s10-stage--brand.is-s5-hero-ready .s5-hero-rail__node--1{animation-delay:.61s}.s10-stage--brand.is-s5-hero-ready .s5-hero-rail__node--2{animation-delay:.69s}.s10-stage--brand.is-s5-hero-ready .s5-hero-rail__node--3{animation-delay:.77s}@keyframes s5RailNode{to{opacity:1;transform:translate(-50%)}}@media(min-width:1100px){.s10-home .s10-hero{min-height:820px;padding:54px 0 68px}.s10-home .s10-hero__grid{grid-template-columns:minmax(350px,.82fr) minmax(0,1.18fr);gap:30px;align-items:center}.s10-home .s10-hero__title{max-width:590px;font-size:clamp(62px,5.9vw,92px);line-height:.9}.s10-home .s10-stage--brand{min-height:665px;width:104%;margin-left:-2%}.s10-home .s10-stage__layer--prime{width:32%;height:52%;left:0;top:28%;transform:translate3d(calc(var(--sc-pointer-x,0) * -4px),calc(5px + (var(--sc-hero-progress,0) * -7px) + (var(--sc-pointer-y,0) * -2px)),-38px) rotate(-4deg)!important}.s10-home .s10-stage__layer--perform{width:48%;height:70%;left:26%;top:8%;transform:translate3d(calc(var(--sc-pointer-x,0) * 3px),calc((var(--sc-hero-progress,0) * -12px) + (var(--sc-pointer-y,0) * 2px)),62px) rotate(.15deg)!important}.s10-home .s10-stage__layer--reset{width:32%;height:52%;right:0;top:28%;transform:translate3d(calc(var(--sc-pointer-x,0) * 4px),calc(5px + (var(--sc-hero-progress,0) * -8px) + (var(--sc-pointer-y,0) * -2px)),-32px) rotate(4deg)!important}}@media(min-width:991px)and (max-width:1099px){.s10-home .s10-hero{min-height:760px;padding:48px 0 62px}.s10-home .s10-hero__grid{grid-template-columns:minmax(310px,.84fr) minmax(0,1.16fr);gap:18px}.s10-home .s10-hero__title{font-size:clamp(54px,6vw,72px)}.s10-home .s10-stage--brand{min-height:600px;width:102%;margin-left:-1%}.s10-home .s10-stage__layer--prime{width:33%;height:50%;left:0;top:30%}.s10-home .s10-stage__layer--perform{width:48%;height:68%;left:26%;top:10%}.s10-home .s10-stage__layer--reset{width:33%;height:50%;right:0;top:30%}}@media(min-width:681px)and (max-width:990px){.s10-home .s10-stage--brand{min-height:535px;width:100%;margin-left:0}.s10-home .s10-stage__layer--prime{width:34%;height:50%;left:1%;top:31%;transform:rotate(-3deg)!important}.s10-home .s10-stage__layer--perform{width:50%;height:69%;left:25%;top:9%;transform:none!important}.s10-home .s10-stage__layer--reset{width:34%;height:50%;right:1%;top:31%;transform:rotate(3deg)!important}.s5-hero-rail{left:7%;right:7%;bottom:1%}}@media(max-width:680px){.s10-home .s10-hero{padding:30px 0 48px}.s10-home .s10-hero__title{font-size:clamp(44px,13vw,54px);line-height:.91}.s10-home .s10-stage--brand{min-height:350px;width:100%;margin-left:0}.s10-home .s10-stage__layer--prime{width:31%;height:47%;left:0;top:32%;transform:rotate(-3deg)!important}.s10-home .s10-stage__layer--perform{width:56%;height:68%;left:22%;top:7%;transform:none!important}.s10-home .s10-stage__layer--reset{width:31%;height:47%;right:0;top:32%;transform:rotate(3deg)!important}.s5-hero-rail{left:4%;right:4%;bottom:0;height:48px}.s5-hero-rail__node--1{left:12%}.s5-hero-rail__node--3{left:88%}.s5-hero-rail__node strong{font-size:7px;letter-spacing:.12em}.s5-hero-rail__node small{font-size:7px}.s5-hero-rail__node i{width:8px;height:8px;border-width:1px}.s5-hero-rail__node--2 i{width:10px;height:10px}.s5-reveal-item{translate:0 22px}}.s10-home .s10-range__tabs button{position:relative;overflow:hidden}.s10-home .s10-range__tabs button:after{content:"";position:absolute;left:18px;right:18px;bottom:10px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#bd7cff 18%,#fff 50%,#bd7cff 82%,transparent);transform:scaleX(0);opacity:0;transform-origin:center;transition:transform .28s var(--s5-ease-out),opacity .22s ease}.s10-home .s10-range__tabs button[aria-selected=true]:after{transform:scaleX(1);opacity:.8}.s10-home .s10-range-panel.is-active{animation:s5RangePanelIn .56s var(--s5-ease-out) both!important}.s10-home .s10-range-panel.is-active .s10-range-panel__copy>*{animation:s5RangeCopyIn .52s var(--s5-ease-out) both!important}.s10-home .s10-range-panel.is-active .s10-range-panel__copy>*:nth-child(1){animation-delay:45ms!important}.s10-home .s10-range-panel.is-active .s10-range-panel__copy>*:nth-child(2){animation-delay:90ms!important}.s10-home .s10-range-panel.is-active .s10-range-panel__copy>*:nth-child(3){animation-delay:135ms!important}.s10-home .s10-range-panel.is-active .s10-range-panel__copy>*:nth-child(4){animation-delay:.18s!important}.s10-home .s10-range-panel.is-active .s10-range-panel__visual{animation:s5RangeVisualIn .65s var(--s5-ease-out) 50ms both!important}@keyframes s5RangePanelIn{0%{opacity:.32;transform:translate3d(18px,12px,0) scale(.99)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes s5RangeCopyIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes s5RangeVisualIn{0%{opacity:.42;clip-path:inset(0 12% 0 0 round 30px);transform:translate(18px)}to{opacity:1;clip-path:inset(0 0 0 0 round 30px);transform:translate(0)}}@media(max-width:680px){@keyframes s5RangePanelIn{0%{opacity:.38;transform:translateY(16px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes s5RangeVisualIn{0%{opacity:.45;clip-path:inset(10% 0 0 0 round 24px);transform:translateY(14px)}to{opacity:1;clip-path:inset(0 0 0 0 round 24px);transform:translateY(0)}}}.s10-pdp .s10-gallery__stage{animation:s5PdpStageIn .72s var(--s5-ease-out) 60ms both}@keyframes s5PdpStageIn{0%{opacity:.38;clip-path:inset(2.5% 3% 2.5% 3% round 34px)}to{opacity:1;clip-path:inset(0 0 0 0 round 34px)}}.s10-pdp [data-s10-thumb]{transition:opacity .18s ease,translate .22s var(--s5-ease-out),box-shadow .22s ease,border-color .22s ease}.s10-pdp [data-s10-thumb]:active{translate:0 2px}.s10-system .s10-system-hero__grid>div:first-child>*{opacity:0;animation:s5SystemCopyIn .68s var(--s5-ease-out) both}.s10-system .s10-system-hero__grid>div:first-child>*:nth-child(1){animation-delay:40ms}.s10-system .s10-system-hero__grid>div:first-child>*:nth-child(2){animation-delay:.1s}.s10-system .s10-system-hero__grid>div:first-child>*:nth-child(3){animation-delay:165ms}.s10-system .s10-system-hero__grid>div:first-child>*:nth-child(4){animation-delay:.23s}.s10-system .s10-system-hero__grid>div:first-child>*:nth-child(5){animation-delay:295ms}.s10-system .s10-system-hero__grid>div:first-child>*:nth-child(6){animation-delay:.36s}@keyframes s5SystemCopyIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}html.s5-motion-ready .s10-system-hero__visual[data-s5-system-ready] .s10-system-hero__product{clip-path:inset(100% 0 0 0 round 30px)}html.s5-motion-ready .s10-system-hero__visual[data-s5-system-ready].is-s5-system-visible .s10-system-hero__product--one{animation:s5SystemProductIn .76s var(--s5-ease-out) .11s both}html.s5-motion-ready .s10-system-hero__visual[data-s5-system-ready].is-s5-system-visible .s10-system-hero__product--three{animation:s5SystemProductIn .76s var(--s5-ease-out) .21s both}html.s5-motion-ready .s10-system-hero__visual[data-s5-system-ready].is-s5-system-visible .s10-system-hero__product--two{animation:s5SystemProductIn .76s var(--s5-ease-out) .31s both}@keyframes s5SystemProductIn{0%{clip-path:inset(100% 0 0 0 round 30px)}to{clip-path:inset(0 0 0 0 round 30px)}}.s10-system .s10-system-faq details[open] .s10-system-faq__answer{animation:s5FaqIn .26s var(--s5-ease-out) both}@keyframes s5FaqIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.s10 .s10-button,.s10 button,.s10 [role=button]{transition-property:opacity,background-color,border-color,box-shadow,translate,scale;transition-duration:.18s;transition-timing-function:ease}.s10 .s10-button:active,.s10 button:active,.s10 [role=button]:active{scale:.97}@media(prefers-reduced-motion:reduce){.s5-reveal-item,.s5-reveal-item.is-s5-visible{opacity:1!important;translate:none!important;scale:1!important;transition:none!important}.s10-home .s10-hero__copy>*,.s10-home .s5-hero-product-shell,.s10-home .s10-stage--brand.is-s5-hero-ready .s5-hero-product-shell,.s5-hero-rail__line,.s5-hero-rail__node,.s10-home .s10-range-panel.is-active,.s10-home .s10-range-panel.is-active .s10-range-panel__copy>*,.s10-home .s10-range-panel.is-active .s10-range-panel__visual,.s10-pdp .s10-gallery__stage,.s10-system .s10-system-hero__grid>div:first-child>*,html.s5-motion-ready .s10-system-hero__visual[data-s5-system-ready] .s10-system-hero__product,html.s5-motion-ready .s10-system-hero__visual[data-s5-system-ready].is-s5-system-visible .s10-system-hero__product{animation:none!important;opacity:1!important;clip-path:none!important}.s10-home .s5-hero-product-shell{transform:none!important}.s5-hero-rail__line{transform:scaleX(1)!important}.s5-hero-rail__node{transform:translate(-50%)!important}.s10-home .s10-range-panel.is-active,.s10-home .s10-range-panel.is-active .s10-range-panel__copy>*,.s10-home .s10-range-panel.is-active .s10-range-panel__visual,.s10-system .s10-system-hero__grid>div:first-child>*{transform:none!important}.s10 .s10-button:active,.s10 button:active,.s10 [role=button]:active{scale:1}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/supify-motion-phase5.css.map */