.styles_note__NBt5F{white-space:nowrap}.styles_accidental__y44Ks{position:relative;top:-3px;font-size:.78em}.styles_interval__i9mZy{display:inline-block;white-space:nowrap}.styles_accidental__ImIki{display:inline-block;position:relative;top:-1px;font-size:.81em}.styles_harmonica__zSOY2{width:100%;font-weight:500;--aspect-ratio:11/9}@media(max-width:768px){.styles_harmonica__zSOY2{--aspect-ratio:9/9}}@media(max-width:640px){.styles_harmonica__zSOY2{--aspect-ratio:8/9}}@media(max-width:440px){.styles_harmonica__zSOY2{--aspect-ratio:5/9}}@media(max-width:360px){.styles_harmonica__zSOY2{--aspect-ratio:5/10}}.styles_holes__EBd7N{display:flex;background:#ff7b4e;margin-bottom:var(--gap-space);gap:var(--gap-space);border-radius:4px;font-size:16px}@media(max-width:640px){.styles_holes__EBd7N{font-size:14px}}@media(max-width:440px){.styles_holes__EBd7N{font-size:13px}}.styles_holeWrapper___FWfx{display:flex;justify-content:center;margin:var(--gap-space) 0;padding:0 var(--gap-space);flex:1}.styles_hole__pGwRB{background:#000;border-radius:4px;display:grid;place-content:center;width:30px}@media(max-width:640px){.styles_hole__pGwRB{width:20px}}.styles_holeText__ipk3p{color:#fff;padding:6px}.styles_leftEnd__p0rdY,.styles_rightEnd__UpuX8{width:var(--end-space)}.styles_notesRow__2kBAV{display:flex;gap:var(--gap-space);margin-bottom:var(--gap-space);font-size:26px}@media(max-width:640px){.styles_notesRow__2kBAV{font-size:23px}}@media(max-width:440px){.styles_notesRow__2kBAV{font-size:22px}}@media(max-width:360px){.styles_notesRow__2kBAV{font-size:20px}}.styles_noteBox__V_skj{flex:1;background:#fff;aspect-ratio:var(--aspect-ratio);display:flex;justify-content:center;align-items:center;border:2px solid #000;border-radius:4px;position:relative}@media(max-width:640px){.styles_noteBox__V_skj{align-items:flex-end;border-width:1px}}@media(max-width:440px){.styles_noteBox__V_skj{overflow:hidden}}.styles_noteBoxHidden__TO5Ow{visibility:hidden}.styles_noteBoxStriped__uktIJ{background-image:linear-gradient(137deg,transparent 25%,rgba(0,0,0,.05) 0,rgba(0,0,0,.07) 50%,transparent 0,transparent 75%,rgba(0,0,0,.05) 0,rgba(0,0,0,.05));background-size:20px 18.65px}.styles_noteBoxCheckered__zZZf4{background-image:repeating-conic-gradient(rgba(0,0,0,.06) 0 25%,transparent 0 50%);background-size:20px 20px;background-position:50%}.styles_noteBoxCore__ZTiTY{background-color:#b9d6be}.styles_noteBoxTarget__S6DoG{background-color:#c0d1e2}.styles_noteBoxAvoid__v2sV8{background-color:#ecdab1}.styles_noteBoxFlair__2WB8R{background-color:#d8cee0}.styles_noteTextRoot__JTYh5{font-weight:700}@media(max-width:440px){.styles_noteText__wKplI{margin-bottom:-2px}}.styles_interval__SUV9J{position:absolute;top:-8px;right:-8px;display:grid;place-content:center;background:#fff5f5;border:1px solid #000;font-size:14px;width:26px;height:26px;border-radius:50%}@media(max-width:640px){.styles_interval__SUV9J{font-size:13px;width:22px;height:22px;top:-5px;right:-5px}}@media(max-width:440px){.styles_interval__SUV9J{font-size:13px;top:0;right:unset;border-radius:0;border:0;border-bottom:1px solid #000;width:100%}}.styles_select__a2D2D{display:inline-block;border-radius:4px;font-weight:700;outline:none;padding:2px 4px 2px 2px;background:#e2e8f0;border:6px solid #e2e8f0;margin-right:8px;font-size:28px}@media(max-width:768px){.styles_select__a2D2D{font-size:24px}}@media(max-width:640px){.styles_select__a2D2D{font-size:21px}}@media(max-width:440px){.styles_select__a2D2D{font-size:17px;margin-right:3px;border-width:3px}}.styles_controls__76WIH{position:absolute;top:0;left:var(--edge-space);z-index:2;padding:8px 0}@media(max-width:640px){.styles_controls__76WIH{position:static;padding:0;margin-top:4px;margin-bottom:12px;margin-left:var(--edge-space)}}@media(max-width:360px){.styles_controls__76WIH{margin-top:0;margin-bottom:20px}}.styles_harmonicaText__ivsB5{margin-right:20px}.styles_harmonicaText__ivsB5,.styles_positionText__NzBVz{display:inline-block;font-weight:700;font-size:28px}@media(max-width:768px){.styles_harmonicaText__ivsB5,.styles_positionText__NzBVz{margin-right:18px;font-size:24px}}@media(max-width:640px){.styles_harmonicaText__ivsB5,.styles_positionText__NzBVz{margin-right:16px;font-size:21px}}@media(max-width:440px){.styles_harmonicaText__ivsB5,.styles_positionText__NzBVz{margin-right:10px;font-size:17px}}.styles_toggle__arpe1{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px;line-height:1}.styles_toggle__arpe1:has(.styles_input__x1OKq:disabled){cursor:not-allowed}.styles_input__x1OKq{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.styles_track__tfjBF{position:relative;display:inline-block;width:36px;height:20px;background-color:#cbd0d6;border-radius:999px;transition:background-color .12s ease;flex-shrink:0}.styles_trackOn__96aZ9{background-color:#ff7b4e}.styles_thumb__ink7l{position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .12s ease}.styles_trackOn__96aZ9 .styles_thumb__ink7l{left:18px}.styles_input__x1OKq:focus-visible+.styles_track__tfjBF{outline:2px solid #6b7280;outline-offset:2px}.styles_input__x1OKq:disabled~.styles_label__rc3SA,.styles_input__x1OKq:disabled~.styles_track__tfjBF{opacity:.5;cursor:not-allowed}.styles_label__rc3SA{font-weight:500;color:#333}.styles_legendBar__PvlgN{position:absolute;bottom:0;right:var(--edge-space);width:auto;max-width:70%;display:flex;flex-direction:column;align-items:flex-end;gap:12px;padding:6px 0;font-size:14px;color:#555}@media(max-width:640px){.styles_legendBar__PvlgN{font-size:13px;position:static;width:auto;max-width:none;align-items:flex-start;margin:24px var(--edge-space) 0;padding-top:0}}.styles_toggleRow__9NNZ6{display:inline-flex;align-items:center}.styles_swatches__ipvy9{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 14px;transition:opacity .15s ease}@media(max-width:640px){.styles_swatches__ipvy9{justify-content:flex-start}}.styles_swatchesDimmed__eO9zv{opacity:.45}.styles_item__VtUmx{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.styles_swatch__mcl_3{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.styles_swatch_core__6gc3g{background-color:#b9d6be}.styles_swatch_target__OpgrM{background-color:#c0d1e2}.styles_swatch_avoid__6s2jJ{background-color:#ecdab1}.styles_swatch_flair__3t5St{background-color:#d8cee0}.styles_swatch_bend__gLB5s{background-color:#fff;background-image:linear-gradient(137deg,transparent 25%,rgba(0,0,0,.05) 0,rgba(0,0,0,.07) 50%,transparent 0,transparent 75%,rgba(0,0,0,.05) 0,rgba(0,0,0,.05));background-size:8px 7.46px}.styles_swatch_overbend__x1Xb8{background-color:#fff;background-image:repeating-conic-gradient(rgba(0,0,0,.18) 0 25%,transparent 0 50%);background-size:7px 7px;background-position:50%}.styles_label__4nvrt{font-weight:500;letter-spacing:.02em}.styles_wrapper__mqB6v{width:min(100%,860px);background:#fff;padding:24px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);border-radius:8px;font-size:18px;margin:var(--edge-space);margin-top:20px}.styles_title__p3zcF{text-align:center;margin:0 0 22px;font-size:24px;line-height:1.7;font-weight:400}.styles_lineBreak__f17tP{margin:8px 0;border-bottom:1px solid #ccc}.styles_heading__pdZoA{margin:24px 0 8px;font-size:20px;font-weight:400}.styles_bulletList__wate1{list-style:disc;list-style-position:inside;font-size:18px;line-height:1.7}.styles_legend__nr8JF{display:flex;flex-direction:column;gap:18px}.styles_legendRow__4AEJv{border-left:4px solid #ddd;padding:4px 0 4px 12px}.styles_legendHeader__5LcdD{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;font-weight:400}.styles_legendSwatch__7Fl4S{display:inline-block;width:18px;height:18px;border-radius:3px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.styles_legendSwatch_core__g2Gop{background-color:#b9d6be}.styles_legendSwatch_target__hjy6X{background-color:#c0d1e2}.styles_legendSwatch_avoid__THruR{background-color:#ecdab1}.styles_legendSwatch_flair__GgGqK{background-color:#d8cee0}.styles_legendCategory__YX8mi{font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.04em}.styles_legendLabel__teqWs{font-size:17px;color:#444}.styles_legendNotes__TnB7x{margin:6px 0 4px;font-size:17px;display:flex;flex-wrap:wrap;gap:4px 8px}.styles_legendBody__P2Ub0{margin:4px 0 0;font-size:17px;line-height:1.55}@media(max-width:768px){.styles_wrapper__mqB6v{padding:20px}.styles_title__p3zcF{font-size:23px}.styles_heading__pdZoA{font-size:19px}.styles_bulletList__wate1{font-size:17px}}@media(max-width:640px){.styles_wrapper__mqB6v{padding:18px}.styles_title__p3zcF{font-size:22px;margin-bottom:19px}.styles_heading__pdZoA{font-size:18px}.styles_bulletList__wate1{font-size:16px}}@media(max-width:440px){.styles_wrapper__mqB6v{padding:14px}.styles_title__p3zcF{font-size:20px;margin-bottom:18px}.styles_heading__pdZoA{font-size:17px}.styles_bulletList__wate1{font-size:15px}}.styles_wrapper__wEq_2{max-width:min(100%,860px);margin:auto}.styles_wrapperInner__rdsTg{display:flex;flex-wrap:wrap}.styles_harmonicaArea__6f6Yk{position:relative;width:100%;padding-top:24px}@media(max-width:640px){.styles_harmonicaArea__6f6Yk{padding-top:0}}