.video-carousel{display:block;padding:120px 0;text-align:center}.video-carousel__heading{color:var(--color-navy);text-align:center;font-size:var(--font-size-7xl);font-weight:800;line-height:1.3;letter-spacing:-.44px;text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:var(--color-yellow);text-decoration-thickness:4px;text-underline-offset:2.92px;text-underline-position:from-font;margin:0 0 24px}.video-carousel__intro{display:flex;justify-content:center}.video-carousel__subtitle{color:var(--color-navy);text-align:center;font-size:var(--font-size-2xl);font-weight:500;line-height:1.6;margin:0 0 48px}.video-carousel__fade{display:none;position:absolute;top:0;bottom:0;width:400px;pointer-events:none;z-index:3}.video-carousel__fade--left{left:0}.video-carousel__fade--right{right:0}.video-carousel__track{gap:48px;padding:60px 0 120px}.video-carousel__lead{width:calc(50cqw - (min((100cqw - 24px) / 1.5,272px)/2) - 48px)}.video-carousel__slide{display:flex;justify-content:center;align-items:center;width:min((100cqw - 24px) / 1.5,272px);max-height:483px;aspect-ratio:272/483;transition:transform .3s ease,box-shadow .3s ease}.video-carousel__slide[data-active]{transform:scale(1.2);z-index:2;border-radius:24px;box-shadow:0 4px 16px color-mix(in srgb,#000 25%,transparent)}.video-carousel__video{width:100%;height:100%;object-fit:cover;border:3px solid var(--color-navy);border-radius:24px;overflow:hidden}.video-carousel__play-icon{position:absolute;pointer-events:none;padding:11px;display:flex;width:60px;height:60px;justify-content:center;align-items:center;border-radius:1000px;background:color-mix(in srgb,#fff 40%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-carousel__slide[data-playing] .video-carousel__play-icon{display:none}.video-carousel__navigation{position:relative;padding-bottom:20px;gap:50px;justify-content:center;display:flex}.video-carousel--home .video-carousel__heading{text-decoration-line:none;font-weight:700;margin:0 0 16px}.video-carousel--home .video-carousel__subtitle{max-width:572px}@media screen and (min-width:750px){.video-carousel__fade{display:block}.video-carousel__navigation{position:absolute;justify-content:space-between;top:50%;width:100%;padding-bottom:15px}}@media screen and (max-width:989px){.video-carousel__heading{font-size:var(--font-size-5xl);line-height:1.3;text-decoration-thickness:4.04px;text-underline-offset:2.48px}.video-carousel__subtitle{font-size:var(--font-size-lg);max-width:96%;margin:auto;line-height:1.6}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/video-carousel.css.map */