flow-composable-slider{position:relative;display:block;width:100%;min-width:0}.flow-composable-slider__track{display:flex;gap:var(--slider-gap-desktop);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.flow-composable-slider__track::-webkit-scrollbar{display:none}.flow-composable-slide{flex:0 0 var(--slider-width-desktop);min-width:0;padding:var(--slide-padding-desktop);border-radius:var(--slide-radius-desktop);background:var(--slide-background);scroll-snap-align:start}flow-composable-slider[data-center=true] .flow-composable-slider__track{padding-inline:calc((100% - var(--slider-width-desktop)) / 2)}flow-composable-slider[data-center=true] .flow-composable-slide{scroll-snap-align:center;flex-basis:100%;transform:scale(var(--slider-inactive-scale, 1));transform-origin:center;transition:transform .35s ease}flow-composable-slider[data-center=true] .flow-composable-slide.is-active{transform:none}@media(prefers-reduced-motion:reduce){flow-composable-slider[data-center=true] .flow-composable-slide{transition:none}}.flow-composable-slider__autoplay{display:flex;justify-content:center;margin-top:8px}.flow-composable-slider__autoplay button{padding:6px 12px;border:1px solid currentColor;color:inherit;background:transparent;cursor:pointer;font:inherit}@media(max-width:749px){.flow-composable-slider__track{gap:var(--slider-gap-mobile)}.flow-composable-slide{flex-basis:var(--slider-width-mobile);padding:var(--slide-padding-mobile);border-radius:var(--slide-radius-mobile)}flow-composable-slider[data-center=true] .flow-composable-slider__track{padding-inline:calc((100% - var(--slider-width-mobile)) / 2)}}flow-marquee{display:block;min-width:0;width:100%;padding-block:var(--marquee-padding-desktop);color:var(--marquee-color);background:var(--marquee-background)}.flow-marquee__viewport{overflow:hidden}.flow-marquee__track{display:flex;width:max-content;min-width:100%}.flow-marquee__items{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;min-width:var(--marquee-width,100%);gap:var(--marquee-gap-desktop);padding-inline-end:var(--marquee-gap-desktop)}.flow-marquee__items>*{flex-shrink:0}flow-marquee[data-ready=true] .flow-marquee__track{animation:flow-marquee var(--marquee-duration) linear infinite var(--marquee-direction)}flow-marquee:is(:hover,:focus-within,[data-paused=true]) .flow-marquee__track{animation-play-state:paused}flow-marquee{position:relative}.flow-marquee__pause{display:grid;width:var(--marquee-pause-size-desktop);height:var(--marquee-pause-size-desktop);margin:8px 0 0;padding:0;place-items:center;border:var(--marquee-pause-border-width) solid var(--marquee-pause-border);border-radius:var(--marquee-pause-radius-desktop);color:var(--marquee-pause-icon);background:var(--marquee-pause-background);cursor:pointer}.flow-marquee__pause:focus-visible{outline:2px solid currentColor;outline-offset:2px}.flow-marquee__pause-icon{width:50%;height:50%}.flow-marquee__pause[aria-pressed=false] .flow-marquee__pause-icon--play,.flow-marquee__pause[aria-pressed=true] .flow-marquee__pause-icon--pause{display:none}.flow-marquee__pause--d-below_left{margin-inline:12px auto}.flow-marquee__pause--d-below_center{margin-inline:auto}.flow-marquee__pause--d-below_right{margin-inline:auto 12px}.flow-marquee__pause:is(.flow-marquee__pause--d-overlay_left,.flow-marquee__pause--d-overlay_right){position:absolute;top:50%;margin:0;transform:translateY(-50%)}.flow-marquee__pause--d-overlay_left{left:8px}.flow-marquee__pause--d-overlay_right{right:8px}@media(max-width:749px){.flow-marquee__pause{position:static;width:var(--marquee-pause-size-mobile);height:var(--marquee-pause-size-mobile);margin:8px 0 0;border-radius:var(--marquee-pause-radius-mobile);transform:none}.flow-marquee__pause--m-below_left{margin-inline:12px auto}.flow-marquee__pause--m-below_center{margin-inline:auto}.flow-marquee__pause--m-below_right{margin-inline:auto 12px}.flow-marquee__pause:is(.flow-marquee__pause--m-overlay_left,.flow-marquee__pause--m-overlay_right){position:absolute;top:50%;margin:0;transform:translateY(-50%)}.flow-marquee__pause--m-overlay_left{left:6px;right:auto}.flow-marquee__pause--m-overlay_right{right:6px;left:auto}}@keyframes flow-marquee{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){flow-marquee[data-ready=true] .flow-marquee__track{animation:none}.flow-marquee__items[inert]{display:none}.flow-marquee__viewport{overflow-x:auto}}@media(max-width:749px){flow-marquee{padding-block:var(--marquee-padding-mobile)}.flow-marquee__items{gap:var(--marquee-gap-mobile);padding-inline-end:var(--marquee-gap-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/flow-composable-slider.css.map */