@layer components{.modal-dialog-overlay{z-index:1000;padding:var(--space-4);background-color:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-dialog-overlay[hidden]{display:none}.modal-dialog{width:100%;max-width:34rem;max-height:calc(100vh - 2 * var(--space-4));gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);flex-direction:column;display:flex;overflow-y:auto;box-shadow:0 10px 40px #00000059}.modal-dialog-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.modal-dialog-title{font-family:var(--font-family-heading);margin:0;font-size:1.125rem;font-weight:700}.modal-dialog-close{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:2.75rem;min-height:2.75rem;color:var(--color-text);font:inherit;cursor:pointer;background-color:#0000;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.modal-dialog-close:hover{background-color:var(--color-surface,#7f7f7f1f)}.modal-dialog-close:focus-visible,.modal-dialog-actions button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.modal-dialog-body{gap:var(--space-2);flex-direction:column;display:flex}.modal-dialog-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}}