.product-video-carousel{padding-top:2.4rem;padding-bottom:2.4rem}.product-video-carousel__heading{margin-bottom:1.6rem}.product-video-carousel__track{display:flex;gap:1.2rem;overflow-x:auto;padding:.2rem .2rem 1rem;scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.product-video-carousel__slide{flex:0 0 clamp(13.5rem,19vw,18rem);scroll-snap-align:start}.product-video-carousel__card{display:block;width:100%;padding:0;color:inherit;text-align:left;background:transparent;border:0;cursor:pointer}.product-video-carousel__image-wrap{position:relative;display:block;overflow:hidden;aspect-ratio:9 / 16;border-radius:.8rem;background:rgba(var(--color-foreground),.08)}.product-video-carousel__image,.product-video-carousel__placeholder{display:block;width:100%;height:100%;object-fit:cover}.product-video-carousel__placeholder{background:linear-gradient(135deg,rgba(var(--color-foreground),.12),rgba(var(--color-foreground),.03))}.product-video-carousel__play{position:absolute;top:.9rem;right:.9rem;display:grid;width:3.2rem;height:3.2rem;place-items:center;color:rgb(var(--color-background));background:rgba(var(--color-foreground),.78);border-radius:50%}.product-video-carousel__play svg{width:1.4rem;height:1.4rem;fill:currentColor}.product-video-carousel__title{display:none}.product-video-carousel__card:focus-visible .product-video-carousel__image-wrap,.product-video-carousel__card:hover .product-video-carousel__image-wrap{outline:.2rem solid rgba(var(--color-foreground),.55);outline-offset:.2rem}.product-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;width:100%;height:100%;background:#000000d1}.product-video-modal[open]{display:grid;place-items:center}.product-video-modal__dialog{position:relative;width:min(92vw,54rem);padding:3.2rem 1.2rem 1.2rem;background:#111;border-radius:1rem;box-shadow:0 1rem 4rem #00000059}.product-video-modal__player{overflow:hidden;aspect-ratio:9 / 16;max-height:82vh;background:#000;border-radius:.5rem}.product-video-modal__player iframe{display:block;width:100%;height:100%;border:0}.product-video-modal__close{position:absolute;top:.4rem;right:.6rem;z-index:1;width:3.2rem;height:3.2rem;padding:0;color:#fff;font-size:2.8rem;line-height:1;background:transparent;border:0;cursor:pointer}@media screen and (min-width:750px){.product-video-carousel{padding-top:3.6rem;padding-bottom:3.6rem}.product-video-modal__dialog{width:min(72vw,54rem)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/product-video-carousel.css.map */