:root{--js-mobile:(max-width: 719.9px);--js-tablet:(min-width: 720px);--js-below-small-desktop:(max-width: 1023.9px);--js-small-desktop:(min-width: 1024px);--js-desktop:(min-width: 1440px);--js-max-page-width:(min-width: 1600px)}@keyframes contentOverlineAnimation{to{transform:translateY(0);opacity:1}}@keyframes contentHeadingAnimation{to{--content-animation-heading-mask-width:-20%;transform:translateY(0);opacity:1}}@keyframes contentContentAnimation{to{--content-animation-mask-width:-20%;transform:translateY(0);opacity:1}}@keyframes contentSliderAnimation{to{transform:translate(0);opacity:1}}@property --content-animation-heading-mask-width{syntax:"<percentage>"; inherits:true; initial-value:120%;}@property --content-animation-mask-width{syntax:"<percentage>"; inherits:true; initial-value:120%;}.collection-list__slider .animation-overline{transform:translateY(10px);opacity:0}.collection-list__slider .animation-heading,.collection-list__slider .animation-content{transform:translateY(20px);opacity:0}.collection-list__slider .animation-slider{transform:translate(35px);opacity:0}@media (min-width: 1024px){.collection-list__slider .animation-slider:not(.animation-slider--small){transform:translate(50px)}}.prop-value-api-supported .collection-list__slider .animation-heading{--content-animation-heading-mask-width:120%;-webkit-mask-image:linear-gradient(to left,transparent 120%,black 140%);mask-image:linear-gradient(to left,transparent 120%,black 140%);-webkit-mask-image:linear-gradient(to left,transparent var(--content-animation-heading-mask-width),black calc(var(--content-animation-heading-mask-width) + 20%));mask-image:linear-gradient(to left,transparent var(--content-animation-heading-mask-width),black calc(var(--content-animation-heading-mask-width) + 20%))}.prop-value-api-supported .collection-list__slider .animation-content{--content-animation-mask-width:120%;-webkit-mask-image:linear-gradient(to left,transparent 120%,black 140%);mask-image:linear-gradient(to left,transparent 120%,black 140%);-webkit-mask-image:linear-gradient(to left,transparent var(--content-animation-mask-width),black calc(var(--content-animation-mask-width) + 20%));mask-image:linear-gradient(to left,transparent var(--content-animation-mask-width),black calc(var(--content-animation-mask-width) + 20%))}.collection-list__slider.became-visible .animation-heading{animation-name:contentHeadingAnimation;animation-duration:var(--animation-timing-800);animation-delay:0;animation-timing-function:var(--ease-out-quart);animation-fill-mode:forwards}.collection-list__slider.became-visible .animation-overline{animation-name:contentOverlineAnimation;animation-duration:var(--animation-timing-400);animation-delay:calc(0 + var(--animation-timing-75));animation-timing-function:var(--ease-out-quart);animation-fill-mode:forwards}.collection-list__slider.became-visible .animation-content{animation-name:contentContentAnimation;animation-duration:var(--animation-timing-900);animation-delay:calc(0 + var(--animation-timing-75));animation-timing-function:var(--ease-out-quart);animation-fill-mode:forwards}.collection-list__slider.became-visible .animation-slider{animation-name:contentSliderAnimation;animation-duration:var(--animation-timing-400);animation-timing-function:var(--ease-out-quart);animation-fill-mode:forwards}@media (min-width: 1024px){.collection-list__slider.became-visible .animation-slider:not(.animation-slider--small){animation-duration:var(--animation-timing-500)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-collection-list.css.map */
