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