.overlay.svelte-2l8ken{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--kw-z-modal);display:none;align-items:center;justify-content:center;padding:var(--kw-spacing-4);background:color-mix(in srgb,var(--kw-color-pine-950) 42%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.overlay.open.svelte-2l8ken{display:flex;animation:svelte-2l8ken-modal-fade-in .15s ease both}.overlay.open.svelte-2l8ken .modal:where(.svelte-2l8ken){animation:svelte-2l8ken-modal-pop .18s ease both}@keyframes svelte-2l8ken-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-2l8ken-modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.overlay.open.svelte-2l8ken,.overlay.open.svelte-2l8ken .modal:where(.svelte-2l8ken){animation:none}}.modal.svelte-2l8ken{position:relative;box-sizing:border-box;width:min(100%,var(--modal-w, 32rem));max-height:calc(100dvh - 2 * var(--kw-spacing-6));overflow-y:auto;padding:var(--kw-spacing-7);background:var(--kw-surface-card);color:var(--kw-ink);border:1px solid color-mix(in srgb,var(--kw-ink) 8%,transparent);border-radius:var(--kw-radius-xl);box-shadow:var(--kw-shadow-lg)}.modal--dark.svelte-2l8ken{--kw-ink: var(--kw-color-pine-0);--kw-text-1: var(--kw-color-pine-0);--kw-text-2: var(--kw-color-pine-100);--kw-text-muted: var(--kw-color-pine-300);--kw-text-disabled: var(--kw-color-pine-500);--kw-text-accent: var(--kw-color-green-500);--kw-surface-card: var(--kw-color-pine-950);--kw-surface-background: var(--kw-color-pine-800);--kw-surface-border: color-mix(in srgb, var(--kw-color-pine-0) 16%, transparent);--kw-border-focused: var(--kw-color-green-500);--kw-brand: var(--kw-color-green-500);--kw-brand-hover: var(--kw-color-green-400);background:var(--kw-color-pine-700);border-color:var(--kw-color-pine-600)}.modal.svelte-2l8ken:focus-visible{outline:none}.modal-x.svelte-2l8ken{position:absolute;top:var(--kw-spacing-3);right:var(--kw-spacing-3);display:inline-flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;padding:0;border:none;border-radius:var(--kw-radius-pill);background:transparent;color:var(--kw-text-muted);cursor:pointer}.modal-x.svelte-2l8ken:hover{background:color-mix(in srgb,currentColor 12%,transparent);color:var(--kw-text-1)}
