.video-banner{display:flex;position:relative;flex-direction:column;min-height:var(--video-banner-min-height, 88rem);isolation:isolate}.video-banner--small{--video-banner-min-height: 19rem}.video-banner--medium{--video-banner-min-height: 28rem}.video-banner--large{--video-banner-min-height: 39rem}@media screen and (min-width:750px){.video-banner--small{--video-banner-min-height: 26rem}.video-banner--medium{--video-banner-min-height: 40rem}.video-banner--large{--video-banner-min-height: 56rem}}.video-banner--adapt{min-height:0}.video-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.video-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--video-banner-media-overlay-color, #000000);opacity:var(--video-banner-shade-opacity, 0);pointer-events:none}.video-banner__video,.video-banner__media iframe{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.video-banner__media iframe{border:0;position:absolute;top:0;right:0;bottom:0;left:0}.video-banner__bottom-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.video-banner__bottom-gradient--primary{position:absolute;left:0;right:0;bottom:0;z-index:0;height:var(--video-banner-bottom-fade-height, 45%);background:linear-gradient(180deg,transparent 0%,var(--video-banner-bottom-fade-color, #ffffff) 100%);opacity:var(--video-banner-bottom-fade-opacity, 1)}@supports (color: color-mix(in srgb,red 50%,blue)){.video-banner__bottom-gradient--primary{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--video-banner-bottom-fade-color, #ffffff) 6%,transparent) 22%,color-mix(in srgb,var(--video-banner-bottom-fade-color, #ffffff) 35%,transparent) 42%,color-mix(in srgb,var(--video-banner-bottom-fade-color, #ffffff) 78%,transparent) 68%,var(--video-banner-bottom-fade-color, #ffffff) 100%)}}.video-banner__bottom-gradient--mirror{position:absolute;left:0;right:0;bottom:0;z-index:0;height:var(--video-banner-bottom-fade-height, 45%);background:linear-gradient(180deg,transparent 0%,var(--video-banner-bottom-fade-color, #ffffff) 100%);transform:scaleY(-1);transform-origin:center bottom;opacity:calc(var(--video-banner-mirror-layer-opacity, 0) * var(--video-banner-bottom-fade-opacity, 1))}@supports (color: color-mix(in srgb,red 50%,blue)){.video-banner__bottom-gradient--mirror{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--video-banner-bottom-fade-color, #ffffff) 6%,transparent) 22%,color-mix(in srgb,var(--video-banner-bottom-fade-color, #ffffff) 35%,transparent) 42%,color-mix(in srgb,var(--video-banner-bottom-fade-color, #ffffff) 78%,transparent) 68%,var(--video-banner-bottom-fade-color, #ffffff) 100%)}}.video-banner__bottom-overlay-img{position:absolute;left:0;right:0;bottom:0;z-index:1;width:100%;max-width:none;height:var(--video-banner-overlay-img-min-height, 35%);object-fit:contain;object-position:bottom center;opacity:var(--video-banner-overlay-img-opacity, 1);pointer-events:none}.video-banner__placeholder{background:rgb(var(--color-foreground) / .04);display:flex;align-items:center;justify-content:center}.video-banner__placeholder .placeholder-svg{width:100%;height:100%;max-height:100%;object-fit:cover}.video-banner.banner .banner__content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;display:flex;z-index:3}.video-banner.banner .banner__content--top-left{align-items:flex-start;justify-content:flex-start}.video-banner.banner .banner__content--top-center{align-items:flex-start;justify-content:center}.video-banner.banner .banner__content--top-right{align-items:flex-start;justify-content:flex-end}.video-banner.banner .banner__content--middle-left{align-items:center;justify-content:flex-start}.video-banner.banner .banner__content--middle-center{align-items:center;justify-content:center}.video-banner.banner .banner__content--middle-right{align-items:center;justify-content:flex-end}.video-banner.banner .banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.video-banner.banner .banner__content--bottom-center{align-items:flex-end;justify-content:center}.video-banner.banner .banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}.video-banner__content{box-sizing:border-box;padding:2rem 1rem}.video-banner--adapt.banner .banner__content{position:relative;inset:auto;height:auto;min-height:0}.video-banner__box{padding:2rem 1.5rem}@media screen and (min-width:750px){.video-banner__box{padding:3rem 4rem;max-width:54rem}}.video-banner__heading{margin-top:0;margin-bottom:0}.video-banner__text{margin-top:1rem}.video-banner__text p{margin:0}.video-banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;margin-top:1.25rem}.video-banner__buttons--multiple{justify-content:center}.banner--content-align-left.video-banner .banner__box{text-align:left}.banner--content-align-center.video-banner .banner__box{text-align:center}.banner--content-align-right.video-banner .banner__box{text-align:right}@media screen and (max-width:749px){.video-banner{min-height:var(--video-banner-min-height, 45rem)}.banner--content-align-mobile-left.video-banner .banner__box{text-align:left}.banner--content-align-mobile-center.video-banner .banner__box{text-align:center}.banner--content-align-mobile-right.video-banner .banner__box{text-align:right}}.banner--content-align-left.video-banner .video-banner__buttons--multiple{justify-content:flex-start}.banner--content-align-right.video-banner .video-banner__buttons--multiple{justify-content:flex-end}.banner--desktop-transparent.video-banner .video-banner__box{background:transparent;box-shadow:none}@media screen and (max-width:749px){.video-banner.banner.banner--mobile-bottom:not(.banner--adapt){flex-direction:column}.video-banner.banner.banner--mobile-bottom:not(.banner--adapt) .banner__content{order:2;position:relative;inset:auto;height:auto;min-height:0}.video-banner.banner.banner--mobile-bottom:not(.banner--adapt) .video-banner__media{position:relative;flex-grow:1;min-height:50vw}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-video-banner.css.map */