.reveal{opacity:0;transform:translateY(min(var(--reveal-distance),90%));transition:opacity var(--reveal-duration) var(--ease-out) var(--reveal-delay, 0s),transform var(--reveal-duration) var(--ease-out) var(--reveal-delay, 0s),filter var(--reveal-duration) var(--ease-out) var(--reveal-delay, 0s);filter:blur(var(--reveal-blur))}.reveal--in{opacity:1;transform:translateY(0);filter:blur(0)}.reveal[data-animate=fade-up-large]{transform:translateY(90%)}.reveal--in[data-animate=fade-up-large]{transform:translateY(0)}.reveal-zoom,.media>img.reveal-zoom{transition:scale calc(var(--reveal-duration) * 2.5) var(--ease-out) var(--reveal-delay, 0s);scale:var(--reveal-zoom)}.reveal-zoom--in,.media>img.reveal-zoom--in{scale:1}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){#MainContent .overflow-hidden:has(picture.media),#MainContent picture.media:not(.media--transparent,:is(a,.product,.product-card,[data-parallax]) picture){overflow:clip}#MainContent picture.media:not(.media--transparent,:is(a,.product,.product-card,[data-parallax]) picture)>img{transform-origin:bottom;animation:media-drift linear both;animation-timeline:view();animation-range:entry 0% entry 100%}}}@keyframes media-drift{0%{transform:scale(calc(1 + var(--parallax)))}to{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/motion.css.map */