@layer components{.modal-dialog-overlay{z-index:1000;padding:var(--space-4);background-color:var(--color-velo-modal);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-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-elevated);color:var(--color-text);box-shadow:var(--shadow-modal);flex-direction:column;display:flex;overflow-y:auto}.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);font-size:var(--font-size-lg);font-weight:700;line-height:var(--line-height-heading);margin:0}.modal-dialog-close{border:var(--border-width) solid var(--color-border-control);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-realce-neutro)}.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}}