.ui-modal__backdrop{background:var(--color-scrim);padding:var(--space-4);z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ui-modal{--ui-modal-bg:var(--color-surface-raised);--ui-modal-radius:var(--radius-2xl);background:var(--ui-modal-bg);border-radius:var(--ui-modal-radius);padding:var(--space-6);width:100%;max-width:32rem;box-shadow:var(--shadow-xl);position:relative}.ui-modal:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ui-modal__close{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-full);width:2rem;height:2rem;color:var(--color-text-muted);font-size:var(--text-2xl);cursor:pointer;transition:color var(--motion-xs) var(--ease-out-soft),background-color var(--motion-xs) var(--ease-out-soft);background:0 0;border:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex;position:absolute}.ui-modal__close:hover{color:var(--color-text);background:var(--color-surface)}.ui-modal__close:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ui-modal__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);margin:0 0 var(--space-4)}.ui-modal__actions{gap:var(--space-3);margin-top:var(--space-6);justify-content:flex-end;display:flex}