.modal.svelte-1vr5p4p{position:fixed;top:0;left:0;display:flex;height:100%;width:100%;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:109;align-items:center;justify-content:center;overflow:hidden}.modal.svelte-1vr5p4p .modal-content:where(.svelte-1vr5p4p){border-radius:var(--radius-md);position:relative;height:auto;width:600px;max-height:95vh;background:rgb(var(--color-bg-app));color:rgb(var(--color-text-main));display:grid;overflow:hidden;grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:var(--space-sm)}@media screen and (max-width: 768px){.modal.svelte-1vr5p4p .modal-content:where(.svelte-1vr5p4p){max-width:95vw}}.modal.svelte-1vr5p4p .modal-content:where(.svelte-1vr5p4p) .topbar:where(.svelte-1vr5p4p){display:grid;width:100%;grid-template-columns:1fr auto;place-items:center start;place-self:start}.modal.svelte-1vr5p4p .modal-content:where(.svelte-1vr5p4p) .topbar:where(.svelte-1vr5p4p) .tools:where(.svelte-1vr5p4p){display:grid;grid-auto-flow:column;gap:var(--space-sm);margin-left:var(--space-sm)}.modal.svelte-1vr5p4p .modal-content:where(.svelte-1vr5p4p) .topbar:where(.svelte-1vr5p4p) h3:where(.svelte-1vr5p4p){margin:0;font-size:1rem;font-weight:500;color:rgb(var(--color-text-main));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;padding:0 .5rem}@media screen and (max-width: 768px){.modal.svelte-1vr5p4p .modal-content:where(.svelte-1vr5p4p){border-radius:0;max-height:100%;max-width:100%;width:100%;min-width:100%;height:100%}}@media screen and (max-width: 768px){.full-height.svelte-1vr5p4p{background-color:rgb(var(--color-bg-app))}}.full-height.svelte-1vr5p4p .modal-content:where(.svelte-1vr5p4p){height:95%}@media screen and (max-width: 768px){.full-height.svelte-1vr5p4p .modal-content:where(.svelte-1vr5p4p){height:100%}}.auto-height.svelte-1vr5p4p .modal-content:where(.svelte-1vr5p4p){height:auto;border-radius:var(--radius-md);width:auto;max-width:500px}@media screen and (max-width: 768px){.auto-height.svelte-1vr5p4p .modal-content:where(.svelte-1vr5p4p){height:auto;width:90%;max-height:100%}}.child.svelte-1vr5p4p{overflow:auto}