@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.scroll-effect,.scroll-effect--parallax_slow .custom-image__media>:is(img,svg),.scroll-effect--parallax_fast .custom-image__media>:is(img,svg){animation-fill-mode:both;animation-timeline:view()}.scroll-effect--fade,.scroll-effect--rise,.scroll-effect--scale,.scroll-effect--reveal,.scroll-effect--blur{animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:entry 0% entry 65%}.scroll-effect--fade{animation-name:scroll-effect-fade}.scroll-effect--rise{animation-name:scroll-effect-rise}.scroll-effect--scale{animation-name:scroll-effect-scale}.scroll-effect--reveal{animation-name:scroll-effect-reveal}.scroll-effect--blur{animation-name:scroll-effect-blur}.scroll-effect--parallax_slow,.scroll-effect--parallax_fast{animation-timing-function:linear;animation-range:cover 0% cover 100%}.scroll-effect--parallax_slow{animation-name:scroll-effect-parallax-slow}.scroll-effect--parallax_fast{animation-name:scroll-effect-parallax-fast}.custom-image.scroll-effect--parallax_slow,.custom-image.scroll-effect--parallax_fast{animation-name:none;view-timeline:--scroll-effect-picture block}:is(.scroll-effect--parallax_slow,.scroll-effect--parallax_fast) .custom-image__media{overflow:clip}.scroll-effect--parallax_slow .custom-image__media>:is(img,svg),.scroll-effect--parallax_fast .custom-image__media>:is(img,svg){animation-timing-function:linear;animation-timeline:--scroll-effect-picture;animation-range:cover 0% cover 100%}.scroll-effect--parallax_slow .custom-image__media>:is(img,svg){animation-name:scroll-effect-picture-slow}.scroll-effect--parallax_fast .custom-image__media>:is(img,svg){animation-name:scroll-effect-picture-fast}.scroll-effect--background.scroll-effect--parallax_slow,.scroll-effect--background.scroll-effect--parallax_fast{animation-name:none;view-timeline:--scroll-effect-background block}.scroll-effect--background:after{animation-fill-mode:both;animation-timing-function:linear;animation-timeline:--scroll-effect-background;animation-range:cover 0% cover 100%}.scroll-effect--background.scroll-effect--parallax_slow:after{animation-name:scroll-effect-picture-slow}.scroll-effect--background.scroll-effect--parallax_fast:after{animation-name:scroll-effect-picture-fast}}}@keyframes scroll-effect-fade{0%{opacity:0}}@keyframes scroll-effect-rise{0%{opacity:0;transform:translate3d(0,6rem,0)}}@keyframes scroll-effect-scale{0%{opacity:.3;transform:scale(.88)}}@keyframes scroll-effect-reveal{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes scroll-effect-blur{0%{opacity:0;filter:blur(1.6rem)}}@keyframes scroll-effect-parallax-slow{0%{transform:translate3d(0,-5vh,0)}to{transform:translate3d(0,5vh,0)}}@keyframes scroll-effect-parallax-fast{0%{transform:translate3d(0,9vh,0)}to{transform:translate3d(0,-9vh,0)}}@keyframes scroll-effect-picture-slow{0%{transform:translate3d(0,-8%,0) scale(1.2)}to{transform:translate3d(0,8%,0) scale(1.2)}}@keyframes scroll-effect-picture-fast{0%{transform:translate3d(0,14%,0) scale(1.34)}to{transform:translate3d(0,-14%,0) scale(1.34)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.group-layout--bg.scroll-effect--background{background-image:none;isolation:isolate;overflow:clip}.group-layout--bg.scroll-effect--background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background-image:var(--group-bg-mobile);background-size:cover;background-repeat:no-repeat;background-position:var(--group-bg-position);pointer-events:none}@media screen and (min-width:750px){.group-layout--bg.scroll-effect--background:after{background-image:var(--group-bg)}}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-scroll-effects.css.map */