.CircleOfFifths_svg__FVaJi{display:block;width:100%;max-width:400px;height:auto;margin:0 auto;overflow:visible}[data-compact] .CircleOfFifths_svg__FVaJi{max-width:260px}[data-compact] .CircleOfFifths_svg__FVaJi[data-bare]{max-width:190px}.CircleOfFifths_turn__e0h_F{transform-box:view-box;transform-origin:190px 190px}.CircleOfFifths_name__1bWLi,.CircleOfFifths_turn__e0h_F,.CircleOfFifths_upright__xukj1{transition:transform .5s ease-in-out}.CircleOfFifths_ring__ey60K{fill:none;stroke:var(--hairline);stroke-width:1}.CircleOfFifths_capRim__CmvXG,.CircleOfFifths_cap__7jcbI,.CircleOfFifths_win__C4N9M{fill:none;stroke-linecap:round;transform-box:view-box;transform-origin:190px 190px;transition:stroke-dasharray .45s ease-in-out,transform .45s ease-in-out}.CircleOfFifths_capRim__CmvXG{stroke:var(--card-rim)}.CircleOfFifths_cap__7jcbI{stroke:var(--card);filter:drop-shadow(0 1px 2px rgb(0 0 0/.12)) drop-shadow(0 2px 6px rgb(0 0 0/.06))}.CircleOfFifths_capRim__CmvXG[data-full],.CircleOfFifths_cap__7jcbI[data-full]{stroke-linecap:butt}.CircleOfFifths_win__C4N9M{stroke:var(--panel)}.CircleOfFifths_spoke__IJWBR{stroke:var(--c);stroke-width:1.5;stroke-linecap:round;opacity:.35;pointer-events:none;stroke-dasharray:1;stroke-dashoffset:0;animation:CircleOfFifths_draw__8Hypz .5s ease-out .3s backwards;transition:opacity .2s ease-in-out,stroke-width .2s ease-in-out}.CircleOfFifths_spoke__IJWBR[data-hot]{opacity:1;stroke-width:2.5}.CircleOfFifths_spoke__IJWBR[data-ghost]{stroke:var(--ink40);stroke-dasharray:.04 .03;opacity:.8;animation:none}@keyframes CircleOfFifths_draw__8Hypz{0%{stroke-dashoffset:1;opacity:0}30%{opacity:.35}to{stroke-dashoffset:0}}.CircleOfFifths_out__dc6y1{fill:var(--gray);opacity:.45}.CircleOfFifths_name__1bWLi{font-size:13px;font-weight:800;fill:var(--ink40);text-anchor:middle;dominant-baseline:central}.CircleOfFifths_slot__P9taq[data-lit] .CircleOfFifths_name__1bWLi{fill:var(--ink)}.CircleOfFifths_slot__P9taq[data-home] .CircleOfFifths_name__1bWLi{font-size:15px}.CircleOfFifths_svg__FVaJi[data-bare]{font-size:26px}.CircleOfFifths_svg__FVaJi[data-bare] .CircleOfFifths_name__1bWLi{font-size:19px}.CircleOfFifths_svg__FVaJi[data-bare] .CircleOfFifths_slot__P9taq[data-home] .CircleOfFifths_name__1bWLi{font-size:22px}.CircleOfFifths_hit__S_rhJ{fill:#0000}.CircleOfFifths_hit__S_rhJ[data-lit]{cursor:pointer}.CircleOfFifths_roots__XAUO9{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin-bottom:var(--s1)}.CircleOfFifths_rootChip__zmvKK{min-width:2.4em;padding:4px 6px;border-radius:var(--r-pill);border:1px solid #0000;background:#0000;color:var(--ink60);font:inherit;font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2;cursor:pointer;transition:background-color .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}[data-compact] .CircleOfFifths_rootChip__zmvKK{padding:3px 5px;font-size:.76rem}.CircleOfFifths_rootChip__zmvKK:hover{color:var(--ink);background:var(--panel)}.CircleOfFifths_rootChip__zmvKK[data-on]{background:var(--card);border-color:var(--card-rim);color:var(--ink);box-shadow:var(--shadow-lift)}.CircleOfFifths_homes__a0R6G{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:var(--s1);min-height:28px}.CircleOfFifths_homeChip__tiqlu{padding:4px 10px;border-radius:var(--r-pill);border:1px solid #0000;background:#0000;color:var(--ink60);font:inherit;font-size:.82rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}[data-compact] .CircleOfFifths_homeChip__tiqlu{padding:3px 8px;font-size:.76rem}.CircleOfFifths_homeChip__tiqlu:hover{color:var(--ink);background:var(--panel)}.CircleOfFifths_homeChip__tiqlu[data-on]{background:var(--card);border-color:var(--card-rim);color:var(--ink);box-shadow:var(--shadow-lift)}.CircleOfFifths_homeNote__0lL_w{color:var(--c);font-weight:800}.CircleOfFifths_homeChip__tiqlu[data-dim] .CircleOfFifths_homeMode__0n5kx{color:var(--ink40);font-weight:500}.CircleOfFifths_scale__f9vAl{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 10px;margin-top:var(--s1)}.CircleOfFifths_step__DJklq{display:inline-flex;flex-direction:column;align-items:center;min-width:1.8em;line-height:1.15}.CircleOfFifths_stepNote__2YiYM{color:var(--c);font-size:.9rem;font-weight:800}.CircleOfFifths_stepSemi__4UpxJ{font-family:var(--font-mono);font-size:.72rem;color:var(--ink40);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.CircleOfFifths_capRim__CmvXG,.CircleOfFifths_cap__7jcbI,.CircleOfFifths_name__1bWLi,.CircleOfFifths_turn__e0h_F,.CircleOfFifths_upright__xukj1,.CircleOfFifths_win__C4N9M{transition:none}.CircleOfFifths_spoke__IJWBR{animation:none}}