.video-carousel.page-width{padding:36px 1.5rem 48px}@media screen and (min-width:750px){.video-carousel.page-width{padding:36px 5rem 48px}}.video-carousel__header{text-align:center;margin-bottom:28px}.video-carousel__title{margin-bottom:calc(var(--cs-fluid-spacing) * 2.5);font-size:calc(var(--cs-fs-900) * 2);font-weight:600}@media(max-width:992px){.video-carousel__title{margin-bottom:calc(var(--cs-fluid-spacing) * 1.25)!important;font-size:calc(var(--cs-fs-900) * 1.25)!important}}.video-carousel__description{max-width:680px;margin:0 auto;color:rgba(var(--color-foreground),.65)}.video-carousel .embla{position:relative}.video-carousel .embla__viewport{overflow:hidden}.video-carousel .embla__container{display:flex;gap:14px}.video-carousel .embla__slide{flex:0 0 calc((100% - 42px)/4);min-width:0}.video-carousel__slide-inner{position:relative}.video-carousel__video-wrapper{display:block;width:100%;position:relative;border-radius:10px;overflow:hidden;aspect-ratio:9 / 16;background:#111}.video-carousel__video-wrapper--placeholder{cursor:default}.video-carousel__play-trigger{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;cursor:pointer;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;background:transparent;-webkit-appearance:none;appearance:none}.video-carousel__player-slot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:#000}.video-carousel__player-slot[hidden]{display:none!important}.video-carousel__video,.video-carousel__iframe{width:100%;height:100%;object-fit:cover;display:block}.video-carousel__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.video-carousel__poster--blank{display:flex;align-items:center;justify-content:center;background:#1a1a1a}.video-carousel__poster--blank .placeholder-svg{width:50%;opacity:.25}.video-carousel__play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;z-index:2;pointer-events:none}.video-carousel__play-btn svg{width:56px;height:56px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.4));transition:transform .25s ease}.video-carousel__play-trigger:hover .video-carousel__play-btn svg{transform:scale(1.1)}.video-carousel__slide-text{padding:10px 2px 0}.video-carousel__slide-title{margin:0 0 2px;font-size:.95rem}.video-carousel__slide-caption{margin:0;color:rgba(var(--color-foreground),.55);font-size:.82rem}.video-carousel .embla__prev,.video-carousel .embla__next{width:40px;height:40px;border-radius:4px;border:1px solid rgba(var(--color-foreground),.15);background:rgba(var(--color-background),1);color:rgba(var(--color-foreground),.8);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,color .2s,opacity .2s;padding:0;flex-shrink:0}.video-carousel .embla__prev:hover,.video-carousel .embla__next:hover{border-color:rgba(var(--color-foreground),.5);color:rgba(var(--color-foreground),1)}.video-carousel .embla__prev.disabled,.video-carousel .embla__next.disabled{opacity:.3;cursor:default;pointer-events:none}.video-carousel .embla__prev svg,.video-carousel .embla__next svg{width:20px;height:20px}.video-carousel embla-prev,.video-carousel embla-next{display:flex;align-items:center;flex-shrink:0}.video-carousel__controls-wrapper{display:flex;align-items:center;gap:10px}.video-carousel__controls-wrapper embla-viewport{flex:1;min-width:0}.video-carousel .embla__dots{display:flex;justify-content:center;gap:6px;margin-top:20px;padding:0}.video-carousel .embla__dot{width:28px;height:4px;border-radius:2px;border:none;padding:0;cursor:pointer;background:rgba(var(--color-foreground),.15);transition:background .25s,width .25s}.video-carousel .embla__dot.active{background:rgba(var(--color-foreground),.8);width:36px}@media(max-width:578px){.video-carousel embla-prev,.video-carousel embla-next{display:none}}@media(max-width:749px){.video-carousel .embla__slide{flex:0 0 42vw}.video-carousel .embla__container{gap:8px}.video-carousel .embla__prev,.video-carousel .embla__next{width:34px;height:34px}.video-carousel__play-btn svg{width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/video-carousel.css.map */