.video-banner{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate}.video-banner__box{text-align:center}@media only screen and (max-width: 749px){.video-banner--content-align-mobile-right .video-banner__box{text-align:right}.video-banner--content-align-mobile-left .video-banner__box{text-align:left}}@media only screen and (min-width: 750px){.video-banner--content-align-right .video-banner__box{text-align:right}.video-banner--content-align-left .video-banner__box{text-align:left}.video-banner--content-align-left.video-banner--desktop-transparent .video-banner__box,.video-banner--content-align-right.video-banner--desktop-transparent .video-banner__box,.video-banner--medium.video-banner--desktop-transparent .video-banner__box{max-width:68rem}}@media screen and (max-width: 749px){.video-banner--small.video-banner--mobile-bottom:not(.video-banner--adapt) .video-banner__media,.video-banner--small.video-banner--stacked:not(.video-banner--mobile-bottom):not(.video-banner--adapt)>.video-banner__media{height:28rem}.video-banner--medium.video-banner--mobile-bottom:not(.video-banner--adapt) .video-banner__media,.video-banner--medium.video-banner--stacked:not(.video-banner--mobile-bottom):not(.video-banner--adapt)>.video-banner__media{height:34rem}.video-banner--large.video-banner--mobile-bottom:not(.video-banner--adapt) .video-banner__media,.video-banner--large.video-banner--stacked:not(.video-banner--mobile-bottom):not(.video-banner--adapt)>.video-banner__media{height:39rem}.video-banner--small:not(.video-banner--mobile-bottom):not(.video-banner--adapt) .video-banner__content{min-height:28rem}.video-banner--medium:not(.video-banner--mobile-bottom):not(.video-banner--adapt) .video-banner__content{min-height:34rem}.video-banner--large:not(.video-banner--mobile-bottom):not(.video-banner--adapt) .video-banner__content{min-height:39rem}}@media screen and (min-width: 750px){.video-banner{flex-direction:row}.video-banner--small:not(.video-banner--adapt){min-height:42rem}.video-banner--medium:not(.video-banner--adapt){min-height:56rem}.video-banner--large:not(.video-banner--adapt){min-height:72rem}.video-banner__content.video-banner__content--top-left{align-items:flex-start;justify-content:flex-start}.video-banner__content.video-banner__content--top-center{align-items:flex-start;justify-content:center}.video-banner__content.video-banner__content--top-right{align-items:flex-start;justify-content:flex-end}.video-banner__content.video-banner__content--middle-left{align-items:center;justify-content:flex-start}.video-banner__content.video-banner__content--middle-center{align-items:center;justify-content:center}.video-banner__content.video-banner__content--middle-right{align-items:center;justify-content:flex-end}.video-banner__content.video-banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.video-banner__content.video-banner__content--bottom-center{align-items:flex-end;justify-content:center}.video-banner__content.video-banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width: 749px){.video-banner{flex-direction:row;flex-wrap:wrap}}.video-banner__media{background-color:rgba(var(--color-foreground),.1);height:100%;width:100%}.video-banner__media video,.video-banner__media svg,.video-banner__media img{display:block;width:100vw;max-width:100%;height:100%}.video-banner-ratio video,.video-banner-ratio svg,.video-banner-ratio img{--flip: 0;aspect-ratio:calc((1 - var(--flip)) * var(--w) + var(--flip) * var(--h)) / calc((1 - var(--flip)) * var(--h) + var(--flip) * var(--w))}.video-banner-cover video,.video-banner-cover svg,.video-banner-cover img{object-fit:cover}@media screen and (min-width: 750px){.video-banner-ratio--initial video,.video-banner-ratio--initial svg,.video-banner-ratio--initial img{aspect-ratio:initial}.video-banner-ratio--16\/9{--w: 16;--h: 9}.video-banner-ratio--4\/3{--w: 4;--h: 3}.video-banner-ratio--3\/2{--w: 3;--h: 2}}@media screen and (max-width: 749px){.video-banner-ratio--mobile--vertical video,.video-banner-ratio--mobile--vertical svg,.video-banner-ratio--mobile--vertical img{--flip: 1}.video-banner-ratio--mobile--initial video,.video-banner-ratio--mobile--initial svg,.video-banner-ratio--mobile--initial img{aspect-ratio:initial}.video-banner-ratio--mobile--16\/9{--w: 16;--h: 9}.video-banner-ratio--mobile--4\/3{--w: 4;--h: 3}.video-banner-ratio--mobile--1\/1{--w: 1;--h: 1}}@media screen and (max-width: 749px){.video-banner--mobile-bottom .video-banner__media{position:relative}.video-banner--stacked.video-banner--adapt .video-banner__content{height:auto}.video-banner:not(.video-banner--mobile-bottom):not(.email-signup-banner) .video-banner__box{background:transparent}.video-banner:not(.video-banner--mobile-bottom) .video-banner__box{border:none;border-radius:0;box-shadow:none}.video-banner:not(.video-banner--mobile-bottom) .button--secondary{--alpha-button-background: 0}.video-banner:before{display:none!important}}.video-banner__content{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem}@media screen and (min-width: 750px){.video-banner__content{padding:5rem}.video-banner__content--top-left{align-items:flex-start;justify-content:flex-start}.video-banner__content--top-center{align-items:flex-start;justify-content:center}.video-banner__content--top-right{align-items:flex-start;justify-content:flex-end}.video-banner__content--middle-left{align-items:center;justify-content:flex-start}.video-banner__content--middle-center{align-items:center;justify-content:center}.video-banner__content--middle-right{align-items:center;justify-content:flex-end}.video-banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.video-banner__content--bottom-center{align-items:flex-end;justify-content:center}.video-banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width: 749px){.video-banner--mobile-bottom .video-banner__content{order:2}.video-banner:not(.video-banner--mobile-bottom) .field__input,.video-banner--mobile-bottom .video-banner__box.color-scheme-1{background:transparent}}.video-banner__box{padding:4rem 1.5rem;position:relative;height:fit-content;align-items:center;text-align:center;width:100%;word-wrap:break-word;z-index:1}.video-banner--mobile-bottom .video-banner__box{padding:4rem 3.5rem}@media screen and (min-width: 750px){.video-banner__box{padding:4rem 3.5rem}.video-banner--desktop-transparent .video-banner__box{padding:4rem 0;background:transparent;max-width:89rem;border:none;border-radius:0;box-shadow:none}.video-banner--desktop-transparent .button--secondary{--alpha-button-background: 0}.video-banner--desktop-transparent .content-container:after{display:none}}@media screen and (max-width: 749px){.video-banner--mobile-bottom:after,.video-banner--mobile-bottom .video-banner__media:after{display:none}}.video-banner:after,.video-banner__media:after{content:"";position:absolute;top:0;background:#000;opacity:0;z-index:1;width:100%;height:100%}.video-banner__box>*+.video-banner__text{margin-top:1.5rem}@media screen and (min-width: 750px){.video-banner__box>*+.video-banner__text{margin-top:2rem}}.video-banner__box>*+*{margin-top:1rem}.video-banner__box>*:first-child{margin-top:0}@media screen and (min-width: 750px){.video-banner__box{width:auto;max-width:71rem;min-width:45rem}}@media screen and (min-width: 1400px){.video-banner__box{max-width:90rem}}.video-banner__heading{margin-bottom:0}.video-banner__box .video-banner__heading+*{margin-top:1rem}.video-banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem;word-break:break-word}.video-banner__buttons .button--secondary{--alpha-button-background: 0}@media screen and (max-width: 749px){.video-banner--content-align-mobile-right .video-banner__buttons--multiple{justify-content:flex-end}.video-banner--content-align-mobile-center .video-banner__buttons--multiple>*{flex-grow:1;min-width:22rem}}@media screen and (min-width: 750px){.video-banner--content-align-center .video-banner__buttons--multiple>*{flex-grow:1;min-width:22rem}.video-banner--content-align-right .video-banner__buttons--multiple{justify-content:flex-end}}.video-banner__box>*+.video-banner__buttons{margin-top:2rem}@media screen and (max-width: 749px){.video-banner:not(.slideshow) .rte a,.video-banner:not(.slideshow) .inline-richtext a:hover,.video-banner:not(.slideshow) .rte a:hover{color:currentColor}}@media screen and (min-width: 750px){.video-banner--desktop-transparent .rte a,.video-banner--desktop-transparent .inline-richtext a:hover,.video-banner--desktop-transparent .rte a:hover{color:currentColor}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/video-banner-section.css.map */