button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.mainBox.ctrl-mode{cursor:cell}.stringLines{height:38px}.stringMark{width:14px;height:14px;transform:translateY(14px)}.stringMarkDouble{width:12px;height:12px}.stringMarkDoubleBox{gap:69px;transform:translateY(-27%)}.noteSpots{color:#fff;z-index:3;box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 5px #0000004d,inset 0 0 #0000}.noteSpots.is-not-visible{display:none}.noteSpots.is-visible{display:flex}.chordBox{opacity:.5;filter:grayscale(80%);background-color:#2a2a2a;border:2px solid #444;border-radius:8px;flex:1;padding:20px;transition:opacity .3s,filter .3s,border-color .3s,transform .3s;transform:scale(.99)}.chordBox:hover,.chordBox.active{opacity:1;filter:grayscale(0%);border-color:#00adb5;transform:scale(1)}.arpeggioBox{opacity:.5;filter:grayscale(80%);background-color:#2a2a2a;border:2px solid #444;border-radius:8px;flex:1;padding:20px;transition:opacity .3s,filter .3s,border-color .3s,transform .3s;transform:scale(.99)}.arpeggioBox:hover,.arpeggioBox.active{opacity:1;filter:grayscale(0%);border-color:#00adb5;transform:scale(1)}.scaleBox{opacity:.5;filter:grayscale(80%);background-color:#2a2a2a;border:2px solid #444;border-radius:8px;flex:1;padding:20px;transition:opacity .3s,filter .3s,border-color .3s,transform .3s;transform:scale(.99)}.scaleBox:hover,.scaleBox.active{opacity:1;filter:grayscale(0%);border-color:#00adb5;transform:scale(1)}.chord-btn{color:#ccc;cursor:pointer;background:#333;border:1px solid #555;border-radius:4px;margin:5px;padding:8px 12px;transition:all .2s}.chord-btn.selected{color:#fff;background:#00adb5;border-color:#00adb5;box-shadow:0 0 10px #00adb580}.penta-btn{color:#ccc;cursor:pointer;background:#333;border:1px solid #555;border-radius:4px;margin:5px;padding:8px 12px;transition:all .2s}.penta-btn.selected{color:#fff;background:#00adb5;border-color:#00adb5;box-shadow:0 0 10px #00adb580}.noteSpots.is-chord-tone{border:2px solid #b3ff00}.fretNums{font-size:14px;font-weight:700}.footer{font-size:14px}.note-grid,.pos-grid,.penta-grid,.scale-grid{display:contents}.scale-btn{text-align:center;min-width:100px}.strings{height:calc((1 + (.5 + var(--string-index)) * .5) * 1px)}.fret{border-right:2px solid #ccc}.fret[data-fret="0"]{border-right:4px solid #fff}@media (width<=768px){.note-grid{grid-template-columns:repeat(4,1fr);gap:5px;padding:5px;display:grid}.pos-grid{grid-template-columns:repeat(5,1fr);gap:3px;padding:3px;display:grid}.penta-grid{grid-template-columns:repeat(2,max-content);gap:3px;padding:3px;display:grid}.fret{border-right:1px solid #ccc}.fret[data-fret="0"]{border-right:2px solid #fff}.scale-grid{grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.note-btn{min-width:55px}.pos-btn{text-align:center;width:50px}.penta-btn{text-align:center;min-width:40px}.scale-btn{text-align:center;width:40px}.stringLines{height:15px}.strings{height:1px}.noteSpots{width:10px;height:10px;font-size:6px}.noteSpots.is-chord-tone{border:1px solid #b3ff00}.fretNums{font-size:8px}.footer{font-size:10px}.stringMark{width:7px;height:7px;transform:translateY(6px)}.stringMarkDouble{width:6px;height:6px}.stringMarkDoubleBox{gap:25px;transform:translateY(-28%)}}.root-note-wrapper{display:inline-block;position:relative}.circle-popover{z-index:100;opacity:0;visibility:hidden;background:#1e1e24d7;border:1px solid #3f3f46;border-radius:12px;padding:16px;transition:opacity .2s ease-out,transform .2s ease-out,visibility .2s;position:absolute;top:125%;left:50%;transform:translate(-50%)translateY(10px)scale(.95);box-shadow:0 10px 30px #0009}.circle-popover.is-visible{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}@keyframes pulse-opacity{0%{opacity:1;fill:orange;font-weight:700;transform:scale(1)}50%{opacity:1;fill:orange;font-weight:700;transform:scale(1)}to{opacity:1;fill:orange;font-weight:700;transform:scale(1)}}.pulsing-text{transform-origin:50%;transform-box:fill-box;animation:1.8s ease-in-out infinite pulse-opacity}