.video-carousel{padding-top:var(--padding-top, 36px);padding-bottom:var(--padding-bottom, 36px)}.video-carousel__inner{max-width:1400px;margin:0 auto;padding:0 16px}.video-carousel__title{text-align:center;margin:0 0 8px}.video-carousel__subtitle{text-align:center;margin:0 0 32px;opacity:.7;font-size:1rem}.video-carousel__wrap{position:relative;display:flex;align-items:center}.video-carousel__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;width:100%;-webkit-overflow-scrolling:touch}.video-carousel__viewport::-webkit-scrollbar{display:none}.video-carousel__track{display:flex;gap:16px;padding:4px}.video-carousel__slide{flex:0 0 calc((100% - 64px)/5);scroll-snap-align:start}.video-carousel__media{position:relative;width:100%;aspect-ratio:9 / 16;background:#0000000a;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.video-carousel__video,.video-carousel__embed iframe,.video-carousel__embed video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0;border-radius:16px}.video-carousel__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.3}.video-carousel__placeholder svg{width:60%;height:60%}.video-carousel__caption{margin:12px 4px 0;text-align:center;font-size:.875rem;opacity:.8}.video-carousel__arrow{flex:0 0 auto;width:48px;height:48px;margin:0 8px;border-radius:50%;border:none;background:#fffffff2;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #00000014;transition:background .2s ease,transform .2s ease,opacity .2s ease;z-index:2}.video-carousel__arrow:hover{background:#fff;transform:scale(1.05)}.video-carousel__arrow:disabled{opacity:.3;cursor:not-allowed;transform:none}.video-carousel__empty{text-align:center;opacity:.6;padding:48px 16px}@media(max-width:1199px){.video-carousel__slide{flex-basis:calc((100% - 48px)/4)}}@media(max-width:989px){.video-carousel__slide{flex-basis:calc((100% - 32px) / 3)}}@media(max-width:749px){.video-carousel__inner{padding:0 12px}.video-carousel__title{font-size:1.5rem}.video-carousel__subtitle{margin-bottom:20px}.video-carousel__track{gap:10px}.video-carousel__slide{flex-basis:calc((100% - 10px)/2)}.video-carousel__arrow{width:36px;height:36px;margin:0 4px}.video-carousel__caption{font-size:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */