[data-rmiz-ghost]{position:absolute;pointer-events:none}[data-rmiz-btn-unzoom],[data-rmiz-btn-zoom]{background-color:rgba(0,0,0,.7);border-radius:50%;border:none;box-shadow:0 0 1px hsla(0,0%,100%,.5);color:#fff;height:40px;margin:0;outline-offset:2px;padding:9px;touch-action:manipulation;width:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-rmiz-btn-zoom]:not(:focus):not(:active){position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;pointer-events:none;white-space:nowrap;width:1px}[data-rmiz-btn-zoom]{position:absolute;inset:10px 10px auto auto;cursor:zoom-in}[data-rmiz-btn-unzoom]{position:absolute;inset:20px 20px auto auto;cursor:zoom-out;z-index:1}[data-rmiz-content=found] [data-zoom],[data-rmiz-content=found] [role=img],[data-rmiz-content=found] img,[data-rmiz-content=found] svg{cursor:zoom-in}[data-rmiz-modal]::backdrop{display:none}[data-rmiz-modal][open]{position:fixed;width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden}[data-rmiz-modal-overlay]{position:absolute;inset:0;transition:background-color .3s}[data-rmiz-modal-overlay=hidden]{background-color:hsla(0,0%,100%,0)}[data-rmiz-modal-overlay=visible]{background-color:#fff}[data-rmiz-modal-content]{position:relative;width:100%;height:100%}[data-rmiz-modal-img]{position:absolute;cursor:zoom-out;image-rendering:high-quality;transform-origin:top left;transition:transform .3s}@media (prefers-reduced-motion:reduce){[data-rmiz-modal-img],[data-rmiz-modal-overlay]{transition-duration:.01ms!important}}.clef-rake{--bg:#fff4c9;--ink:#1e2a5a;--soft:#7a80a6;--line:#2f6fde;--space:#e8468f;color:var(--ink);font-family:Fredoka,ui-rounded,system-ui,sans-serif;line-height:1.4;max-width:520px;margin:1.5rem auto;background:var(--bg);padding:14px;border-radius:16px}.clef-rake .inst{font-size:.95rem;margin:0 0 8px}.clef-rake{max-width:none;margin-left:-32px;margin-right:-32px;padding-left:8px;padding-right:8px}.clef-rake .arrows{width:34px;flex:0 0 34px}.clef-rake .arrows button{width:34px;height:34px}@media (min-width:552px){.clef-rake{max-width:520px;margin-left:auto;margin-right:auto;padding-left:14px;padding-right:14px}.clef-rake .arrows{width:42px;flex:0 0 42px}.clef-rake .arrows button{width:42px;height:42px}}.clef-rake .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.clef-rake .seg{display:inline-flex;border:2px solid var(--ink);border-radius:999px;overflow:hidden}.clef-rake .seg button{border:0;border-radius:0;padding:5px 12px}.clef-rake .seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.clef-rake button,.clef-rake select{font:inherit;color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:999px;padding:5px 12px;cursor:pointer}.clef-rake button:focus-visible,.clef-rake select:focus-visible{outline:3px solid var(--space);outline-offset:2px}.clef-rake .stage{display:flex;gap:6px;align-items:stretch}.clef-rake .stage svg{display:block;flex:1;min-width:0;height:auto}.clef-rake .arrows{position:relative;width:42px;flex:0 0 42px}.clef-rake .arrows>div{position:absolute;left:0;display:flex;flex-direction:column;gap:6px;transition:top .12s}.clef-rake .arrows button{width:42px;height:42px;padding:0;border-radius:12px}.clef-rake #hit{cursor:grab;touch-action:none}.clef-rake #hit:active{cursor:grabbing}.clef-rake .notch{cursor:pointer}.clef-rake .notch:hover text{fill:var(--ink)}.clef-rake .notch:focus{outline:none}.clef-rake .notch:focus-visible rect{stroke:var(--space);stroke-width:2}.clef-glyphs svg,.contour-figure svg,.letter-to-glyph svg,.line-and-space svg,.middle-c-across svg,.middle-line-shift svg,.pitch-ladder svg,.staff-cutaway svg,.unnamed-clefs svg{display:block;width:100%;height:auto}