.pc-custom-image-carousel{--pc-gap: .25rem;--pc-carousel-height: 92vw;contain:inline-size;display:block;width:100%;max-width:100%;min-width:0;padding-block:0 var(--pc-gap);background:var(--surface-bg, var(--color-background, #fff))}.pc-custom-image-carousel__viewport{width:100%;height:var(--pc-carousel-height);box-sizing:content-box;border-top:var(--pc-gap) solid transparent;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab}.pc-custom-image-carousel__viewport::-webkit-scrollbar{display:none}.pc-custom-image-carousel__viewport:focus-visible{outline:3px solid var(--brand-blue, #0019ff);outline-offset:-3px}.pc-custom-image-carousel__viewport.is-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}.pc-custom-image-carousel__track{display:flex;align-items:stretch;gap:var(--pc-gap);width:max-content;height:100%}.pc-custom-image-carousel__slide{--pc-image-ratio: var(--pc-mobile-ratio);flex:0 0 auto;width:calc(var(--pc-carousel-height) * var(--pc-image-ratio));height:100%}.pc-custom-image-carousel__media{width:100%;height:100%}.pc-custom-image-carousel__image{display:block;width:100%;height:100%;max-width:none;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.pc-custom-image-carousel__image--desktop{display:none}.pc-custom-image-carousel__autoplay{display:block;margin:.5rem auto;padding:.5rem .75rem;border:1px solid currentColor;border-radius:.25rem;background:#fff;color:#000;font:inherit;cursor:pointer}.pc-custom-image-carousel__empty{display:flex;align-items:center;justify-content:center;min-height:15.625rem;padding:2rem;background:#f5f5f5;text-align:center}.pc-custom-image-carousel__empty p{margin:0;font-size:1rem}@media screen and (min-width:30.0625rem){.pc-custom-image-carousel{--pc-carousel-height: 64vw}.pc-custom-image-carousel__slide{--pc-image-ratio: var(--pc-desktop-ratio)}.pc-custom-image-carousel__image--desktop{display:block}.pc-custom-image-carousel__image--mobile{display:none}}@media screen and (min-width:46.875rem){.pc-custom-image-carousel{--pc-carousel-height: clamp(15rem, 32vw, 30rem)}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/custom-image-carousel.css.map */