.video-carousel{display:flex;flex-direction:column}.video-carousel--full-width{padding-left:0!important;padding-right:0!important;max-width:none}.video-carousel__heading{margin:0 0 .5rem;text-align:center;letter-spacing:.05em;text-transform:uppercase}.video-carousel__subheading{margin:0 0 2rem;text-align:center;font-size:1rem;opacity:.8}.video-carousel__wrapper{position:relative}.video-carousel__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:4px}.video-carousel__track::-webkit-scrollbar{display:none}.video-carousel__slide{flex:0 0 auto;width:clamp(220px,24vw,300px);aspect-ratio:9 / 16;scroll-snap-align:start;position:relative;border-radius:6px;overflow:hidden;background:#121212;isolation:isolate}.video-carousel__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.video-carousel__media video,.video-carousel__media img,.video-carousel__media iframe{width:100%;height:100%;object-fit:cover;display:block}.video-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 50%,#0000008c);pointer-events:none;z-index:2}.video-carousel__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:20px;text-align:center;color:#fff;pointer-events:none}.video-carousel__title{margin:0;font-size:16px;line-height:1.3;color:#fff;font-weight:500;text-shadow:0 1px 6px rgba(0,0,0,.45)}.video-carousel__stars{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:3px}.video-carousel__stars svg{width:16px;height:16px}.video-carousel__btn{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:100px;border:0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 10px #00000026;transition:transform .2s ease,background .2s ease;-webkit-appearance:none;appearance:none}.video-carousel__btn:hover{background:#f4f4f4;transform:translateY(-50%) scale(1.05)}.video-carousel__btn--prev{left:16px}.video-carousel__btn--next{right:16px}@media(max-width:749px){.video-carousel__slide{width:70vw}.video-carousel__btn{width:36px;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-video-carousel.css.map */