.flute-diagram{width:100%;height:auto;display:block}.flute-key circle,.flute-key ellipse,.flute-key path,.flute-key rect{fill:var(--flute-key-ground,transparent);stroke:currentColor;stroke-width:3px;stroke-linejoin:round;transition:fill .14s}.flute-key.is-down circle,.flute-key.is-down ellipse,.flute-key.is-down rect,.flute-key.is-down path{fill:currentColor}.flute-diagram.is-interactive .flute-key{cursor:pointer}.flute-diagram.is-interactive .flute-key:hover circle,.flute-diagram.is-interactive .flute-key:hover ellipse,.flute-diagram.is-interactive .flute-key:hover rect,.flute-diagram.is-interactive .flute-key:hover path{fill:#dce8d7}.flute-diagram.is-interactive .flute-key:focus-visible{outline:none}:is(.flute-diagram.is-interactive .flute-key:focus-visible circle,.flute-diagram.is-interactive .flute-key:focus-visible ellipse,.flute-diagram.is-interactive .flute-key:focus-visible rect){stroke:#678956;stroke-width:4.5px}@media (prefers-reduced-motion:reduce){.flute-key circle,.flute-key ellipse,.flute-key rect{transition:none}}