: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%;}cross-sells{display:block}.cross-sells-inner .animation-overline{transform:translateY(10px);opacity:0}.cross-sells-inner .animation-heading,.cross-sells-inner .animation-content{transform:translateY(20px);opacity:0}.cross-sells-inner .animation-slider{transform:translate(35px);opacity:0}@media (min-width: 1024px){.cross-sells-inner .animation-slider:not(.animation-slider--small){transform:translate(50px)}}.prop-value-api-supported .cross-sells-inner .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 .cross-sells-inner .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%))}.cross-sells-inner.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}.cross-sells-inner.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}.cross-sells-inner.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}.cross-sells-inner.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){.cross-sells-inner.became-visible .animation-slider:not(.animation-slider--small){animation-duration:var(--animation-timing-500)}}.cross-sells__header{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-200)}.cross-sells__nav_items{display:flex;gap:var(--spacing-75)}@media (max-width: 1023.9px){.cross-sells__nav_items{display:none}}.cross-sells__nav_items .scroll-slider-nav-button-wrapper .scroll-slider-nav-button{padding:0}.cross-sells--layout-list .cross-sells-item{margin:var(--spacing-250) 0}.cross-sells--layout-list .cross-sells-item:last-child{margin-bottom:0}.cross-sells-item.has-error .cross-sells-item__error-display{display:block}.cross-sells-item .product-item-minimal{height:100%}.cross-sells-item .product-item-minimal__content-secondary{display:flex;flex-direction:column;align-items:flex-end}@media (max-width: 719.9px){.cross-sells-item__add-button.btn.btn--size-small{padding:var(--button-padding-x-small)}}.cross-sells-item__error-display{display:none;margin-bottom:var(--spacing-150)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-cross-sells.css.map */
