.section-video-banner .video-banner__wrapper{--section-max-width: 120rem;--section-padding-inline: 0;container-type:inline-size}.section-video-banner .video-banner__wrapper--contained{max-width:calc(var(--section-max-width) + var(--section-padding-inline) * 2);margin-inline:auto;padding-inline:var(--section-padding-inline)}.section-video-banner .video-banner{--section-media-ratio: 1800 / 960;--section-toggle-size: 5.6rem;--section-toggle-offset: 1.6rem;--section-bar-padding-block: 2.8rem;--section-bar-padding-inline: 2rem;--section-bar-gap: 1.6rem;--section-heading-size: 2.4rem;--section-button-size: 1.4rem;display:flex;flex-direction:column;width:100%}.section-video-banner .video-banner__media{position:relative;display:block;width:100%;aspect-ratio:var(--section-media-ratio);overflow:hidden;container-type:size;background-color:#00000014}.section-video-banner .video-banner__poster,.section-video-banner .video-banner__video,.section-video-banner .video-banner__video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0}.section-video-banner .video-banner__video{opacity:0;pointer-events:none;transition:opacity .3s ease}.section-video-banner .video-banner.is-video-visible .video-banner__video{opacity:1}.section-video-banner .video-banner.is-video-visible .video-banner__poster{visibility:hidden}.section-video-banner .video-banner__video--youtube{--section-yt-height: max(100cqh, 100cqw * 9 / 16);inset:auto;top:50%;left:50%;width:max(100cqw,100cqh * 16 / 9);height:calc(var(--section-yt-height) * 3);transform:translate(-50%,-50%)}.section-video-banner .video-banner__video--youtube iframe{pointer-events:none}.section-video-banner .video-banner__toggle{position:absolute;z-index:2;top:var(--section-toggle-offset);right:var(--section-toggle-offset);display:flex;align-items:center;justify-content:center;width:var(--section-toggle-size);height:var(--section-toggle-size);padding:0;border:0;border-radius:50%;background-color:var(--section-play-bg);color:var(--section-play-color);cursor:pointer;box-shadow:0 .4rem 1.6rem #0000001f;transition:transform .2s ease}.section-video-banner .video-banner__toggle:hover{transform:scale(1.05)}.section-video-banner .video-banner__toggle:focus-visible{outline:.2rem solid var(--section-play-bg);outline-offset:.4rem;box-shadow:0 0 0 .6rem #00000080}.section-video-banner .video-banner__toggle-icon{display:flex;width:42%;height:42%}.section-video-banner .video-banner__toggle-icon svg{width:100%;height:100%}.section-video-banner .video-banner__toggle-icon--play{transform:translate(6%)}.section-video-banner .video-banner__toggle-icon--pause,.section-video-banner .video-banner.is-playing .video-banner__toggle-icon--play{display:none}.section-video-banner .video-banner.is-playing .video-banner__toggle-icon--pause{display:flex}.section-video-banner .video-banner__bar{background-color:var(--section-bar-bg);padding:var(--section-bar-padding-block) var(--section-bar-padding-inline)}.section-video-banner .video-banner__bar-inner{display:flex;flex-direction:column;align-items:center;gap:var(--section-bar-gap);width:100%}.section-video-banner .video-banner__heading{margin:0;font-family:Ghost,sans-serif;font-weight:800;font-style:normal;font-size:var(--section-heading-size);line-height:1.2;letter-spacing:.03em;color:var(--section-heading-color);text-align:center}.section-video-banner .video-banner__button{align-self:center;flex-shrink:0;min-width:auto;min-height:auto;padding:1.2em 2.4em;border-radius:10rem;font-size:var(--section-button-size);font-weight:700;line-height:1}.section-video-banner .video-banner__button:focus-visible{outline:.2rem solid var(--section-heading-color);outline-offset:.3rem}@media(min-width:750px){.section-video-banner .video-banner__wrapper{--section-padding-inline: 5rem}.section-video-banner .video-banner{--section-toggle-size: 8rem;--section-toggle-offset: 3.2rem;--section-bar-padding-block: 4rem;--section-bar-padding-inline: 4.8rem;--section-heading-size: clamp(3.2rem, 4.2cqi, 4.4rem);--section-button-size: 1.6rem}.section-video-banner .video-banner__bar-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:3.2rem}.section-video-banner .video-banner__heading{text-align:left}}@media(min-width:990px){.section-video-banner .video-banner{--section-toggle-size: clamp(8rem, 7.3cqi, 14rem);--section-toggle-offset: clamp(3.2rem, 4.8cqi, 9.2rem);--section-bar-padding-block: clamp(4rem, 3.2cqi, 6.15rem);--section-bar-padding-inline: clamp(4.8rem, 6.9cqi, 13.2rem);--section-heading-size: clamp(4rem, 3.65cqi, 7rem);--section-button-size: clamp(1.6rem, 1.2cqi, 2.3rem)}.section-video-banner .video-banner__bar-inner{padding-right:clamp(0rem,2.3cqi,4.5rem)}}@media(prefers-reduced-motion:reduce){.section-video-banner .video-banner__video,.section-video-banner .video-banner__toggle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-video-banner.css.map */