.macade-slider{display:block}.macade-slider__title{margin:0 0 2.4rem}.macade-slider__viewport{container-type:inline-size;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade, 0px),#000 calc(100% - var(--fade, 0px)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade, 0px),#000 calc(100% - var(--fade, 0px)),transparent 100%)}.macade-slider__track{--item-width: calc((100cqw - (var(--per-view) - 1) * var(--gap)) / var(--per-view));display:flex;width:max-content;margin:0;padding:0;list-style:none;will-change:transform}.macade-slider__item{flex:0 0 var(--item-width);width:var(--item-width);margin:0 var(--gap) 0 0;list-style:none}.macade-slider--fixed-height .macade-slider__item{flex:0 0 auto;width:auto}.macade-slider__link{display:block;color:inherit;text-decoration:none}a.macade-slider__link{cursor:pointer}.macade-slider__media{position:relative;overflow:hidden;aspect-ratio:var(--ratio)}.macade-slider__media--fixed{height:var(--image-height);width:calc(var(--image-height) * var(--ratio))}.macade-slider--fixed-height .macade-slider__heading{width:0;min-width:100%}.macade-slider__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:var(--image-opacity, 1);transition:transform .6s ease,opacity .3s ease}.macade-slider--hover-opacity a.macade-slider__link:hover .macade-slider__image{opacity:1}.macade-slider--hover-zoom a.macade-slider__link:hover .macade-slider__image{transform:scale(1.04)}a.macade-slider__link:hover .macade-slider__heading{text-decoration:underline;text-underline-offset:.3rem}a.macade-slider__link:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.macade-slider__heading{margin:1.2rem 0 0}.macade-slider__empty{text-align:center}.macade-slider--continuous .macade-slider__track{animation:macade-slider-marquee var(--duration) linear infinite}.macade-slider--pause-hover.macade-slider--continuous:hover .macade-slider__track,.macade-slider--pause-hover.macade-slider--continuous:focus-within .macade-slider__track{animation-play-state:paused}@keyframes macade-slider-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.macade-slider--continuous .macade-slider__track{animation:none}.macade-slider__viewport{overflow-x:auto}}
/*# sourceMappingURL=/cdn/shop/t/130/compiled_assets/styles.css.map?subset=AABA */
