.dot-display-selector{display:inline-flex;gap:0;border:2px solid #000;box-shadow:3px 3px 0 #000}.dot-display-selector__btn{padding:.3em .8em;background:#fff;border:none;border-right:2px solid #000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.8rem;cursor:pointer;transition:background .1s ease}.dot-display-selector__btn:last-child{border-right:none}.dot-display-selector__btn:hover{background:#e0e0e0}.dot-display-selector__btn--active{background:#ffdd01}.dot-display-selector-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.harmonizerChordbox{width:7em;background:#fff;border:2px solid #000;box-shadow:3px 3px 0 #000;padding:.3em;transition:transform .15s ease,box-shadow .15s ease}.harmonizerChordbox:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.harmonizerChordbox--active{border-color:#ffdd01;box-shadow:0 0 0 3px #ffdd01,3px 3px 0 #000;transform:translate(-1px,-1px)}@media(min-width:600px){.harmonizerChordbox{width:10em}}.harmonizerChordsBox{justify-content:center;display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem}.chordTitleBox{display:flex;flex-direction:column;text-align:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700}#middle,#out{height:auto}#middle{padding-top:2em;padding-bottom:2em}#in{padding-top:.1em;padding-bottom:1em;height:auto}.extraChordsBox1{display:contents}.extraChordsBox2{display:none}.variation1{background:#f5f5f5;border-radius:0}.MuiSwitch-root{width:52px!important;height:28px!important;padding:0!important;margin:0 8px!important}.MuiSwitch-switchBase{padding:3px!important}.MuiSwitch-switchBase.Mui-checked{transform:translateX(24px)!important}.MuiSwitch-thumb{width:22px!important;height:22px!important;background:#ffdd01!important;box-shadow:2px 2px 0 #000!important}.MuiSwitch-thumb,.MuiSwitch-track{border-radius:0!important;border:2px solid #000!important}.MuiSwitch-track{background-color:#f5f5f5!important;opacity:1!important}.MuiSwitch-colorSecondary.Mui-checked+.MuiSwitch-track{background-color:#1a1a1a!important;opacity:1!important}.MuiSwitch-colorSecondary.Mui-checked .MuiSwitch-thumb{background:#ffdd01!important}.harmonizer-controls{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;justify-content:center;margin:.75rem 0 1rem}.harmonizer-controls>.MuiFormControl-root{padding-right:1.5rem;border-right:2px solid #000}.harmonizer-selector-group{display:flex;flex-direction:column;gap:.25rem}.harmonizer-selector-group__label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.68em;font-weight:700;text-transform:uppercase;letter-spacing:.07em;opacity:.5;padding-left:.1em}.harmonizer-selector-group__buttons{display:flex;flex-wrap:nowrap}.harmonizer-selector-btn{display:inline-block;padding:.3em .75em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.85em;border:2px solid #000;margin-left:-2px;background:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;color:inherit;line-height:1.4;white-space:nowrap;transition:background .1s ease,transform .1s ease}.harmonizer-selector-btn:first-child{margin-left:0}.harmonizer-selector-btn:hover:not(.harmonizer-selector-btn--active){z-index:1;position:relative;transform:translate(-1px,-1px)}.harmonizer-selector-btn--active{background:#ffdd01;position:relative;z-index:2}.harmonizer-chord-mode-toggle{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.harmonizer-chord-mode-toggle__label{display:inline-block;padding:.3em .7em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.85em;border:2px solid #000;box-shadow:2px 2px 0 #000;background:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .1s ease,box-shadow .1s ease}.harmonizer-chord-mode-toggle__label:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 #000}.harmonizer-chord-mode-toggle__label--active{background:#ffdd01;transform:translate(1px,1px);box-shadow:1px 1px 0 #000}.harmonizer-derived-chords{margin-top:1.5rem}.harmonizer-derived-chords__desc{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.9em;text-align:center;margin:.8rem 0 .5rem;text-transform:uppercase;letter-spacing:.04em}.chordPlaceholder{display:flex;align-items:center;justify-content:center;min-height:120px;padding:.5em;background:#f5f5f5;border:1px dashed #e0e0e0}.chordPlaceholderNotes{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.9em;font-weight:600;color:#1a1a1a;text-align:center;line-height:1.6}.progression-diagram-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1.5rem;margin-bottom:1rem}.voice-leading-fret-selector{display:flex;align-items:center;gap:.5rem}.voice-leading-fret-selector__label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.68em;font-weight:700;text-transform:uppercase;letter-spacing:.07em;opacity:.5}