.video-banner{position:relative;width:100%}.video-banner__container{position:relative;width:100%;min-height:var(--video-banner-min-height-desktop, 100vh);overflow:hidden}.video-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(var(--color-foreground),.06)}.video-banner__media--autoplay .video-banner__video-source{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-banner__media--autoplay .video-banner__video-source--mobile{display:none}@media screen and (max-width:749px){.video-banner--has-mobile-video .video-banner__media--autoplay .video-banner__video-source--desktop{display:none}.video-banner--has-mobile-video .video-banner__media--autoplay .video-banner__video-source--mobile{display:block}}.video-banner__media--autoplay .video-banner__video,.video-banner__media--poster .video-banner__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}@media screen and (min-width:750px){.video-banner--natural-height-d .video-banner__container{min-height:0}.video-banner--natural-height-d .video-banner__media--autoplay,.video-banner--natural-height-d .video-banner__media--autoplay .video-banner__video-source{position:relative;height:auto}.video-banner--natural-height-d .video-banner__media--autoplay .video-banner__video{position:relative;inset:auto;height:auto;object-fit:contain}}@media screen and (max-width:749px){.video-banner--natural-height-m .video-banner__container{min-height:0}.video-banner--natural-height-m .video-banner__media--autoplay,.video-banner--natural-height-m .video-banner__media--autoplay .video-banner__video-source{position:relative;height:auto}.video-banner--natural-height-m .video-banner__media--autoplay .video-banner__video{position:relative;inset:auto;height:auto;object-fit:contain}}.video-banner__media--link{display:block;cursor:pointer;color:inherit;text-decoration:none}.video-banner__media--poster{cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat}.video-banner__play{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:width .25s ease,height .25s ease;z-index:10;border:0;box-shadow:0 1px 3px #00000040;pointer-events:auto}.video-banner__play:hover{width:70px;height:70px}.video-banner__play-icon{display:block;width:28px;height:28px}.video-banner__play-icon svg{width:100%;height:100%;color:#141414}.video-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,rgba(0,0,0,.25) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.2) 100%);pointer-events:none;z-index:1;flex-direction:column;gap:16px}.video-banner__media--poster .video-banner__overlay{pointer-events:none}.video-banner__play-wrap{position:relative;min-height:72px;display:inline-flex;align-items:center}.video-banner__content{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.video-banner__richtext{color:#fff;font-size:56px;line-height:1.1;text-transform:uppercase;margin:0;font-weight:200}.video-banner__richtext p{margin:0 0 .25em}.video-banner__richtext p:last-child{margin-bottom:0}.video-banner__placeholder{position:relative;min-height:var(--video-banner-min-height-desktop, 100vh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:rgba(var(--color-foreground),.06)}.video-banner__placeholder-svg{width:120px;height:auto;opacity:.4}.video-banner__placeholder-text{margin:0;font-size:1.4rem;color:rgba(var(--color-foreground),.6);text-align:center;padding:0 1.5rem}.video-banner__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .28s ease-out,visibility .28s ease-out}.video-banner__modal.video-banner__modal--open{opacity:1;visibility:visible}.video-banner__modal[hidden]{display:none}.video-banner__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e0;cursor:pointer;opacity:0;transition:opacity .25s ease-out}.video-banner__modal.video-banner__modal--open .video-banner__modal-backdrop{opacity:1}.video-banner__modal-inner{position:relative;width:100%;max-width:960px;max-height:90vh;z-index:1;opacity:0;transform:scale(.97);transition:opacity .3s ease-out .04s,transform .3s cubic-bezier(.25,.46,.45,.94) .04s}.video-banner__modal.video-banner__modal--open .video-banner__modal-inner{opacity:1;transform:scale(1)}.video-banner__modal-close{position:absolute;top:-44px;right:0;width:40px;height:40px;border:none;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.video-banner__modal-close:hover{background:#ffffff26}.video-banner__modal-close svg{width:24px;height:24px}.video-banner__modal-video-wrap{position:relative;width:100%;border-radius:8px;overflow:hidden;background:#000;aspect-ratio:16 / 9}.video-banner__modal-video{width:100%;height:100%;display:block;object-fit:contain}.video-banner--has-mobile-video .video-banner__modal-source--mobile{display:none}@media screen and (max-width:749px){.video-banner--has-mobile-video .video-banner__modal-source--desktop.video-banner__modal-video-wrap{display:none}.video-banner--has-mobile-video .video-banner__modal-source--mobile{display:block}}@media screen and (max-width:749px){.video-banner__container,.video-banner__placeholder{min-height:var(--video-banner-min-height-mobile, 70vh)}.video-banner__play{width:56px;height:56px}.video-banner__play-icon{width:22px;height:22px;margin-left:3px}.video-banner__modal{padding:1rem}.video-banner__modal-close{top:-40px;right:0;width:36px;height:36px}.video-banner__richtext{font-size:36px}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-video-banner.css.map */