@layer ui{.dialog{width:min(480px, calc(100vw - var(--space-8)));max-height:calc(100dvh - var(--space-10) * 2);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow-overlay);color:var(--text);margin:auto}.dialog[data-size=sm]{width:min(400px, calc(100vw - var(--space-8)))}.dialog[open]:not(:modal){z-index:100;position:fixed;inset:0}.dialog-surface{gap:var(--space-2);max-height:inherit;padding:var(--space-5) var(--space-5) var(--space-4);flex-direction:column;display:flex}.dialog-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-right:calc(var(--space-2) * -1);display:flex}.dialog-title{font-size:var(--text-title);line-height:var(--leading-title)}.dialog-description{color:var(--text-muted);font-size:var(--text-ui);line-height:var(--leading-ui)}.dialog-body{min-height:0;margin-top:var(--space-2);font-size:var(--text-ui);overflow:auto}.dialog-footer{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);display:flex}.dialog-grabber{display:none}.dialog:focus-visible{outline:none}:root:has(.dialog[open]){scrollbar-gutter:stable;overflow:hidden}@media (width<720px){.dialog{--sheet-height:calc(var(--viewport-height) - var(--safe-top) - var(--space-2));--sheet-pad:var(--space-4);inset:auto 0 var(--keyboard-inset);width:100%;max-width:none;height:var(--sheet-height);max-height:var(--sheet-height);border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:0}.dialog[data-size=sm]{width:100%;height:auto}.dialog-surface{height:100%;padding:0 var(--sheet-pad);gap:0}.dialog-header{min-height:calc(var(--touch-target) + var(--space-4));margin-inline:calc(var(--sheet-pad) * -1);padding:var(--space-3) var(--space-1) var(--space-1) var(--sheet-pad);touch-action:none;flex-shrink:0;position:relative}.dialog-grabber{top:var(--space-1-5);border-radius:var(--radius-pill);background:var(--border-strong);width:36px;height:5px;display:block;position:absolute;left:50%;translate:-50%}.dialog .button.dialog-close{--button-height:var(--touch-target)}.dialog[role=alertdialog] .dialog-header{min-height:0;padding:var(--space-5) var(--sheet-pad) var(--space-1)}.dialog-description{padding-top:var(--space-3);flex-shrink:0}.dialog-body{margin:0 calc(var(--sheet-pad) * -1);padding:var(--space-3) var(--sheet-pad) var(--space-4);overscroll-behavior:contain;flex:auto}.dialog-body:last-child{padding-bottom:calc(var(--space-4) + var(--safe-bottom))}.dialog-description+.dialog-body{padding-top:var(--space-2)}.dialog-footer,.dialog-body [data-dialog-actions]{margin:0 calc(var(--sheet-pad) * -1);padding:var(--space-3) var(--sheet-pad) calc(var(--space-3) + var(--safe-bottom));background:var(--bg-raised);box-shadow:0 -1px 0 var(--border);flex-wrap:wrap;flex-shrink:0}.dialog:not([data-size=sm]) .dialog-header{box-shadow:0 1px 0 var(--border)}.dialog-body:has([data-dialog-actions]){flex-direction:column;padding-bottom:0;display:flex}.dialog-body:has([data-dialog-actions])>*{flex:1 0 auto}.dialog-body [data-dialog-actions]{margin-top:auto;position:sticky;bottom:0}.dialog[data-size=sm] .dialog-footer,.dialog[data-size=sm] .dialog-body [data-dialog-actions]{box-shadow:none}}}
