.video-banner{display:flex;position:relative;flex-direction:column}.video-banner-section{display:flex;align-items:center;width:100%}.video-banner-section__media{padding-bottom:62%}.video-banner__box{text-align:center;margin:50px}.video-banner__mobile .video-banner__box{margin:0}.video-banner-section:after{width:calc(100% - 32px);left:1.6rem;right:1.6rem}@media screen and (min-width: 750px){.video-banner-section:after{width:100%;left:0;right:0}.video-banner{flex-direction:row}.video-banner--small:not(.banner--adapt){min-height:42rem}.video-banner--medium:not(.banner--adapt){min-height:56rem}.video-banner--large:not(.banner--adapt){min-height:72rem}.video-banner__content--middle-center{align-items:center;justify-content:center}}@media screen and (max-width: 749px){.video-banner:not(.video-banner--stacked){flex-direction:row;flex-wrap:wrap}.video-banner--stacked{height:auto}.video-banner--stacked .banner__media{flex-direction:column}.banner--mobile-stack .video-banner__content{display:none}}.iframe-wrapper{position:absolute;top:0;left:1.6rem;right:1.6rem;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.iframe-wrapper iframe{width:auto;aspect-ratio:16 / 9;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iframe-wrapper iframe .video-banner--large{height:96%}.video-banner__content{padding:0;display:flex;position:relative;width:100%;height:100%;align-items:center;justify-content:center;z-index:2}.video-banner__box{position:relative;height:fit-content;align-items:center;text-align:center;width:fit-content;word-wrap:break-word;z-index:1}@media screen and (min-width: 750px){.video-banner__box{padding:4rem 3.5rem}}@media screen and (min-width: 750px){.banner--desktop-transparent .video-banner__box{background:transparent;--color-foreground: 255, 255, 255;--color-button: 255, 255, 255;--color-button-text: 0, 0, 0;max-width:89rem;border:none;border-radius:0;box-shadow:none}.banner--desktop-transparent .button--secondary{--color-button: 255, 255, 255;--color-button-text: 255, 255, 255;--alpha-button-background: 0}.banner--desktop-transparent .content-container:after{display:none}}.video-banner__box>*+.video-banner__text{margin-top:1.5rem}@media screen and (min-width: 750px){.video-banner__box>*+.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}.video-banner__mobile{display:none}}@media screen and (min-width: 1400px){.video-banner__box{max-width:90rem}}.video-banner__heading{margin-bottom:0}.video-banner__box .banner__heading+*{margin-top:1rem}.video-banner__buttons{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:50rem;word-break:break-word}.video-banner-align-mobile-right .video-banner__buttons .button,.video-banner-align-desktop-right .video-banner__buttons .button{justify-content:flex-end}.video-banner-align-mobile-right .video-banner__buttons .button-arrow-icon,.video-banner-align-desktop-right .video-banner__buttons .button-arrow-icon{left:auto;right:0}.video-banner-align-mobile-left .video-banner__buttons .button,.video-banner-align-desktop-left .video-banner__buttons .button,.video-banner-align-mobile-center .video-banner__buttons .button,.video-banner-align-desktop-center .video-banner__buttons .button{justify-content:flex-start}.video-banner-align-mobile-center .banner__content-mobile--top-center .video-banner__buttons .banner__buttons-inner,.video-banner-align-mobile-center .banner__content-mobile--middle-center .video-banner__buttons .banner__buttons-inner,.video-banner-align-mobile-center .banner__content-mobile--bottom-center .video-banner__buttons .banner__buttons-inner{align-items:center}@media screen and (min-width: 750px){.video-banner--content-align-center .video-banner__buttons--multiple>*{flex-grow:1}.video-banner--content-align-right .video-banner__buttons--multiple{justify-content:flex-end}}.video-banner__box>*+.video-banner__buttons{margin-top:2rem}.video-banner__mobile .video-banner__box{width:100%}@media only screen and (max-width: 749px){.video-banner-align-mobile-right .video-banner__box{text-align:right}.video-banner-align-mobile-left .video-banner__box{text-align:left}.banner__content-mobile--top-left{align-items:flex-start;justify-content:flex-start}.banner__content-mobile--top-center{align-items:flex-start;justify-content:center}.banner__content-mobile--top-right{align-items:flex-start;justify-content:flex-end}.banner__content-mobile--middle-left{align-items:center;justify-content:flex-start}.banner__content-mobile--middle-center{align-items:center;justify-content:center}.banner__content-mobile--middle-right{align-items:center;justify-content:flex-end}.banner__content-mobile--bottom-left{align-items:flex-end;justify-content:flex-start}.banner__content-mobile--bottom-center{align-items:flex-end;justify-content:center}.banner__content-mobile--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (min-width: 750px){.video-banner-align-right .video-banner__box{text-align:right}.video-banner-align-left .video-banner__box{text-align:left}.banner__content--top-left{align-items:flex-start;justify-content:flex-start}.banner__content--top-center{align-items:flex-start;justify-content:center}.banner__content--top-right{align-items:flex-start;justify-content:flex-end}.banner__content--middle-left{align-items:center;justify-content:flex-start}.banner__content--middle-center{align-items:center;justify-content:center}.banner__content--middle-right{align-items:center;justify-content:flex-end}.banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.banner__content--bottom-center{align-items:flex-end;justify-content:center}.banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}.video-banner-section{aspect-ratio:16/9;overflow:hidden;height:fit-content}.iframe-wrapper{left:0;right:0;aspect-ratio:16 / 9;height:auto}.iframe-wrapper iframe{width:100%;height:auto}}@media screen and (max-width: 1200px){.video-banner.page-width{padding:0}}@media screen and (min-width: 1500px){.page-width .video-banner__content{height:100%}}
/*# sourceMappingURL=/cdn/shop/t/164/assets/section-video-banner.css.map */
