.card-carousel{--card-carousel-width: min(var(--content-width), 82rem);--card-carousel-gutter: calc((100% - var(--card-carousel-width)) / 2);--card-carousel-gap: var(--card-carousel-gap-desktop, 12px);--card-carousel-columns: var(--card-carousel-columns-desktop, 5);display:block;min-width:0;background:var(--card-carousel-background, transparent);color:var(--color-ink)}.card-carousel__header,.card-carousel__footer,.card-carousel__panel-heading,.card-carousel__empty{width:var(--card-carousel-width);margin-inline:auto}.card-carousel__header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:var(--section-header-gap)}.card-carousel__heading{min-width:0}.card-carousel__tabs{display:flex;flex-shrink:0;max-width:60%;gap:8px;overflow-x:auto;padding:4px;margin:-4px;overscroll-behavior-inline:contain;scrollbar-width:none}.card-carousel__tabs::-webkit-scrollbar{display:none}.card-carousel__tab{display:inline-flex;flex:none;min-height:44px;align-items:center;justify-content:center;padding:8px 16px;border:0;border-radius:var(--style-border-radius-pill);background:transparent;color:var(--color-ink);white-space:nowrap;transition:background-color var(--motion-fast) var(--motion-ease)}.card-carousel__tab[data-active]{background:color-mix(in srgb,var(--color-accent) 24%,var(--color-surface))}.card-carousel__panel+.card-carousel__panel{margin-top:32px}.card-carousel__panel-heading{margin-bottom:24px}.card-carousel[data-tabs-ready] .card-carousel__panel{margin-top:0}.card-carousel[data-tabs-ready] .card-carousel__panel-heading{display:none}.card-carousel:not(:has(.card-carousel__heading)) .card-carousel__header:has([hidden]){display:none}.card-carousel__scroller{container-type:inline-size;display:block;min-width:0}.card-carousel__viewport{overflow-x:auto;padding:4px var(--card-carousel-gutter);scroll-padding-inline:var(--card-carousel-gutter);scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}[data-scroll-ready] .card-carousel__viewport{scrollbar-width:none}[data-scroll-ready] .card-carousel__viewport::-webkit-scrollbar{display:none}.card-carousel__track{display:flex;align-items:flex-start;gap:var(--card-carousel-gap)}.card-carousel__item{flex:0 0 calc((100% - (var(--card-carousel-columns) - 1) * var(--card-carousel-gap)) / var(--card-carousel-columns));min-width:0;scroll-snap-align:start;overflow-wrap:anywhere}.card-carousel__track:after{flex:0 0 calc((100cqw - 100%)/2);height:1px;margin-inline-start:calc(-1 * var(--card-carousel-gap));content:""}.card-carousel__footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding-bottom:4px}.card-carousel__progress{overflow:hidden;width:min(25%,224px);height:2px;background:color-mix(in srgb,var(--color-ink) 15%,transparent)}.card-carousel__progress:before{display:block;width:100%;height:100%;background:var(--color-ink);content:"";transform:scaleX(var(--horizontal-scroll-progress, 0));transform-origin:left}.card-carousel__arrows{display:flex;gap:12px}.card-carousel__empty{color:var(--color-muted)}.card-carousel__collection-link{display:block;color:inherit;text-decoration:none}.card-carousel__media{position:relative;overflow:hidden;aspect-ratio:var(--card-carousel-ratio, 1);border-radius:var(--style-border-radius-media);background:var(--color-card-media)}.card-carousel__media :is(picture,img,svg){display:block;width:100%;height:100%}.card-carousel__image{object-fit:cover;object-position:var(--card-carousel-image-position, center);transition:transform var(--motion-standard) var(--motion-ease)}.card-carousel__caption{margin-top:16px}.card-carousel__title{min-width:0}.card-carousel__scroller[data-dragging] .card-carousel__viewport{scroll-snap-type:none;user-select:none;-webkit-user-select:none}.card-carousel:dir(rtl) .card-carousel__progress:before{transform-origin:right}.card-carousel:dir(rtl) .horizontal-scroll-control--previous svg{transform:none}.card-carousel:dir(rtl) .horizontal-scroll-control--next svg{transform:rotate(180deg)}@media(min-width:750px)and (max-width:989px){.card-carousel{--card-carousel-columns: 3.3}}@media(max-width:749px){.card-carousel{--card-carousel-columns: var(--card-carousel-columns-mobile, 2.2);--card-carousel-gap: var(--card-carousel-gap-mobile, 12px)}.card-carousel__header{flex-direction:column;align-items:flex-start;gap:16px}.card-carousel__tabs{max-width:calc(100% + 8px)}.card-carousel__media{aspect-ratio:var(--card-carousel-ratio-mobile, var(--card-carousel-ratio, 1))}.card-carousel__image{object-position:var(--card-carousel-image-position-mobile, var(--card-carousel-image-position, center))}.card-carousel__footer{display:none}.card-carousel__caption{margin-top:12px}}@media(hover:hover)and (pointer:fine){.card-carousel__tab:hover{background:color-mix(in srgb,var(--color-accent) 16%,var(--color-surface))}.card-carousel__tab[data-active]:hover{background:color-mix(in srgb,var(--color-accent) 24%,var(--color-surface))}.card-carousel [data-scroll-ready] [data-horizontal-scroll-drag]{cursor:grab}.card-carousel__scroller[data-dragging],.card-carousel__scroller[data-dragging] *{cursor:grabbing}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.card-carousel__collection-link:hover .card-carousel__image{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.card-carousel__image,.card-carousel__tab{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-card-carousel.css.map */