@layer components{.dialog-backdrop{z-index:75;padding:var(--space-4);background:color-mix(in srgb, var(--color-neutral-900) 50%, transparent);place-items:center;display:grid;position:fixed;inset:0}.dialog{gap:var(--space-3);width:min(440px,100%);padding:var(--space-4);border:1px solid var(--color-divider);background:var(--color-bg);box-shadow:var(--shadow-lg);border-radius:0;flex-direction:column;display:flex}.dialog-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:20px}.dialog-body{opacity:.85;font-size:14px}.dialog-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}.dialog-backdrop-admin{z-index:75;justify-content:center;align-items:flex-start;padding:24px;display:flex;overflow-y:auto}.dialog-backdrop-admin>.dialog{margin:auto}.dialog-framed{width:100%;max-width:380px;padding:24px}.dialog-framed .dialog-title{letter-spacing:.02em;text-transform:uppercase;font-size:22px;line-height:24px;display:block}.dialog-buttons{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.dialog-framed .dialog-actions{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:20px}.dialog-rule{background:var(--color-divider);border:0;height:1px;margin:12px 0 20px}.dialog-content{margin-top:18px}.dialog-text{color:color-mix(in srgb, var(--color-text) 80%, transparent);margin:14px 0 0;font-size:15px;line-height:22px}.dialog-backdrop-light{z-index:75;background:#00000047;padding:20px}.dialog-framed.dialog-compact{max-width:300px;padding:18px}.dialog-compact .eyebrow{font-size:11px}.dialog-compact .dialog-rule{margin:10px 0 14px}.dialog-danger,.dialog-notice{border:1px solid var(--color-danger);border-left-width:4px;width:100%;max-width:420px}.dialog-notice{border-color:var(--color-accent)}}