.dialog{border:1px solid var(--line-2);border-radius:var(--radius-lg);background:var(--surface-2);width:min(520px,100vw - 24px);max-height:calc(100dvh - 24px);box-shadow:var(--elev-4);color:var(--ink);animation:dialog-in var(--dur-med) var(--ease-out);margin:auto;padding:0;overflow:hidden}.dialog::backdrop{background:var(--scrim);animation:dialog-fade-in var(--dur-med) var(--ease-out)}.dialog[data-closing]{pointer-events:none;animation:dialog-out var(--dur-fast) ease-in forwards}.dialog[data-closing]::backdrop{animation:dialog-fade-out var(--dur-fast) ease-in forwards}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}@keyframes dialog-out{to{opacity:0;transform:translateY(6px)scale(.98)}}@keyframes dialog-fade-in{0%{opacity:0}}@keyframes dialog-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.dialog,.dialog::backdrop,.dialog[data-closing],.dialog[data-closing]::backdrop{animation:none}}.dialog:focus{outline:none}.dialog__box{flex-direction:column;gap:14px;max-height:calc(100dvh - 24px);padding:22px;display:flex;overflow:auto}.dialog__title{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-tight);overflow-wrap:anywhere;margin:0}.dialog__body{color:var(--ink-2);flex-direction:column;gap:10px;display:flex}.dialog__body p{margin:0}.dialog__body b{color:var(--ink)}.dialog__body ul{margin:0;padding-left:18px}.dialog__body label{flex-direction:column;gap:6px;display:flex}.dialog__body label.check{flex-direction:row;gap:10px}.dialog__list{gap:var(--space-1);flex-direction:column;margin:0;padding:0 0 0 18px;display:flex}.dialog__warn{padding:10px var(--space-3);border:1px solid color-mix(in srgb, var(--warn) 55%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--warn) 10%, transparent);color:var(--ink)}.dialog__error{margin:0}.dialog__actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.dialog--wide{width:min(600px,100vw - 24px)}.modal--fill{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:auto}.modal--fill::backdrop{background:0 0}.modal--fill:focus{outline:none}
