.image-card-carousel{--image-cards-width: min(var(--content-width), 82rem);--image-cards-gutter: calc((100% - var(--image-cards-width)) / 2);min-width:0;background:var(--image-cards-background, transparent);color:var(--color-ink)}.image-card-carousel__header,.image-card-carousel__footer{width:var(--image-cards-width);margin-inline:auto}.image-card-carousel__header{margin-bottom:var(--section-header-gap)}.image-card-carousel__scroller{container-type:inline-size;display:block;min-width:0}.image-card-carousel__viewport{overflow-x:auto;padding-inline:var(--image-cards-gutter);padding-block:4px;scroll-padding-inline:var(--image-cards-gutter);scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}[data-scroll-ready] .image-card-carousel__viewport{scrollbar-width:none}[data-scroll-ready] .image-card-carousel__viewport::-webkit-scrollbar{display:none}.image-card-carousel__track{--image-cards-track-gap: var(--image-cards-gap, 48px);display:flex;align-items:flex-start;gap:var(--image-cards-track-gap)}.image-card-carousel__card{position:relative;flex:0 0 var(--image-card-width, 30%);min-width:0;scroll-snap-align:start;overflow-wrap:anywhere}.image-card-carousel__track:after{flex:0 0 calc((100cqw - 100%)/2);height:1px;margin-inline-start:calc(-1 * var(--image-cards-track-gap));content:""}.image-card-carousel__media{--image-card-position: var(--image-card-position-desktop, center);position:relative;overflow:hidden;margin:0;border-radius:var(--image-cards-radius, 20px);aspect-ratio:var(--image-card-ratio, 1);background:var(--color-card-media)}.image-card-carousel__media :is(picture,img,svg){display:block;width:100%;height:100%}.image-card-carousel__image{object-fit:cover;object-position:var(--image-card-position, center);transition:transform var(--motion-standard) var(--motion-ease)}.image-card-carousel .image-card-carousel__badge{position:absolute;z-index:1;inset-block-start:16px;inset-inline-start:16px;max-width:calc(100% - 32px)}.image-card-carousel__title{margin:20px 0 0;text-wrap:pretty}.image-card-carousel__link{display:block;color:inherit;text-decoration:none}.image-card-carousel__body{margin-top:12px;color:var(--color-muted)}.image-card-carousel__body>:first-child{margin-top:0}.image-card-carousel__body>:last-child{margin-bottom:0}.image-card-carousel__footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding-bottom:4px}.image-card-carousel__progress{overflow:hidden;width:min(25%,224px);height:2px;background:color-mix(in srgb,var(--color-ink) 15%,transparent)}.image-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}.image-card-carousel__arrows{display:flex;gap:12px}.image-card-carousel__empty{margin-inline:var(--page-margin)}.image-card-carousel__scroller[data-dragging] .image-card-carousel__viewport{scroll-snap-type:none;user-select:none;-webkit-user-select:none}@media(hover:hover)and (pointer:fine){[data-scroll-ready] .image-card-carousel__media{cursor:grab}.image-card-carousel__scroller[data-dragging],.image-card-carousel__scroller[data-dragging] *{cursor:grabbing}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.image-card-carousel__card:has(a):hover .image-card-carousel__image{transform:scale(1.03)}}@media(max-width:989px){.image-card-carousel__track{--image-cards-track-gap: min(var(--image-cards-gap, 48px), 24px)}}@media(max-width:749px){.image-card-carousel__track{--image-cards-track-gap: var(--image-cards-gap-mobile, 12px)}.image-card-carousel__card{flex-basis:var(--image-card-width-mobile, 82%)}.image-card-carousel__media{--image-card-position: var(--image-card-position-mobile, center);aspect-ratio:var(--image-card-ratio-mobile, 1)}.image-card-carousel__title{margin-top:16px}.image-card-carousel .image-card-carousel__badge{inset-block-start:12px;inset-inline-start:12px;max-width:calc(100% - 24px)}.image-card-carousel__footer{display:none}}.image-card-carousel:dir(rtl) .image-card-carousel__progress:before{transform-origin:right}.image-card-carousel:dir(rtl) .horizontal-scroll-control--previous svg{transform:none}.image-card-carousel:dir(rtl) .horizontal-scroll-control--next svg{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.image-card-carousel__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-image-card-carousel.css.map */