.video-dialog__trigger{display:contents}.video-dialog-open{overflow:hidden}.video-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:var(--page-horizontal-padding);background-color:#0000;border:0;justify-content:center;align-items:center;display:flex}.video-dialog:not([open]){display:none}.video-dialog::backdrop{background-color:#000000e0}.video-dialog__panel{width:min(var(--page-max-width), 100%, calc((100dvh - 2 * var(--page-horizontal-padding) - 52px) * 16 / 9));position:relative}.video-dialog__frame{aspect-ratio:16/9;border-radius:var(--radius);background-color:var(--ink-deep);border:0;width:100%;display:block}.video-dialog__close{border-radius:var(--radius-pill);background-color:color-mix(in srgb, var(--white) 16%, transparent);width:40px;height:40px;color:var(--white);cursor:pointer;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:absolute;bottom:calc(100% + 12px);right:0}.video-dialog__close:hover{background-color:color-mix(in srgb, var(--white) 28%, transparent)}.video-dialog__close svg{width:20px;height:20px}