.carousel-row{--view: var(--track-view, var(--cols));--overflow: min(max(var(--count, 999) - var(--view), 0), 1);--carousel-gap-x: var(--grid-column-gap);--carousel-gap-y: var(--tier-row-gap, var(--grid-row-gap));--bar-size: calc(14 * var(--px));--bar-rest: calc(2 * var(--px));--bar-inset: calc(2 * var(--px));--strip: var(--space-40);--strip-now: calc(var(--overflow) * var(--strip));--strip-pad: max(var(--strip-now) - var(--bar-size), 0px);--strip-total: min(var(--strip-now), calc(var(--strip-pad) + var(--bar-room, var(--bar-size))));position:relative;display:flow-root}.carousel-row__track{display:grid;grid-auto-flow:column;grid-auto-columns:var( --item-size, calc((100% - (var(--view) - 1) * var(--carousel-gap-x) - var(--peek, 0) * var(--carousel-gap-x)) / var(--view)) );gap:var(--carousel-gap-y) var(--carousel-gap-x);--track-reach: var(--ring-reach);margin:calc(var(--ring-reach) * -1) calc(var(--track-reach) * -1) calc(max(var(--ring-reach) - var(--strip-pad),0px)*-1);padding:var(--ring-reach) var(--track-reach) max(var(--strip-pad),var(--ring-reach));scroll-padding-inline:var(--track-reach);list-style:none;position:relative;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth}@supports selector(::-webkit-scrollbar){.carousel-row__track::-webkit-scrollbar{height:var(--bar-size)}.carousel-row__track::-webkit-scrollbar-track,.carousel-row__track::-webkit-scrollbar-thumb{border:solid transparent;border-width:calc((var(--bar-size) - var(--bar-rest)) / 2) calc(var(--track-reach) + var(--bar-inset));border-radius:calc(min(var(--radius),var(--bar-rest) / 2) + var(--track-reach) + var(--bar-inset)) / calc(min(var(--radius),var(--bar-rest) / 2) + (var(--bar-size) - var(--bar-rest)) / 2);background-clip:padding-box}.carousel-row__track::-webkit-scrollbar-track{background-color:rgba(var(--color-foreground),var(--alpha-30))}.carousel-row__track::-webkit-scrollbar-thumb{background-color:rgb(var(--color-foreground))}}@supports not selector(::-webkit-scrollbar){.carousel-row__track{scrollbar-width:thin;scrollbar-color:rgb(var(--color-foreground)) rgba(var(--color-foreground),var(--alpha-30))}}.carousel-row__item{min-width:0;scroll-snap-align:start}.carousel-row[data-fits] .carousel-row__track{overflow:visible}@media(min-width:1024px){.carousel-row{--strip: calc(56 * var(--px))}}@media screen and (max-width:768px){:where(.carousel-row--bleed:not(.carousel-row--grid)){--peek: var(--overflow)}:where(.carousel-row--bleed:not(.carousel-row--grid)) .carousel-row__track{--track-reach: var(--gutter)}}.carousel-row--grid{--strip-now: 0px}.carousel-row--grid .carousel-row__track{grid-auto-flow:row;grid-template-columns:repeat(var(--view),minmax(0,1fr));overflow:visible;margin:0;padding:0}@media screen and (min-width:600px){.carousel-row--phones{--strip-now: 0px}.carousel-row--phones .carousel-row__track{grid-auto-flow:row;grid-template-columns:repeat(var(--view),minmax(0,1fr));overflow:visible;margin:0;padding:0}}@media screen and (min-width:769px){.carousel-row--small{--strip-now: 0px}.carousel-row--small .carousel-row__track{grid-auto-flow:row;grid-template-columns:repeat(var(--view),minmax(0,1fr));overflow:visible;margin:0;padding:0}}.carousel-row--sized .carousel-row__track{display:flex}.carousel-row--sized .carousel-row__item{flex:none;max-width:100%}.carousel-row--sized .carousel-row__item:first-child{margin-inline-start:var(--sized-lead, 0)}.carousel-row--sized .carousel-row__item:last-child{margin-inline-end:var(--sized-trail, 0)}.carousel-row--sized.carousel-row--grid .carousel-row__track{--sized-lead: 0;--sized-trail: 0;display:grid}.carousel-row--sized.carousel-row--grid .carousel-row__item{justify-self:center}@media screen and (min-width:600px){.carousel-row--sized:is(.carousel-row--phones,.carousel-row--grid) .carousel-row__track{--sized-lead: 0;--sized-trail: 0;display:flex;flex-wrap:wrap;justify-content:var(--sized-align, start)}.carousel-row--sized:is(.carousel-row--phones,.carousel-row--grid) .carousel-row__item{justify-self:auto}}.carousel-row__arrow{position:absolute;z-index:2;display:none;translate:0 -50%}:where(.carousel-row:not(.carousel-row--ends)) .carousel-row__arrow{inset-inline-end:max(calc(var(--ib-box) / -2),calc(var(--space-12) - var(--gutter)))}:where(.carousel-row:not(.carousel-row--ends)) .carousel-row__arrow--next{top:calc(50% - var(--strip-total) / 2 - (var(--ib-box) + var(--space-12)) / 2)}:where(.carousel-row:not(.carousel-row--ends)) .carousel-row__arrow--previous{top:calc(50% - var(--strip-total) / 2 + (var(--ib-box) + var(--space-12)) / 2)}@media screen and (min-width:1280px){:where(.carousel-row:not(.carousel-row--ends)) .carousel-row__arrow{inset-inline-end:max(calc(var(--ib-box) * -1 - var(--space-16)),calc(var(--space-8) - var(--gutter)))}}.carousel-row--ends{--ends-gap: var(--space-8)}@media screen and (min-width:769px){.carousel-row--ends{--ends-gap: calc(10 * var(--px))}}.carousel-row--ends .carousel-row__track{gap:var(--ends-gap)}.carousel-row--ends .carousel-row__arrow{top:var(--arrows-top, 50%)}.carousel-row--ends .carousel-row__arrow--previous{inset-inline-start:var(--space-4)}.carousel-row--ends .carousel-row__arrow--next{inset-inline-end:var(--space-4)}.carousel-row--ends[data-overflow] .carousel-row__arrow{display:inline-grid}.carousel-row--ends .carousel-row__arrow:disabled{--dim: 0}.carousel-row--picture,.carousel-row__counter{--picture-inset: var(--space-16)}@media screen and (min-width:1024px){.carousel-row--picture,.carousel-row__counter{--picture-inset: var(--space-24)}}.carousel-row--picture .carousel-row__arrow{top:50%}.carousel-row--picture .carousel-row__arrow--previous{inset-inline-start:var(--picture-inset)}.carousel-row--picture .carousel-row__arrow--next{inset-inline-end:var(--picture-inset)}.carousel-row--picture[data-overflow] .carousel-row__arrow{display:inline-grid}.carousel-row--heading{--heading-row: var(--space-48)}.carousel-row--heading.carousel-row--headed{--heading-row: calc(var(--space-40) + var(--space-12))}.carousel-row--heading:not(.carousel-row--headed)[data-overflow]{margin-block-start:var(--heading-row)}.carousel-row--heading .carousel-row__arrow{top:calc(var(--heading-row) * -1);translate:none}.carousel-row--heading .carousel-row__arrow--previous{inset-inline:auto calc(var(--ib-box) + var(--space-4))}.carousel-row--heading .carousel-row__arrow--next{inset-inline:auto 0}.carousel-row__counter{position:absolute;z-index:2;inset-block-end:var(--picture-inset);inset-inline-end:var(--picture-inset)}.carousel-row:not([data-overflow]) .carousel-row__counter{display:none}.carousel-row--free .carousel-row__track{scroll-snap-type:none}.carousel-row--bare{--strip-now: 0px}.carousel-row--bare .carousel-row__track{scrollbar-width:none}.carousel-row--bare .carousel-row__track::-webkit-scrollbar{display:none}.carousel-row--lead{column-gap:var(--carousel-gap-x)}.carousel-row__lead{min-width:0;margin-block-end:var(--carousel-gap-y)}@media screen and (min-width:769px){.carousel-row--lead{--track-view: calc(var(--cols) - 1);display:grid;grid-template-columns:calc((100% - (var(--cols) - 1) * var(--carousel-gap-x)) / var(--cols)) minmax(0,1fr)}.carousel-row__lead{margin-block-end:0}.carousel-row__lead:not(.carousel-row__lead--tall){align-self:start}:is(.carousel-row--phones,.carousel-row--grid)>.carousel-row__lead:not(.carousel-row__lead--tall){position:sticky;inset-block-start:calc(var(--sticky-offset, 0px) + var(--carousel-gap-y))}.carousel-row>.carousel-row__lead--tall{margin-block-end:var(--strip-total)}}@media screen and (min-width:769px){.carousel-row[data-overflow]:not(.carousel-row--hover-arrows) .carousel-row__arrow{display:inline-grid}}@media screen and (min-width:769px)and (hover:hover){.carousel-row--hover-arrows[data-overflow] .carousel-row__arrow{display:inline-grid}.carousel-row--hover-arrows .carousel-row__arrow{--hover-show-rest: 0}}@media(prefers-reduced-motion:reduce){.carousel-row__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-carousel-row.css.map */