.video-banner{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate;overflow:hidden}.video-banner__media{height:100%;position:absolute;left:0;top:0;width:100%;overflow:hidden}.video-banner__media video{width:100%;height:100%;object-fit:cover;object-position:center}.video-banner:after{content:"";position:absolute;top:0;left:0;background:#000;opacity:0;z-index:1;width:100%;height:100%;pointer-events:none}@media screen and (max-width: 749px){.video-banner--small:not(.video-banner--adapt){min-height:28rem}.video-banner--medium:not(.video-banner--adapt){min-height:34rem}.video-banner--large:not(.video-banner--adapt){min-height:39rem}.video-banner--fullscreen{min-height:100vh;min-height:100dvh}}@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--fullscreen{min-height:100vh;min-height:100dvh}}.video-banner__content{padding:0;display:flex;position:relative;width:100%;align-items:center;justify-content:center;z-index:2}@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}}.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}@media screen and (min-width: 750px){.video-banner__box{padding:4rem 3.5rem;width:auto;max-width:71rem;min-width:45rem}.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}}@media screen and (min-width: 1400px){.video-banner__box{max-width:90rem}}.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{max-width:68rem}}.video-banner__heading{margin-bottom:0}.video-banner__box .video-banner__heading+*{margin-top:1rem}.video-banner__box>*+*{margin-top:1rem}.video-banner__box>*:first-child{margin-top:0}.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__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem;word-break:break-word}.video-banner__box>*+.video-banner__buttons{margin-top:2rem}@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}}@media screen and (max-width: 749px){.video-banner__box{background-color:#e4e2d6!important;color:#000!important}.video-banner__box .button--secondary{border-color:#000!important;color:#000!important;background-color:transparent!important}.video-banner__box .button--secondary:hover{background-color:#000!important;color:#e4e2d6!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-video-banner.css.map */