:root{--anim-duration: .7s;--anim-duration-fast: .35s;--anim-ease: cubic-bezier(.16, 1, .3, 1);--anim-distance: 28px}[data-animate]{opacity:0;transition:opacity var(--anim-duration) var(--anim-ease),transform var(--anim-duration) var(--anim-ease);will-change:opacity,transform}[data-animate=fade-up]{transform:translateY(var(--anim-distance))}[data-animate=fade-down]{transform:translateY(calc(var(--anim-distance) * -1))}[data-animate=fade-left]{transform:translate(var(--anim-distance))}[data-animate=fade-right]{transform:translate(calc(var(--anim-distance) * -1))}[data-animate=zoom-in]{transform:scale(.94)}[data-animate=fade]{transform:none}[data-animate].is-visible{opacity:1;transform:none}[data-animate-group]>[data-animate]{transition-delay:calc(var(--stagger-index, 0) * 90ms)}.btn,.btn--primary,.btn--outline,.btn--white{transition:background-color var(--anim-duration-fast) ease,color var(--anim-duration-fast) ease,border-color var(--anim-duration-fast) ease,transform var(--anim-duration-fast) var(--anim-ease),box-shadow var(--anim-duration-fast) var(--anim-ease)}.btn:hover,.btn--primary:hover,.btn--outline:hover,.btn--white:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.btn:active,.btn--primary:active,.btn--outline:active,.btn--white:active{transform:translateY(0);box-shadow:none}.product-card,[class*=card]{transition:transform var(--anim-duration-fast) var(--anim-ease),box-shadow var(--anim-duration-fast) var(--anim-ease)}.product-card:hover,[class*=card]:hover{transform:translateY(-1px)}.product-card img,.hero-banner__image{transition:transform .5s var(--anim-ease)}.product-card:hover img{transform:scale(1.05)}.carousel-arrow{transition:background-color var(--anim-duration-fast) ease,box-shadow var(--anim-duration-fast) ease,transform var(--anim-duration-fast) ease}.carousel-arrow:hover{transform:scale(1.08)}.header nav a,.footer a{position:relative}.header nav a:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:currentColor;transition:width var(--anim-duration-fast) var(--anim-ease)}.header nav a:hover:after{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseSoft{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.anim-fade-in{animation:fadeIn var(--anim-duration) var(--anim-ease) both}.anim-pulse{animation:pulseSoft 2.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){[data-animate]{opacity:1!important;transform:none!important;transition:none!important}.btn,.btn--primary,.btn--outline,.btn--white,.product-card,[class*=card],.carousel-arrow,.product-card img,.hero-banner__image{transition:none!important}.anim-pulse{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/site-animations.css.map */