.banner-video-modal{position:fixed;inset:0;z-index:1000;box-sizing:border-box;width:100vw;height:100vh;height:100dvh;min-width:0;min-height:0;margin:0;max-width:none;max-height:none;border:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;padding:40rem 20rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-fade) var(--ease-ui)}@media(prefers-reduced-motion: reduce){.banner-video-modal{transition:none}}.banner-video-modal:not([open]){display:none}.banner-video-modal::backdrop{background-color:rgba(0,0,0,.72);transition:background-color var(--duration-fade) var(--ease-ui)}@media(prefers-reduced-motion: reduce){.banner-video-modal::backdrop{transition:none}}.banner-video-modal.is-closing::backdrop{background-color:rgba(0,0,0,0)}.banner-video-modal.is-open,.banner-video-modal.is-closing{visibility:visible}.banner-video-modal.is-open{opacity:1;pointer-events:auto}.banner-video-modal.is-closing{opacity:0;pointer-events:none}.banner-video-modal__box{position:relative;z-index:1;width:min(960rem,100%);max-width:max(0px,(100vh - 128rem)*16/9);max-width:max(0px,(100dvh - 128rem)*16/9);aspect-ratio:16/9;background:#000}.banner-video-modal__close{position:absolute;top:-44rem;right:0;z-index:2;width:36rem;height:36rem;color:#fff;font-size:32rem;line-height:1;text-align:center;transition:opacity var(--duration-ui) var(--ease-ui)}.banner-video-modal__close:focus-visible{opacity:.7}@media(hover: hover)and (pointer: fine){.banner-video-modal__close:hover{opacity:.7}}.banner-video-modal__video{width:100%;height:100%;object-fit:contain}body.is-banner-video-open{overflow:hidden}
