@scope(.app-dialog) to (:scope [data-ui-scope]){:where(:scope).app-dialog{width:min(var(--dialog-width-compact), calc(100% - 2 * var(--space-5)));max-width:none;max-height:min(var(--dialog-max-height), calc(100dvh - 2 * var(--space-5)));padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);box-shadow:var(--dialog-shadow);margin:auto;font-size:15px;line-height:1.6;overflow:hidden}:where(:scope).app-dialog[open]{gap:var(--space-5);flex-direction:column;display:flex}:where(:scope).app-dialog[data-size=wide]{width:min(var(--dialog-width-wide), calc(100% - 2 * var(--space-5)))}:where(:scope).app-dialog::backdrop{background:var(--dialog-backdrop)}.dialog-head{justify-content:space-between;align-items:flex-start;gap:var(--space-5);flex-shrink:0;display:flex}.dialog-title{min-width:0}.dialog-title p{margin:0 0 var(--space-1);color:var(--leaf-deep);letter-spacing:.08em;font-size:11px;font-weight:900}.dialog-title h2{word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:800;line-height:1.3}.dialog-title h2:focus{outline:0}.dialog-close{border-radius:var(--radius-pill);background:var(--surface-soft);width:44px;height:44px;color:var(--ink);font:inherit;cursor:pointer;border:0;flex:0 0 44px;place-items:center;padding:0;font-size:24px;line-height:1;display:grid}.dialog-close:hover:not(:disabled){background:var(--line)}.dialog-close:disabled{opacity:.6;cursor:not-allowed}.dialog-close:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.dialog-body{overscroll-behavior:contain;min-height:0;padding:var(--space-2);margin:calc(var(--space-2) * -1);overflow-y:auto}}body:has(.app-dialog[open]){overflow:hidden}@media (width<=620px){@scope(.app-dialog) to (:scope [data-ui-scope]){:where(:scope).app-dialog{padding:var(--space-5)}}}