.modal.svelte-1hta71n.svelte-1hta71n{display:flex;align-items:baseline;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0;z-index:20;transition:all .3s ease-out;opacity:0;visibility:hidden;--backdrop-color:rgba(0, 0, 0, .6);--backgroud-color:var(--bg-color);--close-btn-color:#6f767e}[data-theme=light] .modal.svelte-1hta71n.svelte-1hta71n{--backgroud-color:#fff}@keyframes svelte-1hta71n-showModal{0%{opacity:0}to{opacity:1}}.modal.open.svelte-1hta71n.svelte-1hta71n{visibility:visible;animation:svelte-1hta71n-showModal .3s forwards}@media screen and (min-width: 768px){.modal.svelte-1hta71n.svelte-1hta71n{overflow-y:auto}.modal.over-height.svelte-1hta71n.svelte-1hta71n{align-items:center}}.modal.svelte-1hta71n .backdrop.svelte-1hta71n{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--backdrop-color)}.modal.svelte-1hta71n .modal-content.svelte-1hta71n{z-index:0;display:flex;width:100%;flex-direction:column;gap:2rem;background-color:var(--backgroud-color);transition:all .3s ease-out;position:relative;height:100%}@media screen and (min-width: 768px){.modal.svelte-1hta71n .modal-content.svelte-1hta71n{height:auto;width:fit-content;min-width:400px;gap:1.5rem;border-radius:.375rem}}.modal.svelte-1hta71n .modal-bottom.svelte-1hta71n{position:absolute;height:auto;bottom:0}@media screen and (min-width: 768px){.modal.svelte-1hta71n .modal-bottom.svelte-1hta71n{bottom:auto}}.modal.svelte-1hta71n .open .modal-content.svelte-1hta71n{transform:translateY(0)}.modal.svelte-1hta71n .header.svelte-1hta71n{display:flex;justify-content:space-between;padding:.5rem;position:absolute;left:0;top:0;right:0;z-index:1;border-radius:.375rem}.modal.svelte-1hta71n .header .title.svelte-1hta71n{font-size:1.5rem;line-height:2rem;font-weight:500}.modal.svelte-1hta71n .header .close.svelte-1hta71n{color:var(--close-btn-color);position:absolute;padding:1rem;top:50%;right:.5rem;transform:translateY(-50%);background-color:transparent;border:none;cursor:pointer;align-items:center;float:right;font-size:.875rem;margin-left:auto;display:inline-flex}.modal.svelte-1hta71n .header .close svg.svelte-1hta71n{width:1.25rem;height:1.25rem;fill:currentColor}@media screen and (min-width: 768px){.modal.svelte-1hta71n .header.svelte-1hta71n{padding:1rem .5rem;border-radius:.5rem}}.modal.svelte-1hta71n .body.svelte-1hta71n{display:flex;flex:1;flex-direction:column;padding-top:3rem;overflow-y:auto}@media screen and (min-width: 768px){.modal.svelte-1hta71n .body.svelte-1hta71n{min-width:400px;padding-top:4rem}}