.video-modal{z-index:10000;backdrop-filter:blur(1rem);background-color:#000000d9;justify-content:center;align-items:center;padding:clamp(1rem,.5rem + 2.5vw,3.5rem);display:flex;position:fixed;inset:0}.video-modal[hidden]{display:none}.video-modal__frame{aspect-ratio:16/9;width:min(100%,72rem);max-height:100%;position:relative}.video-modal__frame--portrait{aspect-ratio:9/16;width:auto;height:100%}.video-modal__frame video,.video-modal__frame iframe{border-radius:var(--border-radius-16);background-color:#000;border:0;width:100%;height:100%}.video-modal__close{border:.0625rem solid var(--color-basic-white-10);background-color:var(--color-basic-white-5);width:3rem;height:3rem;color:var(--color-basic-white-100);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:flex;position:absolute;top:clamp(1rem,.8rem + 1vw,2rem);right:clamp(1rem,.8rem + 1vw,2rem)}