x-carousel{display:block;position:relative;--per-view-lg: 4;--per-view: 1.35;--carousel-inset: var(--page-gutter)}@media(min-width:750px){x-carousel{--per-view: 2.4}}@media(min-width:990px){x-carousel{--per-view: var(--per-view-lg)}}.carousel__viewport{width:100%;max-width:var(--page-width);margin-inline:auto}.carousel__viewport--bleed{max-width:none;--carousel-inset: max( var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter)) )}.carousel__track{display:flex;gap:var(--grid-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-inline:var(--carousel-inset);scroll-padding-inline-start:var(--carousel-inset);scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-block:4px}.carousel__track::-webkit-scrollbar{display:none}html.reduce-motion .carousel__track{scroll-behavior:auto}.carousel__slide{flex:0 0 auto;scroll-snap-align:start;width:calc((min(100vw,var(--page-width)) - (var(--page-gutter) * 2) - (var(--grid-gap) * (var(--per-view) - 1))) / var(--per-view));min-width:200px}.carousel__slide>.card{height:100%}.carousel__controls{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-6)}.carousel__controls[hidden]{display:none}.carousel__progress{position:relative;flex:1 1 auto;height:2px;background-color:var(--color-border);overflow:hidden}.carousel__progress-bar{display:block;height:100%;width:var(--progress-width, 25%);background-color:var(--color-text);transform:translate(var(--progress-x, 0));transition:transform var(--duration-fast) var(--ease-out),width var(--duration-fast) var(--ease-out)}.carousel__buttons{display:flex;gap:var(--space-2);flex:0 0 auto}.carousel__button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-border);border-radius:var(--radius-button);color:var(--color-text);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.carousel__button:hover:not([disabled]){background-color:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.carousel__button[disabled]{opacity:.3;cursor:not-allowed}@media(max-width:749px){.carousel__controls{gap:var(--space-4)}.carousel__buttons{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-carousel.css.map */