.slide-rotator{--controls-bar: var(--space-40);--controls-height: var(--controls-bar);--controls-rim: var(--space-4);--controls-blur: calc(4 * var(--px));--controls-keep: var(--space-48);--controls-inset: var(--space-20);position:relative;display:block;contain:inline-size;isolation:isolate}@media screen and (min-width:600px){.slide-rotator{--controls-inset: var(--space-32)}}@media screen and (min-width:1280px){.slide-rotator{--controls-inset: var(--space-48)}}.slide-rotator__viewport{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.slide-rotator__viewport::-webkit-scrollbar{display:none}.slide-rotator__slide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.slide-rotator:not(:defined) .slide-rotator__controls{display:none}.slide-rotator__controls{display:flex;justify-content:center}.slide-rotator__bar{display:inline-flex;align-items:center;gap:var(--space-4);min-height:var(--controls-height);color:var(--controls-color, inherit)}.slide-rotator__controls--room{align-items:center;min-height:var(--controls-keep)}@media screen and (min-width:769px){.slide-rotator{--controls-keep: calc(56 * var(--px))}}.slide-rotator--overlaid{--controls-height: calc(var(--controls-bar) + 2 * var(--controls-rim))}.slide-rotator--overlaid .slide-rotator__controls{position:absolute;inset-inline:0;inset-block-end:var(--controls-inset);z-index:5;padding-inline:var(--gutter);pointer-events:none}.slide-rotator--overlaid .slide-rotator__bar{pointer-events:auto}.slide-rotator__bar--plate{padding:var(--controls-rim);border-radius:var(--radius);background:var(--controls-plate);-webkit-backdrop-filter:blur(var(--controls-blur));backdrop-filter:blur(var(--controls-blur))}.slide-rotator--sides{display:grid;grid-template-areas:"previous slides next";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:var(--space-12)}.slide-rotator--sides[data-autoplay]{grid-template-areas:"pause previous slides next";grid-template-columns:auto auto minmax(0,1fr) auto}.slide-rotator--sides :is(.slide-rotator__controls,.slide-rotator__bar){display:contents}.slide-rotator--sides .slide-rotator__viewport{grid-area:slides}.slide-rotator--sides .slide-rotator__pause{grid-area:pause}.slide-rotator--sides .slide-rotator__step[data-step="-1"]{grid-area:previous}.slide-rotator--sides .slide-rotator__step[data-step="1"]{grid-area:next}.hero.hero--clear-controls{--hero-room: var(--space-48);--controls-room: calc(2 * var(--space-48))}.hero--clear-controls:not(.hero--stack) .hero__content{padding-block-end:var(--controls-room)}@media screen and (min-width:600px){.hero--clear-controls.hero--stack .hero__content{padding-block-end:var(--controls-room)}}@media screen and (max-width:599px){.slide-rotator--stack .slide-rotator__controls{position:static;padding-block-start:var(--space-32)}.slide-rotator--stack .hero--clear-controls:not(.hero--stack) .hero__content{padding-block-end:var(--hero-room)}.slide-rotator--stack.page-inset>.slide-rotator__viewport{border-radius:0}.slide-rotator--stack.page-inset .hero__media{border-radius:var(--radius)}}.slide-rotator__timer{position:absolute;width:0;height:0;overflow:hidden}.slide-rotator[data-run=playing] .slide-rotator__timer{animation:slide-rotator-tick calc(var(--speed) * 1s) linear forwards}.slide-rotator[data-hold] .slide-rotator__timer{animation-play-state:paused}@keyframes slide-rotator-tick{0%{opacity:0}to{opacity:.01}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-slide-rotator.css.map */