.video-banner{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;background-color:#000}.video-banner--full-viewport{position:relative;width:100vw;margin-left:calc(-50vw + 50%)}.video-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.video-banner__video{width:100%;height:100%;object-fit:cover;object-position:center}.video-banner__video--mobile{display:none}.video-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:2}.video-banner__content{position:relative;z-index:3;width:100%;max-width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box}.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__text-wrapper{max-width:60rem;text-align:center;padding:3rem 2rem;border-radius:.8rem;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.video-banner__text-wrapper--align-left{text-align:left}.video-banner__text-wrapper--align-right{text-align:right}.video-banner__text-wrapper--align-center{text-align:center}.video-banner__text-wrapper--transparent{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;padding:2rem 0}.video-banner__text-wrapper--transparent .video-banner__heading{text-shadow:2px 2px 4px rgba(0,0,0,.7);color:#fff}.video-banner__text-wrapper--transparent .video-banner__text{text-shadow:1px 1px 2px rgba(0,0,0,.7);color:#fff}.video-banner__text-wrapper--transparent .video-banner__text p{color:#fff}.video-banner__content-direct{max-width:60rem;text-align:center;padding:0}.video-banner__content-direct .video-banner__heading{text-shadow:2px 2px 4px rgba(0,0,0,.7);color:#fff}.video-banner__content-direct .video-banner__text{text-shadow:1px 1px 2px rgba(0,0,0,.7);color:#fff}.video-banner__content-direct .video-banner__text p{color:#fff}.video-banner__heading{margin:0 0 1.5rem;color:inherit;font-weight:700;line-height:1.2}.video-banner__text{margin:0 0 2rem;color:inherit;font-size:1.6rem;line-height:1.5}.video-banner__text p{margin:0}.video-banner__button{margin-top:2rem}.video-banner__button--align-left{text-align:left}.video-banner__button--align-center{text-align:center}.video-banner__button--align-right{text-align:right}.video-banner__button a,.video-banner__button .button{display:inline-block}.video-banner__button--align-left .button--link,.video-banner__button--align-left .button--overlay-link,.video-banner__button--align-right .button--link,.video-banner__button--align-right .button--overlay-link{padding-left:0!important;padding-right:0!important}.video-banner__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f3f3f3}.video-banner__placeholder .placeholder-svg{width:100%;height:100%;fill:#c4c4c4}@media screen and (max-width: 749px){.video-banner__video--desktop{display:none}.video-banner__video--mobile{display:block}.video-banner__content{padding:1.5rem}.video-banner__text-wrapper{padding:2rem 1.5rem;max-width:100%}.video-banner__heading{font-size:2.4rem;margin-bottom:1rem}.video-banner__text{font-size:1.4rem;margin-bottom:1.5rem}}@media (prefers-reduced-motion: no-preference){.video-banner__text-wrapper{animation:fadeInUp .8s ease-out}.video-banner__heading{animation:fadeInUp .8s ease-out .2s both}.video-banner__text{animation:fadeInUp .8s ease-out .4s both}.video-banner__button{animation:fadeInUp .8s ease-out .6s both}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.video-banner__video,.video-banner__text-wrapper,.video-banner__heading,.video-banner__text,.video-banner__button{animation:none}}@media (prefers-contrast: high){.video-banner__text-wrapper{background:#fff;border:2px solid #000}.video-banner__overlay{background-color:#00000080}}.video-banner__button .button:focus{outline:2px solid #007acc;outline-offset:2px}@media screen and (max-width: 989px){details.menu-opening~* .video-banner__content,details[open].menu-opening~* .video-banner__content,body:has(details.menu-opening) .video-banner__content,body:has(details[open].menu-opening) .video-banner__content{opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:-1!important}}@media print{.video-banner__video,.video-banner__overlay{display:none}.video-banner__text-wrapper{background:#fff;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/section-video-banner.css.map */