.video-carousel{overflow:hidden}.video-carousel__header{margin-bottom:2.4rem}.video-carousel__heading{margin:0;text-align:center}.video-carousel__container{width:100%}.video-carousel__container--page{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}.video-carousel__container--full{max-width:none}.video-carousel__splide{margin:0 auto}.video-carousel__slide{position:relative;min-width:0}.video-carousel__media,.video-carousel__media-link{display:block;width:100%}.video-carousel__media-link{color:inherit;cursor:pointer;text-decoration:none}.video-carousel__media{position:relative;overflow:hidden;aspect-ratio:1 / 1;background:rgba(var(--color-foreground),.08)}.video-carousel__media--portrait{aspect-ratio:9 / 16}.video-carousel__media video,.video-carousel__placeholder{display:block;width:100%;height:100%;object-fit:cover}.video-carousel__mute{position:absolute;right:1.2rem;top:1.2rem;z-index:2;display:grid;place-items:center;width:3.6rem;height:3.6rem;padding:0;border:.1rem solid rgba(255,255,255,.8);border-radius:50%;background:#00000073;color:#fff;cursor:pointer}.video-carousel__sound-icon{width:1.8rem;height:1.8rem}.video-carousel__sound-icon--unmuted,.video-carousel__mute.is-unmuted .video-carousel__sound-icon--muted{display:none}.video-carousel__mute.is-unmuted .video-carousel__sound-icon--unmuted{display:block}.video-carousel__placeholder{fill:rgba(var(--color-foreground),.5)}.video-carousel__product-title{display:block;color:rgb(var(--color-foreground));text-decoration:none;font-size:calc(var(--font-body-scale) * 1.3rem);line-height:1.2;font-weight:400}.video-carousel__product-price{display:block;color:rgb(var(--color-foreground));text-decoration:none;font-size:calc(var(--font-body-scale) * 1.3rem);line-height:1;font-weight:600}.video-carousel__product-info{display:flex;align-items:center;gap:1rem;min-height:5.6rem;padding:1rem 0;color:rgb(var(--color-foreground));text-decoration:none}.video-carousel__product-info--overlay{position:absolute;right:1rem;bottom:1rem;left:1rem;z-index:1;min-height:0;padding:1rem;overflow:hidden;color:#fff;border-radius:.8rem;background:#fff3;-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem)}.video-carousel__product-image{flex:0 0 4.8rem;width:5.2rem;height:5.2rem;object-fit:cover;border-radius:.4rem}.video-carousel__product-copy{display:grid;gap:.5rem;min-width:0}.video-carousel__product-vendor{font-size:calc(var(--font-body-scale) * 1.3rem);line-height:1;font-weight:600}.video-carousel__product-info--overlay .video-carousel__product-title,.video-carousel__product-price,.video-carousel__product-info--overlay .video-carousel__product-vendor{color:inherit}.video-carousel__arrows .splide__arrow{width:3.6rem;height:3.6rem;opacity:1;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.video-carousel__arrows .splide__arrow:disabled{opacity:.35}.video-carousel__lightbox[hidden]{display:none}.video-carousel__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000f0}.video-carousel__lightbox-feed{width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.video-carousel__lightbox-feed::-webkit-scrollbar{display:none}.video-carousel__lightbox-slide{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always}.video-carousel__lightbox-slide video{display:block;width:min(100%,56rem);height:100%;object-fit:contain}.video-carousel__lightbox-close{position:absolute;top:20px;right:20px;z-index:3;display:grid;place-items:center;width:54px;height:54px;padding:0 0 8px;border:.1rem solid rgba(255,255,255,.7);border-radius:50%;background:#0006;color:#fff;font-size:2.4rem;line-height:1;cursor:pointer}.video-carousel__lightbox-mute{right:20px;bottom:9rem;top:auto}.video-carousel__lightbox-product{position:absolute;right:2rem;bottom:2rem;left:2rem;z-index:2;max-width:36rem;padding:1.2rem 1.6rem;color:#fff;background:#00000073;-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem);text-decoration:none}.video-carousel__lightbox-arrows{position:absolute;top:50%;right:20px;z-index:3;display:grid;gap:1rem;transform:translateY(-50%)}.video-carousel__lightbox-arrows button{display:grid;place-items:center;width:54px;height:54px;padding:0;border:.1rem solid rgba(255,255,255,.7);border-radius:50%;background:#0006;color:#fff;font-size:2rem;line-height:1;cursor:pointer}.video-carousel__container--overflow-mobile-visible .splide__track{overflow:visible}@media screen and (min-width:750px){.video-carousel__container--overflow-mobile-visible .splide__track{overflow:hidden}.video-carousel__container--tablet-page{max-width:var(--page-width);margin:0 auto;padding:0 50px}.video-carousel__container--tablet-full{max-width:none;padding:0}.video-carousel__media{aspect-ratio:1 / 1}.video-carousel__media--portrait{aspect-ratio:9 / 16}.video-carousel__container--overflow-tablet-visible .splide__track{overflow:visible}}@media screen and (min-width:990px){.video-carousel__container--overflow-mobile-visible .splide__track,.video-carousel__container--overflow-tablet-visible .splide__track{overflow:hidden}.video-carousel__container--desktop-page{max-width:var(--page-width);margin:0 auto;padding:0 50px}.video-carousel__container--desktop-full{max-width:none;padding:0}.video-carousel__lightbox{inset:50% 1.5rem auto auto;width:min(37.5rem,calc((100vh - 3rem) * 9 / 19.5),calc(100vw - 3rem));height:auto;min-height:0;aspect-ratio:9 / 16;max-height:calc(100vh - 3rem);border-radius:1.5rem;overflow:hidden;transform:translateY(-50%)}.video-carousel__lightbox-slide video{width:100%;max-width:none}.video-carousel__media{aspect-ratio:1 / 1}.video-carousel__media--portrait{aspect-ratio:9 / 16}.video-carousel__container--overflow-desktop-visible .splide__track{overflow:visible}}@media screen and (max-width:749px){.video-carousel-lightbox-open{overflow:hidden}.video-carousel__container--mobile-page{padding:0 1.5rem}.video-carousel__container--mobile-full{padding:0}.video-carousel__container--overflow-tablet-visible .splide__track,.video-carousel__container--overflow-desktop-visible .splide__track{overflow:hidden}.video-carousel__lightbox-arrows{right:1rem}.video-carousel__lightbox-arrows button{width:3.8rem;height:3.8rem}.video-carousel__lightbox-product{right:1rem;bottom:1rem;left:1rem}}@media screen and (min-width:750px)and (max-width:989px){.video-carousel-lightbox-open{overflow:hidden}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/video-carousel.css.map */