.video-banner-section{padding-top:var(--vb-section-spacing-top, 0);padding-bottom:var(--vb-section-spacing-bottom, 0)}.video-banner-section--page{width:min(calc(100% - 3rem),var(--vb-max-width, 1400px));margin-inline:auto}.video-banner-section--full{width:100%}.video-banner{position:relative;display:grid;width:100%;min-height:var(--vb-desktop-height, 650px);overflow:hidden;isolation:isolate;border-radius:var(--vb-radius, 0);background:#111}.video-banner__media,.video-banner__content{grid-area:1 / 1}.video-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.video-banner__video,.video-banner__poster,.video-banner__placeholder,.video-banner__placeholder svg{display:block;width:100%;height:100%}.video-banner__video,.video-banner__poster{object-position:var(--vb-video-position-x, 50%) var(--vb-video-position-y, 50%)}.video-banner--fit-cover .video-banner__video,.video-banner--fit-cover .video-banner__poster{object-fit:cover}.video-banner--fit-contain .video-banner__video,.video-banner--fit-contain .video-banner__poster{object-fit:contain;background:#000}.video-banner__poster{position:absolute;top:0;right:0;bottom:0;left:0}.video-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.video-banner__placeholder{background:#e7e7e7}.video-banner__placeholder .placeholder-svg{opacity:.5}.video-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:var(--vb-overlay-color, #000);opacity:var(--vb-overlay-opacity, .3)}.video-banner__content{position:relative;z-index:3;display:flex;width:100%;min-height:inherit;padding:var(--vb-content-padding-desktop, 50px);color:var(--vb-text-color, #fff)}.video-banner__box{position:relative;width:min(100%,var(--vb-content-max-width, 680px));padding:clamp(2rem,4vw,4.8rem);color:inherit;border-radius:var(--vb-box-radius, 12px)}.video-banner__box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--vb-box-background, #000);opacity:var(--vb-box-opacity, .35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.video-banner__box--transparent{padding:0}.video-banner__box--transparent:before{display:none}.video-banner__eyebrow{margin:0 0 1.2rem;font-size:1.2rem;font-weight:700;line-height:1.2;letter-spacing:.16em;text-transform:uppercase}.video-banner__heading{margin:0;color:inherit;text-wrap:balance}.video-banner__text{margin-top:1.6rem;color:inherit}.video-banner__text,.video-banner__text p,.video-banner__text a{color:inherit}.video-banner__text p{margin-top:0}.video-banner__text p:last-child{margin-bottom:0}.video-banner__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.4rem}.video-banner__buttons .button{min-width:15rem;min-height:4.8rem}.video-banner--align-left .video-banner__box{text-align:left}.video-banner--align-center .video-banner__box{text-align:center}.video-banner--align-right .video-banner__box{text-align:right}.video-banner--align-left .video-banner__buttons{justify-content:flex-start}.video-banner--align-center .video-banner__buttons{justify-content:center}.video-banner--align-right .video-banner__buttons{justify-content:flex-end}.video-banner--content-top-left .video-banner__content{align-items:flex-start;justify-content:flex-start}.video-banner--content-top-center .video-banner__content{align-items:flex-start;justify-content:center}.video-banner--content-top-right .video-banner__content{align-items:flex-start;justify-content:flex-end}.video-banner--content-middle-left .video-banner__content{align-items:center;justify-content:flex-start}.video-banner--content-middle-center .video-banner__content{align-items:center;justify-content:center}.video-banner--content-middle-right .video-banner__content{align-items:center;justify-content:flex-end}.video-banner--content-bottom-left .video-banner__content{align-items:flex-end;justify-content:flex-start}.video-banner--content-bottom-center .video-banner__content{align-items:flex-end;justify-content:center}.video-banner--content-bottom-right .video-banner__content{align-items:flex-end;justify-content:flex-end}.video-banner--animation-true .video-banner__box{animation:videoBannerReveal .75s ease both}@keyframes videoBannerReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.video-banner__sound-button{position:absolute;right:2rem;bottom:2rem;z-index:5;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;cursor:pointer;border:1px solid rgb(255 255 255 / 35%);border-radius:999px;color:#fff;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease}.video-banner__sound-button:hover{transform:scale(1.06);background:#0009}.video-banner__sound-on,.video-banner__sound-button.is-unmuted .video-banner__sound-off{display:none}.video-banner__sound-button.is-unmuted .video-banner__sound-on{display:inline}@media screen and (max-width:749px){.video-banner-section--page{width:min(calc(100% - 2rem),var(--vb-max-width, 1400px))}.video-banner{min-height:var(--vb-mobile-height, 520px)}.video-banner__content{padding:var(--vb-content-padding-mobile, 24px)}.video-banner__box{width:100%;padding:2.4rem}.video-banner__box--transparent{padding:0}.video-banner--mobile-content-top .video-banner__content{align-items:flex-start}.video-banner--mobile-content-middle .video-banner__content{align-items:center}.video-banner--mobile-content-bottom .video-banner__content{align-items:flex-end}.video-banner--mobile-align-left .video-banner__box{text-align:left}.video-banner--mobile-align-center .video-banner__box{text-align:center}.video-banner--mobile-align-right .video-banner__box{text-align:right}.video-banner--mobile-align-left .video-banner__buttons{justify-content:flex-start}.video-banner--mobile-align-center .video-banner__buttons{justify-content:center}.video-banner--mobile-align-right .video-banner__buttons{justify-content:flex-end}.video-banner__buttons{gap:1rem}.video-banner__buttons--multiple .button{flex:1 1 100%;width:100%}.video-banner__sound-button{right:1.4rem;bottom:1.4rem}}@media(prefers-reduced-motion:reduce){.video-banner--animation-true .video-banner__box,.video-banner__video{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-video-banner.css.map */