.tool[data-tool=circle-of-fifths] .wheel-box{min-inline-size:0}.tool[data-tool=circle-of-fifths] .wheel-box svg{block-size:auto;inline-size:100%;max-inline-size:380px;margin-inline:auto;display:block}.tool[data-tool=circle-of-fifths] .wedge{fill:var(--c-surface-2);stroke:var(--c-surface);stroke-width:2px;cursor:pointer}.tool[data-tool=circle-of-fifths] .wedge:hover{fill:var(--c-border)}.tool[data-tool=circle-of-fifths] .wedge.sel{fill:var(--c-primary)}.tool[data-tool=circle-of-fifths] .wedge:focus-visible{outline:2px solid var(--c-focus);outline-offset:-2px}.tool[data-tool=circle-of-fifths] text{pointer-events:none;fill:var(--c-text)}.tool[data-tool=circle-of-fifths] .major{font-size:19px;font-weight:700}.tool[data-tool=circle-of-fifths] .minor{fill:var(--c-text-2);font-size:13px}.tool[data-tool=circle-of-fifths] .major.sel,.tool[data-tool=circle-of-fifths] .minor.sel,.tool[data-tool=circle-of-fifths] .center{fill:var(--c-on-primary)}.tool[data-tool=circle-of-fifths] .center{fill:var(--c-text);font-size:16px;font-weight:700}