@layer sur.components{html:has(dialog.sur-modal[open]){overflow:hidden}.sur-modal.svelte-1xydrul{--sur-modal-width:var(--sur-measure);--sur-sticky-top:0px;--sur-sticky-bottom:0px;width:min(var(--sur-modal-width), 100% - var(--sur-spacing-32));max-width:none;max-height:calc(100% - var(--sur-spacing-48));border:var(--sur-border-width) solid var(--sur-border-subtle);border-radius:var(--sur-radius-2xl);background:var(--sur-bg-surface);color:var(--sur-text-primary);box-shadow:var(--sur-shadow-2xl);opacity:0;transform:translateY(var(--sur-spacing-8)) scale(.98);transition:opacity var(--sur-duration-200) var(--sur-ease-out), transform var(--sur-duration-200) var(--sur-ease-out), overlay var(--sur-duration-200) allow-discrete, display var(--sur-duration-200) allow-discrete;margin:auto;padding:0;overflow:hidden}@supports (height:100dvh){.sur-modal.svelte-1xydrul{max-height:calc(100dvh - var(--sur-spacing-48))}}.sur-modal[open].svelte-1xydrul{opacity:1;flex-direction:column;display:flex;transform:none}@starting-style{.sur-modal[open].svelte-1xydrul{opacity:0;transform:translateY(var(--sur-spacing-8)) scale(.98)}}.sur-modal.svelte-1xydrul::backdrop{background:var(--sur-overlay-backdrop);-webkit-backdrop-filter:blur(var(--sur-spacing-2));backdrop-filter:blur(var(--sur-spacing-2));opacity:0;transition:opacity var(--sur-duration-200) var(--sur-ease-out), overlay var(--sur-duration-200) allow-discrete, display var(--sur-duration-200) allow-discrete}.sur-modal[open].svelte-1xydrul::backdrop{opacity:1}@starting-style{.sur-modal[open].svelte-1xydrul::backdrop{opacity:0}}.sur-modal[data-sur-size=sm].svelte-1xydrul{--sur-modal-width:calc(var(--sur-measure) * .7)}.sur-modal[data-sur-size=lg].svelte-1xydrul{--sur-modal-width:calc(var(--sur-measure) * 1.4)}.sur-modal[data-sur-size=xl].svelte-1xydrul{--sur-modal-width:calc(var(--sur-measure) * 1.8)}.sur-modal[data-sur-size=full].svelte-1xydrul{border:0;border-radius:0;width:100%;height:100%;max-height:none}.sur-modal__box.svelte-1xydrul{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.sur-modal__header.svelte-1xydrul{align-items:flex-start;gap:var(--sur-spacing-12);padding:var(--sur-spacing-20) var(--sur-spacing-24) 0;flex:none;display:flex}.sur-modal__icon.svelte-1xydrul{width:var(--sur-spacing-40);height:var(--sur-spacing-40);border:var(--sur-border-width) solid var(--sur-c-border);border-radius:var(--sur-radius-lg);background:var(--sur-c-subtle);color:var(--sur-c-subtle-fg);flex-shrink:0;place-items:center;display:inline-grid}.sur-modal__titles.svelte-1xydrul{flex:1;align-self:center;min-width:0}.sur-modal__title.svelte-1xydrul{font-size:var(--sur-font-size-lg);font-weight:var(--sur-font-weight-bold);line-height:var(--sur-line-height-snug);margin:0}.sur-modal__description.svelte-1xydrul{margin:var(--sur-spacing-4) 0 0;font-size:var(--sur-font-size-sm);color:var(--sur-text-secondary)}.sur-modal__close.svelte-1xydrul{width:var(--sur-control-height-sm);height:var(--sur-control-height-sm);border-radius:var(--sur-radius-full);color:var(--sur-text-secondary);cursor:pointer;transition:background-color var(--sur-duration-150) var(--sur-ease-out);background:0 0;border:0;flex-shrink:0;place-items:center;display:inline-grid}.sur-modal__close.svelte-1xydrul:hover{background:var(--sur-bg-hover);color:var(--sur-text-primary)}.sur-modal__close.svelte-1xydrul:focus-visible{outline:var(--sur-focus-ring-width) solid var(--sur-focus-ring);outline-offset:var(--sur-focus-ring-offset)}.sur-modal__body.svelte-1xydrul{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.sur-modal__body--padded.svelte-1xydrul{padding:var(--sur-spacing-20) var(--sur-spacing-24)}.sur-modal__header.svelte-1xydrul+.sur-modal__body:where(.svelte-1xydrul):not(.sur-modal__body--padded){padding-top:var(--sur-spacing-12)}.sur-modal__footer.svelte-1xydrul{justify-content:flex-end;gap:var(--sur-spacing-8);padding:var(--sur-spacing-12) var(--sur-spacing-24) var(--sur-spacing-16);border-top:var(--sur-border-width) solid var(--sur-border-subtle);background:var(--sur-bg-subtle);flex-wrap:wrap;flex:none;display:flex}@media (prefers-reduced-motion:reduce){.sur-modal.svelte-1xydrul,.sur-modal.svelte-1xydrul::backdrop{transition:none}}}
