/*!
 * motion.css - End-to-End Store Builder motion layer
 *
 * Every selector is class- or attribute-based. There is not a single element selector, so the whole
 * file can be prefixed with the brand scope ({SCOPE}) by the Liquid CSS build without touching the
 * base theme's own markup.
 *
 * The .motion-ready class is added to <html> by motion.js (or by the optional head snippet). Nothing
 * in this file hides anything until that class exists, so no-JS and failed-CDN pages render fully.
 * .motion-done on an element is the universal "this is settled, show it" flag.
 */.motion-ready{--motion-reveal-distance: 24px;--motion-marquee-duration: 30s;--motion-carousel-gap: 1rem;--motion-carousel-slide: 80%}.motion-ready [data-motion=reveal-up]:not(.motion-done),.motion-ready [data-motion=split-headline]:not(.motion-done),.motion-ready [data-motion=image-mask-reveal]:not(.motion-done),.motion-ready [data-motion=stagger-children]:not(.motion-done)>*{opacity:0;transform:translate3d(0,var(--motion-reveal-distance),0);will-change:opacity,transform}.motion-ready [data-motion=image-mask-reveal]:not(.motion-done){transform:none;clip-path:inset(0% 0% 100% 0%);opacity:1}.motion-ready [data-motion=reveal-up][data-motion-from=left]:not(.motion-done){transform:translate3d(calc(-1 * var(--motion-reveal-distance)),0,0)}.motion-ready [data-motion=reveal-up][data-motion-from=right]:not(.motion-done){transform:translate3d(var(--motion-reveal-distance),0,0)}.motion-ready [data-motion=reveal-up][data-motion-from=fade]:not(.motion-done){transform:none}.motion-done,.motion-done>*{will-change:auto}.motion-marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.motion-marquee__track{display:flex;flex:0 0 auto;gap:var(--motion-carousel-gap);padding-right:var(--motion-carousel-gap);min-width:100%;justify-content:space-around}.motion-marquee--run .motion-marquee__track{animation:motion-marquee-scroll var(--motion-marquee-duration) linear infinite}.motion-marquee--reverse .motion-marquee__track{animation-direction:reverse}.motion-marquee--paused .motion-marquee__track{animation-play-state:paused}@keyframes motion-marquee-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.motion-atc{position:relative}.motion-atc__check{position:absolute;top:50%;left:50%;width:.7em;height:.38em;margin:-.28em 0 0 -.35em;border-left:2px solid currentColor;border-bottom:2px solid currentColor;opacity:0;transform:rotate(-45deg) scale(.4);pointer-events:none}.motion-atc--success{animation:motion-atc-pop .42s cubic-bezier(.34,1.56,.64,1)}.motion-atc--success .motion-atc__check{animation:motion-atc-check .9s cubic-bezier(.22,1,.36,1) 80ms}@keyframes motion-atc-pop{0%{transform:scale(1)}35%{transform:scale(.96)}to{transform:scale(1)}}@keyframes motion-atc-check{0%{opacity:0;transform:rotate(-45deg) scale(.4)}25%{opacity:1;transform:rotate(-45deg) scale(1)}75%{opacity:1;transform:rotate(-45deg) scale(1)}to{opacity:0;transform:rotate(-45deg) scale(1)}}.motion-progress{overflow:hidden}.motion-progress__bar{transform:scaleX(0);transform-origin:left center;will-change:transform}.motion-carousel__viewport{overflow:hidden}.motion-carousel__viewport:focus-visible{outline:2px solid currentColor;outline-offset:3px}.motion-carousel__container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(-1 * var(--motion-carousel-gap));backface-visibility:hidden}.motion-carousel__slide{flex:0 0 var(--motion-carousel-slide);min-width:0;padding-left:var(--motion-carousel-gap)}.motion-carousel__dots{display:flex;gap:.5rem;justify-content:center}.motion-carousel__dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:currentColor;opacity:.28;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.motion-carousel__dot.is-selected{opacity:1;transform:scale(1.25)}.motion-carousel__nav[disabled]{opacity:.3;cursor:default}.motion-media{overflow:hidden}.motion-media__inner{will-change:transform}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}@media(prefers-reduced-motion:reduce){.motion-ready [data-motion]:not(.motion-done),.motion-ready [data-motion=stagger-children]:not(.motion-done)>*{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}.motion-marquee--run .motion-marquee__track,.motion-atc--success,.motion-atc--success .motion-atc__check{animation:none!important}.motion-progress__bar{transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/ab-motion.css.map */