@layer components{.js [data-animate]{--animate-duration: var(--duration-slow);--animate-delay: 0ms;will-change:opacity,transform;transition:opacity var(--animate-duration) var(--ease-out) var(--animate-delay),transform var(--animate-duration) var(--ease-out) var(--animate-delay),clip-path var(--animate-duration) var(--ease-out) var(--animate-delay)}.js [data-animate]:not(.is-revealed){opacity:0}.js [data-animate=fade-up]:not(.is-revealed){transform:translate3d(0,var(--animation-distance, 24px),0)}.js [data-animate=fade-scale]:not(.is-revealed){transform:scale(.96)}.js [data-animate=clip]{clip-path:inset(0 0 0 0)}.js [data-animate=clip]:not(.is-revealed){opacity:1;clip-path:inset(0 0 100% 0);transform:translate3d(0,var(--animation-distance, 24px),0)}.js [data-animate].is-revealed{opacity:1;transform:none;clip-path:inset(0 0 0 0)}.js [data-animate].is-settled{will-change:auto;transition:none}@media(prefers-reduced-motion:reduce){.js [data-animate],.js [data-animate]:not(.is-revealed){opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}}.image-reveal{overflow:hidden}.js .image-reveal img{transition:transform var(--duration-slower) var(--ease-out),opacity var(--duration-slow) var(--ease-out)}.js .image-reveal:not(.is-revealed) img{opacity:0;transform:scale(1.08)}.marquee{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;gap:var(--marquee-gap, 3rem);-webkit-mask-image:linear-gradient(to right,transparent,black var(--marquee-fade, 6%),black calc(100% - var(--marquee-fade, 6%)),transparent);mask-image:linear-gradient(to right,transparent,black var(--marquee-fade, 6%),black calc(100% - var(--marquee-fade, 6%)),transparent)}.marquee__track{display:flex;flex-shrink:0;align-items:center;gap:var(--marquee-gap, 3rem);min-width:100%;animation:marquee-scroll var(--marquee-duration, 30s) linear infinite;animation-direction:var(--marquee-direction, normal)}.marquee:hover .marquee__track{animation-play-state:var(--marquee-hover-state, running)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% - var(--marquee-gap, 3rem)))}}[dir=rtl] .marquee__track{animation-direction:reverse}@media(prefers-reduced-motion:reduce){.marquee__track{animation:none}.marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-end{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-in-start{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.55}}.skeleton{position:relative;overflow:hidden;background-color:color-mix(in srgb,rgb(var(--color-foreground)) 6%,transparent);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,transparent,color-mix(in srgb,rgb(var(--color-foreground)) 5%,transparent),transparent);animation:skeleton-sweep 1.4s ease-in-out infinite}@keyframes skeleton-sweep{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:pulse-soft 1.8s ease-in-out infinite;transform:none;background-image:none}}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/animations.css.map */