.video-banner{--padding-top: 48px;--padding-bottom: 48px;--padding-top-mobile: 32px;--padding-bottom-mobile: 32px;--video-radius: var(--border-radius-md, 1.6rem);--video-max-width: 96rem;padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}@media screen and (min-width:769px){.video-banner{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}}.video-banner--page .video-banner__inner{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-lg, 2.4rem);max-width:min(100%,var(--page-width-max, 1440px));margin-inline:auto}.video-banner__header .section-header{justify-content:center}.video-banner__header .section-header__text{width:100%}.video-banner__media-wrap{width:100%;max-width:var(--video-max-width);margin-inline:auto}.video-banner__media{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--video-radius);background:rgb(var(--color-surface-subtle, 234, 238, 242))}.video-banner__poster,.video-banner__media video,.video-banner__media iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0}.video-banner__media iframe{object-fit:unset}.video-banner__poster-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-surface-subtle, 180, 188, 196))}.video-banner__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.video-banner__play--inline{position:relative;inset:auto;width:auto;height:auto}.video-banner__play-icon{display:inline-flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;border-radius:var(--border-radius-full, 9999px);background:#fff;color:rgb(var(--color-heading, 19, 57, 85));box-shadow:0 4px 24px #0000001f;transition:transform .2s ease,box-shadow .2s ease}.video-banner__play-icon svg{width:2.4rem;height:2.4rem;margin-left:1rem}.video-banner__play:hover .video-banner__play-icon,.video-banner__play:focus-visible .video-banner__play-icon{transform:scale(1.05);box-shadow:0 6px 28px #00000029}.video-banner__play:focus-visible{outline:none}.video-banner__play:focus-visible .video-banner__play-icon{outline:2px solid rgb(var(--color-heading, var(--color-foreground)));outline-offset:3px}.video-banner__player{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;pointer-events:none}video-banner.is-playing .video-banner__player{opacity:1;pointer-events:auto;z-index:3}video-banner.is-playing .video-banner__play,video-banner.is-playing .video-banner__poster,video-banner.is-playing .video-banner__poster-placeholder,video-banner.is-playing .video-banner__overlay{opacity:0;pointer-events:none;visibility:hidden}.video-banner__caption{margin:0 auto;max-width:64rem;text-align:center;color:rgb(var(--color-text-muted, var(--color-text-secondary)))}.video-banner__caption p{margin:0}.video-banner--full{padding-top:0;padding-bottom:0}.video-banner__full{display:block;width:100%}.video-banner__media--full{aspect-ratio:16 / 9;min-height:32rem;border-radius:0;background:#818e99}.video-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg, 2.4rem);padding-block:var(--space-xl, 4rem);text-align:center;color:#fff;pointer-events:none}.video-banner__overlay .video-banner__play{pointer-events:auto}.video-banner__overlay-heading{margin:0;color:#fff;max-width:64rem}.video-banner__overlay-caption{margin:0;max-width:56rem;color:#fff}.video-banner__overlay-caption p{margin:0;color:inherit}@media screen and (min-width:769px){.video-banner__play-icon{width:8rem;height:8rem}.video-banner__play-icon svg{width:3.2rem;height:3.2rem}.video-banner__media--full{min-height:42rem}}
/*# sourceMappingURL=/cdn/shop/t/1277/assets/section-product-video-banner.css.map */