.chord-diagram.svelte-1c5ejg5{color:currentColor}.chord-popup.svelte-18p4gvo{position:absolute;--y-shift: -100%;transform:translate(-50%) translateY(var(--y-shift));margin-top:-1rem;background:linear-gradient(145deg,#1e1e2e,#2a2a3e);border:1px solid rgba(255,255,255,.15);border-radius:.5rem;padding:.5rem .5rem .25rem;box-shadow:0 10px 40px #00000080,0 0 0 1px #ffffff0d inset;color:#e0e0e0;z-index:1000;animation:svelte-18p4gvo-popIn .15s ease-out;pointer-events:auto}.chord-popup[data-position=below].svelte-18p4gvo{--y-shift: 0%;margin-top:.75rem}@keyframes svelte-18p4gvo-popIn{0%{opacity:0;transform:translate(-50%) translateY(var(--y-shift)) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(var(--y-shift)) scale(1)}}.chord-name.svelte-18p4gvo{font-size:1rem;font-weight:600;margin:0;color:#fff;text-align:center}.close-btn.svelte-18p4gvo{position:absolute;top:.25rem;right:.25rem;background:none;border:none;color:#fff6;cursor:pointer;padding:.125rem;border-radius:.25rem;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.close-btn.svelte-18p4gvo:hover{color:#ffffffe6;background:#ffffff1a}.diagram-container.svelte-18p4gvo{display:flex;justify-content:center}