@property --modal-speed{syntax: "<time>"; inherits: false; initial-value: .25s;}dialog[open].svelte-hkku0y{opacity:1;transform:scale(1)}dialog.svelte-hkku0y{opacity:0;transform:scale(.95);transition:opacity var(--modal-speed) ease-out,transform var(--modal-speed) ease-out,overlay var(--modal-speed) ease-out allow-discrete,display var(--modal-speed) ease-out allow-discrete;outline:none;border:none;border-radius:0;background-color:transparent;padding:0;margin:auto;width:var(--modal-width, fit-content);height:var(--modal-height, fit-content);max-width:none;max-height:none;overflow:auto;overscroll-behavior:contain}@starting-style{dialog[open].svelte-hkku0y{opacity:0;transform:scale(.95)}}dialog.svelte-hkku0y::backdrop{overscroll-behavior:contain;opacity:0;background-color:var(--modal-overlay-bg, rgba(255, 255, 255, .98));transition:display var(--modal-speed) allow-discrete,overlay var(--modal-speed) allow-discrete,background-color var(--modal-speed),opacity var(--modal-speed)}dialog[open].svelte-hkku0y::backdrop{opacity:1}@starting-style{dialog[open].svelte-hkku0y::backdrop{background-color:#0000}}.close.svelte-hkku0y{position:absolute;z-index:10;cursor:pointer;width:1.5rem;top:1rem;right:1rem}.close.svelte-hkku0y svg{width:100%}@media screen and (min-width: 769px){.close.svelte-hkku0y{right:1.5rem;top:1.5rem}}