.image-carousel{position:relative;display:block;--image-carousel-mobile-visible: 1.5}.image-carousel [hidden]{display:none}.image-carousel__heading{margin:0 0 2rem}.image-carousel__viewport{position:relative}.image-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--image-carousel-mobile-visible) - 1) * var(--image-carousel-gap, 8px)) / var(--image-carousel-mobile-visible));gap:var(--image-carousel-gap, 8px);margin:0;padding:0 0 .4rem;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}.image-carousel__track::-webkit-scrollbar{display:none}.image-carousel__track:focus-visible{outline:.2rem solid #121212;outline-offset:-.4rem}.image-carousel__slide{position:relative;scroll-snap-align:start;min-width:0}.image-carousel__media{position:relative;width:100%;aspect-ratio:var(--image-carousel-ratio, 4 / 5);overflow:hidden;border-radius:var(--media-radius, 0);background-color:rgb(var(--color-background))}.image-carousel__image,.image-carousel__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.image-carousel__link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.image-carousel__link:focus-visible{outline:.2rem solid #121212;outline-offset:-.4rem}.image-carousel__arrow,.image-carousel__dot,.image-carousel__playback{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;border:0;-webkit-appearance:none;appearance:none;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.image-carousel__arrow{position:absolute;top:50%;z-index:1;width:4.6rem;height:4.6rem;border:1px solid rgba(18,18,18,.08);border-radius:50%;background:#fffffff0;color:#121212;box-shadow:0 .2rem 1rem #12121214;transform:translateY(-50%);transition:background-color .16s ease,opacity .16s ease}.image-carousel__arrow:hover{background:#fff}.image-carousel__arrow--previous{left:1.2rem}.image-carousel__arrow--next{right:1.2rem}.image-carousel__arrow .icon{display:block;width:1.2rem;height:.8rem}.image-carousel__arrow--previous .icon{transform:rotate(90deg)}.image-carousel__arrow--next .icon{transform:rotate(-90deg)}.image-carousel__arrow:disabled{opacity:.45;cursor:default}.image-carousel__controls{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:5.6rem;padding:.6rem 1.2rem;color:rgb(var(--color-secondary-button-text, 18, 18, 18))}.image-carousel__dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;min-width:0}.image-carousel__dot,.image-carousel__playback{width:4.4rem;min-height:4.4rem;background:transparent;color:inherit;border-radius:50%}.image-carousel__dot:before{content:"";width:.6rem;height:.6rem;border-radius:1rem;background:currentColor;opacity:.45;transition:width .16s ease,opacity .16s ease}.image-carousel__dot[aria-current=true]:before{width:1.8rem;opacity:1}.image-carousel__dot:hover:before{opacity:1}.image-carousel__playback [data-icon-play],.image-carousel__playback [data-icon-pause]{display:flex;align-items:center;justify-content:center}.image-carousel__playback .icon{display:block;width:1.1rem;height:1.4rem}.image-carousel__arrow:focus-visible,.image-carousel__dot:focus-visible,.image-carousel__playback:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}.image-carousel .image-carousel__arrow[hidden],.image-carousel .image-carousel__controls[hidden],.image-carousel .image-carousel__dot[hidden],.image-carousel .image-carousel__playback[hidden],.image-carousel .image-carousel__playback [hidden]{display:none}@media screen and (min-width:750px){.image-carousel__heading{margin:0 0 3rem}.image-carousel__track{grid-auto-columns:calc((100% - (var(--image-carousel-cols-desktop, 3) - 1) * var(--image-carousel-gap, 8px)) / var(--image-carousel-cols-desktop, 3))}.image-carousel__arrow--previous{left:2rem}.image-carousel__arrow--next{right:2rem}}@media(prefers-reduced-motion:reduce){.image-carousel__track{scroll-behavior:auto}.image-carousel__arrow,.image-carousel__dot:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-image-carousel-custom.css.map */