:root{--ux-ease: cubic-bezier(.16, 1, .3, 1);--ux-ease-soft: cubic-bezier(.25, .46, .45, .94)}@media(prefers-reduced-motion:no-preference){.hero__media img,.hero__media video{animation:ux-kenburns 14s var(--ux-ease-soft) both}@keyframes ux-kenburns{0%{transform:scale(1.18)}to{transform:scale(1.08)}}.hero :is(h1,h2){animation:ux-rise 1.4s .25s var(--ux-ease) both}.hero p{animation:ux-rise 1.4s .5s var(--ux-ease) both}.hero .button{animation:ux-rise 1.4s .75s var(--ux-ease) both}@keyframes ux-rise{0%{opacity:0;transform:translateY(2.2rem);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.ux-reveal{opacity:0;transform:translateY(2.4rem);transition:opacity .9s var(--ux-ease),transform .9s var(--ux-ease);transition-delay:var(--ux-delay, 0s);will-change:opacity,transform}.ux-reveal.ux-in{opacity:1;transform:translateY(0)}.product-card{transition:transform .55s var(--ux-ease)}.product-card:hover{transform:translateY(-6px)}.product-card img{transition:transform 1.1s var(--ux-ease)}.product-card:hover img{transform:scale(1.06)}#MainContent a img{transition:transform 1.1s var(--ux-ease)}#MainContent a:hover img{transform:scale(1.05)}#MainContent a:has(>img){overflow:hidden}#MainContent :is(div,span,figure):has(>img){overflow:hidden}.button{transition:transform .4s var(--ux-ease),box-shadow .4s var(--ux-ease)}.button:hover{transform:translateY(-2px);box-shadow:0 14px 30px -16px #00000080}.button:active{transform:translateY(0) scale(.98)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ux-motion.css.map */