.chord-string[data-astro-cid-223sd7lm]{left:0;top:calc(var(--s) * 32px);width:100%;height:32px;position:absolute}.chord-dot[data-astro-cid-223sd7lm]{transform:translateX(calc(var(--f) * 64px));transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s;position:absolute;top:0;left:0}.chord-dot[data-astro-cid-223sd7lm].is-muted{opacity:0}.chord-notes.is-moving .name[data-astro-cid-223sd7lm]{opacity:0!important;transition:opacity .1s!important}.mute[data-astro-cid-223sd7lm]{opacity:0;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;top:0;left:0}.mute[data-astro-cid-223sd7lm].is-on{opacity:1}.mute[data-astro-cid-223sd7lm] i[data-astro-cid-223sd7lm]{width:10px;height:10px;position:relative}.mute[data-astro-cid-223sd7lm] i[data-astro-cid-223sd7lm]:before,.mute[data-astro-cid-223sd7lm] i[data-astro-cid-223sd7lm]:after{content:"";background:var(--note-default);width:12px;height:1.5px;margin:-.75px 0 0 -6px;position:absolute;top:50%;left:50%;transform:rotate(45deg)}.mute[data-astro-cid-223sd7lm] i[data-astro-cid-223sd7lm]:after{transform:rotate(-45deg)}.shape-slider[data-astro-cid-thmry4vg]{--step:56px;--knob:12px;z-index:3;touch-action:none;user-select:none;border-radius:4px;outline:none;padding:8px 8px 4px;display:inline-flex}.slider-body[data-astro-cid-thmry4vg]{flex-direction:column;gap:8px;display:flex}.slider-track[data-astro-cid-thmry4vg]{width:calc(var(--step) * var(--n) + var(--knob));height:var(--knob);background:var(--button-active);cursor:pointer;border-radius:30px;position:relative}.slider-knob[data-astro-cid-thmry4vg]{width:var(--knob);height:var(--knob);background:var(--note-accent);transform:translateX(calc(var(--step) * var(--i)));cursor:grab;border-radius:30px;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.shape-slider[data-astro-cid-thmry4vg].is-dragging .slider-knob[data-astro-cid-thmry4vg]{cursor:grabbing;transition-duration:.12s}.slider-steps[data-astro-cid-thmry4vg]{height:18px;position:relative}.slider-step[data-astro-cid-thmry4vg]{top:0;left:calc(var(--step) * var(--k) + var(--knob) / 2);font:inherit;letter-spacing:.04em;color:var(--legend);cursor:pointer;background:0 0;border:0;outline:none;padding:0 4px;font-size:14px;font-weight:700;line-height:18px;transition:color .2s;position:absolute;transform:translate(-50%)}.slider-step[data-astro-cid-thmry4vg].is-current{color:var(--note-accent)}.slider-step[data-astro-cid-thmry4vg]:hover{color:var(--link-plain-hover)}.shape-slider[data-astro-cid-thmry4vg]:focus-visible{background:var(--button-hover)}.body[data-astro-cid-2yvkguor]{flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex;overflow:hidden}.inner[data-astro-cid-2yvkguor]{flex-direction:column;align-items:center;gap:24px;width:100%;min-height:100vh;padding:40px;display:flex}.inner[data-astro-cid-2yvkguor] .guitar{flex:1}.top[data-astro-cid-2yvkguor]{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.menu[data-astro-cid-2yvkguor]{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.logo-short[data-astro-cid-2yvkguor]{display:none}.chord-info[data-astro-cid-2yvkguor]{flex-direction:column;gap:16px;width:100%;padding:8px;display:flex}.chord-head[data-astro-cid-2yvkguor]{flex-wrap:wrap;align-items:baseline;gap:6px 20px;margin-top:12px;display:flex}.chord-symbol[data-astro-cid-2yvkguor]{letter-spacing:.02em;color:var(--note-accent);margin:0;font-size:44px;font-weight:700;line-height:1.1}.chord-meta[data-astro-cid-2yvkguor]{letter-spacing:.04em;color:var(--link-plain);flex-wrap:wrap;align-items:baseline;gap:4px 28px;font-size:16px;font-weight:600;display:flex}.fact[data-astro-cid-2yvkguor]{color:var(--note-accent);word-spacing:.15em;align-items:baseline;gap:10px;display:inline-flex}.fact[data-astro-cid-2yvkguor] .k[data-astro-cid-2yvkguor]{word-spacing:normal;color:var(--legend);font-size:14px;font-weight:700}.description[data-astro-cid-2yvkguor]{letter-spacing:.04em;max-width:1000px;color:var(--body-30);font-size:14px;font-weight:400;line-height:1.4em}.bottom[data-astro-cid-2yvkguor]{align-items:flex-end;width:100%;display:flex}.shape-group[data-astro-cid-2yvkguor]{flex-direction:column;gap:4px;margin-left:-8px;display:flex}.shape-group[data-astro-cid-2yvkguor] .label[data-astro-cid-2yvkguor]{align-items:center;height:30px;display:flex}.pickers[data-astro-cid-2yvkguor]{grid-template-columns:auto 1fr;align-items:center;gap:8px 16px;margin:4px 0 0 -8px;display:grid}.picker[data-astro-cid-2yvkguor]{display:contents}.label[data-astro-cid-2yvkguor]{letter-spacing:.04em;color:var(--legend);padding-left:8px;font-size:14px;font-weight:700;line-height:1.3em}.row[data-astro-cid-2yvkguor]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.root-item[data-astro-cid-2yvkguor]{min-width:48px}@media (width<=999.98px){.inner[data-astro-cid-2yvkguor]{gap:0;min-height:0}.body[data-astro-cid-2yvkguor]{min-height:0}.top[data-astro-cid-2yvkguor],.menu[data-astro-cid-2yvkguor]{align-items:flex-start}.menu[data-astro-cid-2yvkguor] .scales{flex-direction:column;align-items:flex-start;gap:8px}.logo-full[data-astro-cid-2yvkguor]{display:none}.logo-short[data-astro-cid-2yvkguor]{display:inline-flex}.chord-info[data-astro-cid-2yvkguor]{margin-top:24px}.bottom[data-astro-cid-2yvkguor]{justify-content:center}.shape-group[data-astro-cid-2yvkguor]{align-items:center;margin-left:0}.pickers[data-astro-cid-2yvkguor]{grid-template-columns:1fr;gap:6px}.picker[data-astro-cid-2yvkguor] .row[data-astro-cid-2yvkguor]{margin-bottom:10px}}
