@import"../scss/helpers/mixins";.video-banner{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate}.video-banner__link{position:absolute;width:100%;height:100%;top:0;left:0;z-index:3;cursor:pointer}.video-banner__bg{display:flex;flex-direction:row;position:absolute;width:100%;height:100%}.video-banner__media{flex:0 0 50%;position:relative}.video-banner__media img{object-fit:cover}.video-banner__video-wrapper{flex:1 1 auto;position:relative}.video-banner__video-wrapper .video-banner__video,.video-banner__video-wrapper .video-banner__video-preview{width:100%;height:100%;object-fit:cover;display:block}.video-banner__video-wrapper .video-banner__video-preview{position:absolute;z-index:2}.video-banner__video-wrapper .video-banner__video,.video-banner__video-wrapper.is-loading .video-banner__video{display:none}.video-banner__video-wrapper.is-loading .video-banner__video-preview{display:block}.video-banner__video-wrapper:not(.is-loading) .video-banner__video-preview{display:none}.video-banner__video-wrapper:not(.is-loading) .video-banner__video{display:block}@media screen and (max-width:767px){.video-banner--content-align-mobile-right .video-banner__box{align-items:flex-end;text-align:right}.video-banner--content-align-mobile-left .video-banner__box{align-items:flex-start;text-align:left}}@media screen and (min-width:768px){.video-banner--content-align-right .video-banner__box{align-items:flex-end;text-align:right}.video-banner--content-align-left .video-banner__box{align-items:flex-start;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}}.video-banner__media.animate--zoom-in{clip-path:inset(0px)}.video-banner__media.animate--zoom-in>img:not(.zoom):not(.deferred-media__poster-button),.video-banner__media.animate--zoom-in>svg:not(.zoom):not(.deferred-media__poster-button){position:fixed;height:100vh}@media screen and (max-width:767px){.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:34rem}.video-banner--medium:not(.video-banner--mobile-bottom):not(.video-banner--adapt) .video-banner__content{min-height:46rem}.video-banner--large:not(.video-banner--mobile-bottom):not(.video-banner--adapt) .video-banner__content{min-height:55rem}}@media screen and (min-width:768px){.video-banner{flex-direction:row}.video-banner--small:not(.video-banner--adapt){min-height:42rem}.video-banner--medium:not(.video-banner--adapt){min-height:50rem}.video-banner--large:not(.video-banner--adapt){min-height:57.5rem}}@media screen and (max-width:767px){.video-banner:not(.video-banner--stacked){flex-direction:row}}.video-banner__media{height:100%;position:absolute;left:0;top:0;width:100%}.video-banner__media-half{width:50%}.video-banner__media-half+.video-banner__media-half{right:0;left:auto}.video-banner__media-half.animate--fixed:first-child>img,.video-banner__media-half.animate--zoom-in:first-child>img{width:50%}.video-banner__media-half.animate--fixed:nth-child(2)>img,.video-banner__media-half.animate--zoom-in:nth-child(2)>img{left:50%;width:50%}@media screen and (max-width:767px){.video-banner--stacked .animate--fixed:first-child>img,.video-banner--stacked .animate--zoom-in:first-child>img{width:100%}.video-banner--stacked .video-banner__media-half.animate--fixed:nth-child(2)>img,.video-banner--stacked .video-banner__media-half.animate--zoom-in:nth-child(2)>img{left:0;width:100%}.video-banner--stacked .video-banner__media-half{width:100%}.video-banner--stacked .video-banner__media-half+.video-banner__media-half{order:1}}@media screen and (min-width:768px){.video-banner__media{height:100%}}.video-banner--adapt,.video-banner--adapt_image.video-banner--mobile-bottom .video-banner__media:not(.placeholder){height:auto}@media screen and (max-width:767px){.video-banner--mobile-bottom .video-banner__media,.video-banner--stacked:not(.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--stacked:not(.video-banner--mobile-bottom):not(.video-banner--adapt) .video-banner__content{position:absolute;height:auto}.video-banner--stacked.video-banner--adapt:not(.video-banner--mobile-bottom) .video-banner__content{max-height:100%;overflow:hidden;position:absolute}.video-banner--stacked:not(.video-banner--adapt) .video-banner__media{position:relative}.video-banner--stacked .video-banner__media-image-half{width:100%}}.video-banner__content{padding:0;display:flex;position:relative;width:100%;align-items:center;justify-content:center;z-index:2;margin:0 auto}.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:767px){.video-banner__content--top-left--mobile{align-items:flex-start;justify-content:flex-start}.video-banner__content--top-center--mobile{align-items:flex-start;justify-content:center}.video-banner__content--top-right--mobile{align-items:flex-start;justify-content:flex-end}.video-banner__content--middle-left--mobile{align-items:center;justify-content:flex-start}.video-banner__content--middle-center--mobile{align-items:center;justify-content:center}.video-banner__content--middle-right--mobile{align-items:center;justify-content:flex-end}.video-banner__content--bottom-left--mobile{align-items:flex-end;justify-content:flex-start}.video-banner__content--bottom-center--mobile{align-items:flex-end;justify-content:center}.video-banner__content--bottom-right--mobile{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width:767px){.video-banner--mobile-bottom:not(.video-banner--stacked) .video-banner__content{order:2}.video-banner:not(.video-banner--mobile-bottom) .field__input,.video-banner--mobile-bottom:not(.video-banner--stacked) .video-banner__box.color-scheme-1{background:transparent}}.video-banner__box{position:relative;height:fit-content;align-items:center;width:100%;word-wrap:break-word;z-index:4;padding:24px;max-width:var(--width-desktop);display:flex;flex-direction:column;gap:24px;text-align:center;color:var(--color)}@media screen and (max-width:1200px){.video-banner__box{gap:16px;padding:18px}}@media screen and (max-width:767px){.video-banner__box{max-width:var(--width-mobile)}}.video-banner__box .video-banner__heading,.video-banner__box .button{color:var(--color)}.video-banner__box .button:after{background-color:var(--color)}@media screen and (min-width:768px){.video-banner--desktop-transparent .video-banner__box{background:transparent;max-width:89rem;border:none;border-radius:0;box-shadow:none}.video-banner--desktop-transparent .video-banner__box:after{display:none}}@media screen and (max-width:767px){.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__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem;word-break:break-word}@media screen and (max-width:767px){.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:768px){.video-banner--content-align-center .video-banner__buttons--multiple>*:not(.button--outline){flex-grow:1;min-width:22rem}.video-banner--content-align-right .video-banner__buttons--multiple{justify-content:flex-end}}@media screen and (max-width:767px){.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:768px){.video-banner--desktop-transparent .rte a,.video-banner--desktop-transparent .inline-richtext a:hover,.video-banner--desktop-transparent .rte a:hover{color:currentColor}}.video-banner__heading{color:inherit}.video-autoplay-wrapper{width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/136/assets/custom-video.css.map */