.modal-overlay.svelte-ta60gp{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);padding:var(--modal-gap);animation:svelte-ta60gp-fadeIn .2s ease-out}@keyframes svelte-ta60gp-fadeIn{0%{opacity:0}to{opacity:1}}.modal.svelte-ta60gp{background:#fff;border:1px solid rgba(24,24,27,.1);border-radius:20px;width:100%;max-width:var(--modal-width);max-height:100%;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000001a;animation:svelte-ta60gp-slideUp .2s ease-out}.modal.svelte-ta60gp:focus{outline:none}@keyframes svelte-ta60gp-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header.svelte-ta60gp{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0}.modal-header.svelte-ta60gp h3:where(.svelte-ta60gp){margin:0;min-width:0;overflow-wrap:anywhere;font-family:Hanken Grotesk,sans-serif;font-size:16px;font-weight:600;color:#171717}.close-button.svelte-ta60gp{flex-shrink:0;background:none;border:none;font-size:20px;color:#525252;cursor:pointer;padding:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}@media(hover:hover){.close-button.svelte-ta60gp:hover{background:#f4f4f5;color:#171717;transform:scale(1.05)}}.close-button.svelte-ta60gp:active{transform:scale(.95)}.modal-body.svelte-ta60gp{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.modal-footer.svelte-ta60gp{display:flex;gap:12px;flex-shrink:0}.bands.svelte-ta60gp .modal-header:where(.svelte-ta60gp){padding:20px 20px 15px;border-bottom:1px solid #d8d8d8}.bands.svelte-ta60gp .modal-body:where(.svelte-ta60gp){padding:20px}.bands.svelte-ta60gp .modal-footer:where(.svelte-ta60gp){padding:15px 20px 20px;border-top:1px solid #d8d8d8}.compact.svelte-ta60gp{padding:20px;overflow:hidden}.compact.svelte-ta60gp .modal-header:where(.svelte-ta60gp){margin-bottom:16px}.compact.svelte-ta60gp .close-button:where(.svelte-ta60gp){width:auto;height:auto;min-width:44px;min-height:44px;margin:-6px -10px -6px 0;color:#171717}.compact.svelte-ta60gp .modal-body:where(.svelte-ta60gp){padding:4px;margin:-4px -4px 12px}@media(max-width:480px){.modal-overlay.svelte-ta60gp:not(.card){padding:0}.modal-overlay.svelte-ta60gp:not(.card) .modal:where(.svelte-ta60gp){max-width:100%;max-height:95vh;max-height:95dvh;border-radius:20px 20px 0 0;margin-top:auto}.modal-overlay.svelte-ta60gp:not(.card) .modal-footer:where(.svelte-ta60gp){flex-direction:column}.bands.svelte-ta60gp .modal-header:where(.svelte-ta60gp){padding:15px 20px}.bands.svelte-ta60gp .modal-body:where(.svelte-ta60gp){padding:15px 20px}}@media(max-height:500px){.bands.svelte-ta60gp .modal-header:where(.svelte-ta60gp),.bands.svelte-ta60gp .modal-footer:where(.svelte-ta60gp){padding:8px 16px}.bands.svelte-ta60gp .modal-body:where(.svelte-ta60gp){padding:12px 16px}}