.video-banner{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:1;pointer-events:none}.video-banner--small{min-height:30rem}.video-banner--medium{min-height:46rem}.video-banner--large{min-height:60rem}.video-banner--full{min-height:100vh}@media screen and (min-width:750px){.video-banner--small{min-height:34rem}.video-banner--medium{min-height:52rem}.video-banner--large{min-height:72rem}}.video-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.video-banner__media video,.video-banner__media img{width:100%;height:100%;object-fit:cover}.video-banner__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#1a1a1a;color:#999;font-size:1.4rem}.video-banner__content{position:relative;z-index:2;display:flex;width:100%;height:100%;padding:4rem 2rem}.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{display:flex;flex-direction:column;gap:1.6rem;max-width:70rem}.video-banner--content-align-left .video-banner__box{text-align:left;align-items:flex-start}.video-banner--content-align-center .video-banner__box{text-align:center;align-items:center}.video-banner--content-align-right .video-banner__box{text-align:right;align-items:flex-end}.video-banner__heading{margin:0;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.video-banner__subheading{margin:0;color:#ffffffd9;font-size:1.6rem;letter-spacing:.08rem;text-shadow:0 1px 4px rgba(0,0,0,.4)}@media screen and (min-width:750px){.video-banner__subheading{font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-video-banner.css.map */