.modal-backdrop.svelte-c14tw0{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:svelte-c14tw0-fadeIn .2s ease}@keyframes svelte-c14tw0-fadeIn{0%{opacity:0}to{opacity:1}}.modal.svelte-c14tw0{background:var(--background-color-2);padding:1.5rem;border-radius:.75rem;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff1a;width:calc(100% - 4rem);max-height:90vh;overflow-y:auto;box-shadow:0 0 1em #0003}.modal-header.svelte-c14tw0{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header.svelte-c14tw0 h2:where(.svelte-c14tw0){margin:0;font-size:1.25rem;color:var(--text-color-1)}.close-btn.svelte-c14tw0{background:transparent;border:none;color:var(--text-color-2);cursor:pointer;padding:.5rem;font-size:1.25rem;transition:color .2s ease}.close-btn.svelte-c14tw0:hover,.close-btn.svelte-c14tw0:focus{color:var(--text-color-1)}.close-btn.absolute.svelte-c14tw0{position:absolute;top:1rem;right:1rem}.modal-content.svelte-c14tw0{display:flex;flex-direction:column;gap:1rem}@media only screen and (max-width: 768px){.modal.svelte-c14tw0{padding:1rem;width:calc(100% - 2rem)}}