@layer components{.modal-dialog.svelte-snysdt{width:min(calc(100% - (2 * var(--spacing-medium))),34rem);max-width:none;max-height:calc(100dvh - (2 * var(--spacing-medium)));margin:auto auto var(--spacing-xlarge);overflow:visible;border:0;padding:0;background:transparent;color:var(--text-primary)}.modal-dialog.svelte-snysdt::backdrop{background:color-mix(in srgb,var(--em-black) 62%,transparent)}@media(prefers-reduced-motion:no-preference){.modal-dialog[open].svelte-snysdt{animation:svelte-snysdt-modal-enter .24s var(--ease-entrance) backwards}.modal-dialog[open].svelte-snysdt::backdrop{animation:svelte-snysdt-modal-backdrop-enter .24s ease backwards}}@keyframes svelte-snysdt-modal-enter{0%{opacity:0;transform:translateY(var(--spacing-medium))}to{opacity:1;transform:none}}@keyframes svelte-snysdt-modal-backdrop-enter{0%{opacity:0}to{opacity:1}}.modal-dialog-surface.svelte-snysdt{max-height:calc(100dvh - (2 * var(--spacing-medium)));overflow:auto;scrollbar-gutter:stable both-edges;border:1px solid var(--border-medium);border-radius:var(--corner-large);background:var(--surface-primary);box-shadow:0 24px 80px color-mix(in srgb,var(--em-black) 40%,transparent)}@container app (min-width: 53.1875rem){.modal-dialog.svelte-snysdt{margin:auto}}}