html[data-yp-motion=off] [data-reveal],html[data-yp-motion=off] .parallax>*,html[data-yp-motion=off] .floaty{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.js [data-reveal=fade]{transform:none}.js [data-reveal=scale]{transform:scale(.92)}.js [data-reveal=left]{transform:translate(-32px)}.js [data-reveal=right]{transform:translate(32px)}.js [data-reveal=scale].is-visible,.js [data-reveal=left].is-visible,.js [data-reveal=right].is-visible{transform:none}.js [data-reveal=clip]{transform:none;clip-path:inset(12% 8% 12% 8% round 20px);transition:opacity .9s var(--ease-out),clip-path 1.1s var(--ease-out);transition-delay:var(--reveal-delay, 0s)}.js [data-reveal=clip].is-visible{clip-path:inset(0 0 0 0 round 0px)}.split-word{display:inline-block;overflow:hidden;vertical-align:bottom}.split-word>span{display:inline-block;transform:translateY(110%);transition:transform .8s var(--ease-out);transition-delay:calc(var(--word-i, 0) * 45ms)}.is-visible .split-word>span,.split-done .split-word>span{transform:none}.parallax{overflow:hidden}.parallax__layer{transform:translateY(var(--py, 0));will-change:transform}@supports (animation-timeline: view()){html[data-yp-motion=cinematic] .parallax__layer{animation:yp-parallax linear both;animation-timeline:view();animation-range:entry 0% exit 100%}html[data-yp-motion=cinematic] .parallax__layer[data-speed="0.2"]{--par-from: 10%;--par-to: -10%}@keyframes yp-parallax{0%{transform:translateY(var(--par-from, 6%)) scale(1.12)}to{transform:translateY(var(--par-to, -6%)) scale(1.12)}}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){html[data-yp-motion=cinematic] .fx-settle{animation:yp-settle linear both;animation-timeline:view();animation-range:entry 0% cover 55%}}}@keyframes yp-settle{0%{transform:scale(1.08)}to{transform:scale(1)}}html[data-yp-motion=cinematic] .fx-rise{animation:yp-rise .9s var(--ease-out) both;animation-delay:var(--rise-delay, 0s)}@keyframes yp-rise{0%{transform:translateY(22px)}to{transform:none}}@media(prefers-reduced-motion:reduce){.fx-rise{animation:none!important}}.scroll-progress{position:fixed;top:0;left:0;z-index:200;width:100%;height:3px;pointer-events:none;background:transparent}.scroll-progress__bar{height:100%;width:100%;background:var(--clay);transform-origin:left;transform:scaleX(var(--scroll-p, 0))}@supports (animation-timeline: scroll()){.scroll-progress__bar{animation:yp-progress linear both;animation-timeline:scroll(root)}@keyframes yp-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}html[data-yp-motion=off] .scroll-progress{display:none}.marquee{overflow:hidden}.marquee__track{display:inline-flex;gap:1rem;width:max-content;animation:marquee var(--marquee-dur, 48s) linear infinite;will-change:transform}.marquee--reverse .marquee__track{animation-direction:reverse}.marquee:hover .marquee__track{animation-play-state:paused}html[data-yp-motion=minimal] .marquee__track{animation-duration:90s}html[data-yp-motion=off] .marquee__track{animation:none;width:auto;flex-wrap:wrap;justify-content:center}html[data-yp-motion=off] .marquee__track>[aria-hidden=true]{display:none}.floaty{position:absolute;pointer-events:none;color:var(--clay);opacity:.14;animation:yp-float var(--float-dur, 7s) var(--ease) infinite alternate;animation-delay:var(--float-delay, 0s)}@keyframes yp-float{0%{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-18px) rotate(8deg)}}html[data-yp-motion=minimal] .floaty{animation:none}html[data-yp-floaties=false] .floaty{display:none}@media(pointer:fine){.magnetic{transition:transform .25s var(--ease-out);transform:translate(var(--mx, 0),var(--my, 0))}.tilt{transform:perspective(800px) rotateX(var(--rx, 0)) rotateY(var(--ry, 0));transition:transform .3s var(--ease-out);will-change:transform}.tilt__shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(420px circle at var(--shine-x, 50%) var(--shine-y, 50%),rgba(255,255,255,.16),transparent 55%);opacity:0;transition:opacity .3s var(--ease)}.tilt:hover .tilt__shine{opacity:1}}html[data-yp-motion=minimal] .magnetic,html[data-yp-motion=minimal] .tilt{transform:none!important}.pin-scene{position:relative}.pin-scene__viewport{position:sticky;top:0;height:100svh;display:flex;align-items:center;overflow:hidden}.pin-scene__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(90px);transition:opacity .5s var(--ease),transform .65s var(--ease-out);pointer-events:none}.pin-scene__frame.is-past{transform:translate(-90px)}.pin-scene__frame.is-active{opacity:1;transform:none;pointer-events:auto}html[data-yp-motion=minimal] .pin-scene__viewport,html[data-yp-motion=off] .pin-scene__viewport,html.no-js .pin-scene__viewport{position:static;height:auto;display:block;overflow:visible}html[data-yp-motion=minimal] .pin-scene__frame,html[data-yp-motion=off] .pin-scene__frame,html.no-js .pin-scene__frame{position:static;opacity:1;transform:none;pointer-events:auto}.counter{font-variant-numeric:tabular-nums}html[data-yp-motion=cinematic] .sticky-rail__btn--wa:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;border:2px solid rgba(37,211,102,.55);animation:yp-pulse-ring 2.6s var(--ease) infinite;pointer-events:none}.sticky-rail__btn--wa{position:relative}@keyframes yp-pulse-ring{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(1.14)}}@media(prefers-reduced-motion:reduce){.parallax__layer,.marquee__track,.floaty,.magnetic,.tilt,.sticky-rail__btn--wa:after{animation:none!important;transform:none!important}.scroll-progress{display:none}.marquee__track{width:auto;flex-wrap:wrap;justify-content:center}.pin-scene__viewport{position:static;height:auto;display:block;overflow:visible}.pin-scene__frame{position:static;opacity:1;transform:none;pointer-events:auto}.split-word>span{transform:none;transition:none}.js [data-reveal=clip]{clip-path:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/motion.css.map */