.modal-overlay.svelte-1kyihe8{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:grayscale(.75) blur(5px);backdrop-filter:grayscale(.75) blur(5px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--spacing-lg)}.modal.svelte-1kyihe8{background-color:var(--color-background);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);width:90%;padding:var(--spacing-lg);display:grid;gap:var(--spacing-md);margin:auto}.modal-header-container.svelte-1kyihe8{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-shrink:0}h3.modal-header.svelte-1kyihe8{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal-close-button.svelte-1kyihe8{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.modal-close-button.svelte-1kyihe8:hover{background:var(--color-surface-elevated);color:var(--color-text-primary)}@media (max-width: 640px){.modal-overlay.svelte-1kyihe8{padding:var(--spacing-sm)}.modal.svelte-1kyihe8{width:95%}}