.modal-scrim.svelte-ta60gp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background-color:var(--scrim-modal)}.modal-panel.svelte-ta60gp{width:100%;max-width:480px;max-height:calc(100dvh - 2 * var(--space-xl));display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);background-color:var(--surface-card-bg);border:1px solid var(--border-card-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.modal-header.svelte-ta60gp{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.modal-header.svelte-ta60gp h2:where(.svelte-ta60gp){font-family:var(--font-body);font-size:var(--text-title-large-size);font-weight:var(--text-title-large-weight);line-height:1.3;color:var(--color-on-surface)}.modal-close.svelte-ta60gp{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:calc(-1 * var(--space-xs)) calc(-1 * var(--space-xs)) 0 0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-on-surface-variant);font-size:1.5rem;line-height:1;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard)}.modal-close.svelte-ta60gp:hover{background-color:color-mix(in srgb,var(--color-on-surface) 8%,transparent)}.modal-body.svelte-ta60gp{overflow-y:auto;color:var(--color-on-surface)}.modal-footer.svelte-ta60gp{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm)}