@media(prefers-reduced-motion:no-preference){#MainContent>.shopify-section:first-child .hero__content-wrapper{animation:mg-rise-in 1s var(--animation-easing, ease-in-out) both}#MainContent>.shopify-section:first-child .hero__media{animation:mg-fade-in 1.2s var(--animation-easing, ease-in-out) both}@supports (animation-timeline: view()){#MainContent>.shopify-section:not(:first-child) .text-block:not(.marquee__content *){animation:mg-text-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 60%}#MainContent>.shopify-section:not(:first-child) .group-block:not(.group-block *):not(.marquee__content *){animation:mg-rise-only linear both;animation-timeline:view();animation-range:entry 0% entry 90%}.resource-list__item,.product-grid__item{animation:mg-scroll-rise linear both;animation-timeline:view();animation-range:entry 0% entry 75%}#MainContent marquee-component{animation:mg-fade-in linear both;animation-timeline:view();animation-range:entry 0% entry 80%}#MainContent .divider__line{transform-origin:left center;animation:mg-grow-line linear both;animation-timeline:view();animation-range:entry 0% entry 100%}#MainContent>.shopify-section:not(:first-child) :is(img.media-block__media,.image-block img,.collection-card__image img){animation:mg-scroll-settle linear both;animation-timeline:view();animation-range:entry 0% cover 40%}.media-block{overflow:hidden}}.button,.button-secondary{transition:transform var(--animation-speed-slow, .2s) var(--animation-easing, ease-in-out),box-shadow var(--animation-speed-slow, .2s) var(--animation-easing, ease-in-out)}.button:hover,.button-secondary:hover{transform:translateY(-2px)}.button:active,.button-secondary:active{transform:translateY(0) scale(.98)}}@keyframes mg-rise-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes mg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mg-scroll-rise{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}@keyframes mg-text-reveal{0%{transform:translateY(90%);clip-path:inset(0 0 95% 0)}to{transform:translateY(0);clip-path:inset(0 0 -10% 0)}}@keyframes mg-rise-only{0%{transform:translateY(32px)}to{transform:translateY(0)}}@keyframes mg-scroll-settle{0%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes mg-grow-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mg-fluid-animations.css.map */