#video-modal{position:fixed;inset:0;margin:auto;padding:0;border:0;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.4);width:min(960px,calc(100% - 48px));max-width:none;height:fit-content;max-height:calc(100% - 48px)}
#video-modal:not([open]){display:none}
#video-modal::backdrop{background:rgba(15,12,20,.72)}
.video-modal-close{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.video-modal-close:hover{background:rgba(255,255,255,.28)}
.video-modal-frame{position:relative;width:100%;aspect-ratio:16/9}
.video-modal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:480px){#video-modal{border-radius:8px;width:calc(100% - 24px)}}
.button-icon-video{display:inline-flex;align-items:center;margin-right:8px}