:root:has(.video-dialog[open]){overflow:hidden}.video-dialog{border:1px solid var(--mca-border-default);background:var(--mca-surface-primary);width:100%;max-width:100%;max-height:100%;color:var(--mca-text-primary);box-shadow:var(--mca-shadow-prominent);border-radius:0;margin:auto;padding:0;display:none;position:fixed;overflow:hidden}.video-dialog[open]{gap:1rem;display:grid}.video-dialog::backdrop{background:color-mix(in srgb, var(--mca-text-primary) 80%, transparent)}.video-dialog .video-dialog__header{text-align:center;padding:1rem 1rem 0}.video-dialog .video-dialog__title{color:var(--mca-text-primary);font-family:var(--mca-font-heading);letter-spacing:-.025em;margin:0;font-size:1.125rem;font-weight:400;line-height:1.75rem}.video-dialog .video-dialog__frame{aspect-ratio:16/9;width:100%;padding:0;position:relative}.video-dialog .video-dialog__frame iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.video-dialog .video-dialog__close{width:2.75rem;height:2.75rem;min-height:0;color:var(--mca-text-primary);opacity:.7;cursor:pointer;transition:var(--mca-transition-control);background:0 0;border:0;border-radius:.125rem;place-items:center;padding:0;display:grid;position:absolute;top:1rem;right:.125rem}.video-dialog .video-dialog__close:hover{opacity:1}.video-dialog .video-dialog__close:focus-visible{opacity:1;outline:2px solid var(--mca-text-primary);outline-offset:-.625rem}.video-dialog .video-dialog__close span{width:1rem;height:1rem;display:grid}.video-dialog .video-dialog__close svg{width:100%;height:100%}@media (width>=40rem){.video-dialog{border-radius:.5rem;width:100%;max-width:56rem}.video-dialog .video-dialog__header{text-align:left}.video-dialog .video-dialog__close{top:.125rem}}