.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#141c2670}.dialog-panel{position:fixed;z-index:101;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 2 * var(--s5)));max-height:calc(100dvh - 2 * var(--s5));overflow-y:auto;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 50px #0a121e52;outline:none}.dialog-panel.is-narrow{width:min(420px,calc(100% - 2 * var(--s5)))}html[data-theme=dark] .dialog-panel{box-shadow:0 18px 50px #0009}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3)}.dialog-title{font-size:var(--fs-h1);font-weight:600;color:var(--ink)}.dialog-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-4px -4px 0 0;font-size:20px;line-height:1;color:var(--ink-faint);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.dialog-close:hover{background:var(--surface-2);color:var(--ink)}.dialog-body{color:var(--ink);font-size:var(--fs-label);line-height:1.5}.dialog-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--s3)}