.guitar{--scale:1.6;--rotate:0deg;justify-content:center;align-items:center;width:100%;min-height:480px;display:flex}@media (width>=1400px) and (width<=1999.98px){.guitar{--scale:1.3}}@media (width>=1000px) and (width<=1399.98px){.guitar{--scale:.9}}@media (width<=999.98px){.guitar{--scale:.9;--rotate:90deg;padding:380px 0}}.variants{transform:scale(var(--board-scale,var(--scale))) rotate(var(--rotate))}@media (width<=999.98px){.variants{transform:scale(var(--scale)) rotate(var(--rotate))}}.board{position:relative}.row{display:flex}.cell{flex:none;width:64px;height:32px;position:relative}.num{letter-spacing:.04em;color:var(--legend);user-select:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.frets{border-radius:8px;overflow:hidden}.fret{flex-direction:column;display:flex;position:relative}.str{background:var(--guitar-bg);overflow:hidden}.str:after{content:"";background:var(--guitar-string);height:1px;margin-top:-.5px;position:absolute;top:50%;left:0;right:0}.fret-zero .str{background:var(--guitar-border)}.fret-zero .str:after{display:none}.fret-zebra:after{content:"";border-left:2px solid var(--guitar-border);border-right:2px solid var(--guitar-border);pointer-events:none;position:absolute;inset:0}.mark{justify-content:center;align-items:center;gap:4px;display:flex}.mark i{background:var(--legend);border-radius:50%;width:8px;height:8px}.notes{z-index:2;width:1024px;height:192px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.dot{background-position:50%;background-repeat:no-repeat;background-size:64px 32px;position:absolute;inset:0}.is-play .dot{background-image:url(/notes/play.png)}.is-tonic .dot{background-image:url(/notes/tonic.png)}.name{letter-spacing:-.1em;color:#121212;white-space:pre;opacity:0;pointer-events:none;font-size:8px;font-weight:700;line-height:1em;transition:opacity .3s;position:absolute;top:51.5%;left:50%;transform:translate(-50%,-50%)}@supports (text-box:trim-both cap alphabetic){.name{text-box:trim-both cap alphabetic;top:50.5%}}.is-play .name,.is-tonic .name{color:#121212}:root[data-notes=on] .name{opacity:1}.board-controls{z-index:3;align-items:center;gap:12px;display:flex;position:absolute;top:284px;left:0;transform:translateY(-100%)}.acc-group{border-left:1px solid var(--button-active);align-items:center;gap:8px;padding-left:12px;display:flex}.acc-switch{gap:2px;display:flex}.acc-switch button{min-width:22px;font:inherit;letter-spacing:.04em;color:var(--legend);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 7px;font-size:12px;font-weight:700;line-height:1;transition:background-color .1s linear,color .1s linear}.acc-switch button[data-acc=sharp],.acc-switch button[data-acc=flat]{font-size:15px;font-weight:400}.acc-switch button:hover{background:var(--button-hover)}.acc-switch button[aria-checked=true]{background:var(--button-active);color:var(--note-accent)}.toggle{cursor:pointer;font:inherit;z-index:3;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:8px 0 8px 8px;display:flex;position:relative}.track{background:var(--button-active);border-radius:30px;width:20px;height:10px;position:relative}.knob{background:var(--note-default);border-radius:30px;width:10px;height:10px;transition:transform .4s cubic-bezier(.34,1.3,.64,1),background-color .4s;position:absolute;top:0;left:0}:root[data-notes=on] .knob{background:var(--note-accent);transform:translate(10px)}.toggle-label{letter-spacing:.04em;color:var(--legend);white-space:nowrap;font-size:12px;font-weight:700}.slider[data-astro-cid-qp4pc6xv]{--step:56px;--knob:calc(10px * var(--board-scale,.9));z-index:3;touch-action:none;user-select:none;border-radius:4px;outline:none;padding:8px 8px 4px;display:inline-flex}.slider-body[data-astro-cid-qp4pc6xv]{flex-direction:column;gap:8px;display:flex}.slider-track[data-astro-cid-qp4pc6xv]{width:calc(var(--step) * var(--n) + var(--knob));height:var(--knob);background:var(--button-active);cursor:pointer;border-radius:30px;position:relative}.slider-knob[data-astro-cid-qp4pc6xv]{width:var(--knob);height:var(--knob);background:var(--note-accent);transform:translateX(calc(var(--step) * var(--i)));cursor:grab;border-radius:30px;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.slider[data-astro-cid-qp4pc6xv].is-dragging .slider-knob[data-astro-cid-qp4pc6xv]{cursor:grabbing;transition-duration:.12s}.slider-steps[data-astro-cid-qp4pc6xv]{height:18px;position:relative}.slider-step[data-astro-cid-qp4pc6xv]{top:0;left:calc(var(--step) * var(--k) + var(--knob) / 2);font:inherit;letter-spacing:.04em;color:var(--legend);cursor:pointer;background:0 0;border:0;outline:none;padding:0 4px;font-size:14px;font-weight:700;line-height:18px;transition:color .2s;display:block;position:absolute;transform:translate(-50%)}.slider-step[data-astro-cid-qp4pc6xv].is-current{color:var(--note-accent)}.slider-step[data-astro-cid-qp4pc6xv]:hover{color:var(--link-plain-hover)}.slider[data-astro-cid-qp4pc6xv]:focus-visible{background:var(--button-hover)}@media (width<=999.98px){.slider[data-astro-cid-qp4pc6xv].is-long{--step:26px}}.dropdown[data-astro-cid-i5v37hkz]{display:inline-block;position:relative}.dd-button[data-astro-cid-i5v37hkz]{background:var(--button-active);cursor:pointer;user-select:none;border-radius:6px;align-items:center;gap:12px;padding:12px 16px 12px 18px;list-style:none;transition:background-color .1s linear;display:inline-flex}.dd-button[data-astro-cid-i5v37hkz]::-webkit-details-marker{display:none}.dd-button[data-astro-cid-i5v37hkz]:hover,.dropdown[data-astro-cid-i5v37hkz][open] .dd-button[data-astro-cid-i5v37hkz]{background:#ffffff14}.dd-label[data-astro-cid-i5v37hkz]{letter-spacing:.04em;color:var(--legend);font-size:14px;font-weight:700}.dd-value[data-astro-cid-i5v37hkz]{letter-spacing:.04em;color:var(--note-accent);white-space:nowrap;flex:1;font-size:20px;font-weight:700;line-height:1.2}.dd-chev[data-astro-cid-i5v37hkz]{border-right:2px solid var(--body-60);border-bottom:2px solid var(--body-60);width:7px;height:7px;margin:-4px 2px 0 6px;transition:transform .2s;transform:rotate(45deg)}.dropdown[data-astro-cid-i5v37hkz][open] .dd-chev[data-astro-cid-i5v37hkz]{transform:translateY(4px)rotate(-135deg)}.dd-panel[data-astro-cid-i5v37hkz]{z-index:10;overscroll-behavior:contain;background:#161616;border-radius:8px;flex-direction:column;gap:2px;min-width:100%;max-height:calc(100vh - 180px);padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 16px 40px #0000008c}.dd-group[data-astro-cid-i5v37hkz]{letter-spacing:.06em;text-transform:uppercase;color:var(--legend);padding:14px 14px 6px;font-size:12px;font-weight:700}.dd-group[data-astro-cid-i5v37hkz]:first-child{padding-top:8px}.dd-panel[data-astro-cid-i5v37hkz].is-columns{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:8px 6px;width:min(1300px,100vw - 80px);padding:8px;display:grid}.dd-col[data-astro-cid-i5v37hkz]{flex-direction:column;gap:2px;display:flex}.dd-col[data-astro-cid-i5v37hkz] .dd-group[data-astro-cid-i5v37hkz]{padding-top:8px}@media (width<=1279.98px){.dd-panel[data-astro-cid-i5v37hkz].is-columns{grid-template-columns:repeat(3,minmax(0,1fr));width:min(900px,100vw - 80px)}}@media (width<=999.98px){.dd-panel[data-astro-cid-i5v37hkz].is-columns{flex-direction:column;gap:4px;width:auto;display:flex}.dd-panel[data-astro-cid-i5v37hkz].is-columns .dd-col[data-astro-cid-i5v37hkz]+.dd-col[data-astro-cid-i5v37hkz] .dd-group[data-astro-cid-i5v37hkz]{padding-top:14px}}.dd-item[data-astro-cid-i5v37hkz]{letter-spacing:.04em;color:var(--link-plain);white-space:nowrap;border-radius:4px;justify-content:space-between;align-items:baseline;gap:24px;padding:12px 14px;font-size:18px;font-weight:600;line-height:1.2;transition:background-color .1s linear,color .1s linear;display:flex}.dd-item[data-astro-cid-i5v37hkz]:hover{background:var(--button-hover);color:var(--note-accent)}.dd-item[data-astro-cid-i5v37hkz].is-active{background:var(--button-active);color:var(--note-accent)}.dd-item[data-astro-cid-i5v37hkz] small[data-astro-cid-i5v37hkz]{color:var(--legend);font-size:13px;font-weight:600}