.video-dialog{position:fixed;inset:0;margin:auto;height:fit-content;font-family:Arial,sans-serif;width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:16px;border:1px solid #c6dadf;border-radius:14px;color:#164553;background:white;overflow:auto;box-sizing:border-box}.video-dialog::backdrop{background:#002b39bb}.video-dialog-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.video-dialog-head h2{font-size:16px;line-height:1.6;margin:0;flex:1}.video-dialog-close{flex:0 0 42px;height:42px;border:0;border-radius:50%;background:#edf5f6;color:#006579;font-size:28px;cursor:pointer}.video-dialog-player{width:min(100%,calc((100dvh - 210px)*.5625));min-width:150px;aspect-ratio:9/16;margin:auto;background:#f1f5f6}.video-dialog-player iframe{border:0;width:100%;height:100%;display:block}.video-dialog-note{font-size:11px;color:#667d85;line-height:1.7;margin:12px 0 8px}.video-dialog-external{color:#006579;font-size:12px}.video-dialog button:focus-visible,.video-dialog a:focus-visible{outline:3px solid #30b6c7;outline-offset:3px}@media(max-height:420px){.video-dialog-player{width:180px}.video-dialog{max-height:calc(100dvh - 12px)}}