.toolbox{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;background:#222;padding:10px;margin-bottom:15px;color:#eee;box-shadow:none}.toolbox[show=no]{display:none}.toolbox .toolbox-title{color:#ccc;font-size:14px;margin:5px 0 10px}.toolbox .toolbox-more-panel .toolbox-more-toggle-button{position:absolute;top:0;right:0;width:50px;line-height:50px;text-align:center;color:#888;z-index:5;cursor:pointer}.toolbox .toolbox-more-panel .toolbox-more-toggle-button:hover{color:#eee}.toolbox .toolbox-more-panel .toolbox-more-content{position:absolute;right:0;top:0;height:100%}.toolbox .toolbox-more-panel .toolbox-more-content .toolbox-more-content-relative{position:relative;background:#151515;padding:30px 10px 10px;box-shadow:-3px 3px 3px rgba(0,0,0,.5);z-index:5;border-bottom-left-radius:3px}.toolbox-btn-group .dropdown-toggle{border:none;outline:none;background:#444;border-radius:3px;font-size:14px;padding:2px 10px 3px}.toolbox-btn-group .dropdown-toggle .dropdown-label{color:#888;font-style:italic;font-size:13px;line-height:22px}.toolbox-btn-group .dropdown-toggle .dropdown-value{color:#eee}.toolbox-btn-group .dropdown-menu{width:120px;max-height:150px;overflow-y:auto;min-width:120px;background:#111;color:#eee}.toolbox-btn-group .dropdown-menu::-webkit-scrollbar-track{background-color:#222;border-radius:5px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3)}.toolbox-btn-group .dropdown-menu::-webkit-scrollbar{width:6px;background-color:#111}.toolbox-btn-group .dropdown-menu::-webkit-scrollbar-thumb{background-color:#333;border-radius:5px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3)}.toolbox-btn-group .dropdown-menu li{cursor:pointer}.toolbox-btn-group .dropdown-menu>li>a{color:#888}.toolbox-btn-group .dropdown-menu>li>a:hover,.toolbox-btn-group .dropdown-menu>li>a:focus{background:#000;color:#eee}.toolbox-btn-group .param-radio{user-select:none;cursor:pointer}.toolbox-btn-group .param-radio[active=yes]{color:#eee}.toolbox-btn-toggle:hover,.toolbox-btn-toggle[state=on]{color:#fff}.toolbox-btn{color:#666;vertical-align:middle;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;transition:all .2s ease;cursor:pointer;border-radius:3px;line-height:36px;display:inline-block;width:46px;font-size:20px;text-align:center}.toolbox-btn:hover{color:#777}.toolbox-btn[state=on]{color:#fff}.toolbox-head{background:#151515;padding:2px 10px;border-top-left-radius:3px;border-top-right-radius:3px}.toolbox-head input{display:inline-block;font-size:16px;line-height:20px;width:33px;background:0 0;border:none;outline:none;text-align:center}.toolbox-instructions{text-align:left}.toolbox-instructions .toolbox-instructions-title{color:#eee;font-size:20px;width:100%;text-align:left}.toolbox-instructions .toolbox-instructions-title sup,.toolbox-instructions .toolbox-instructions-title sub,.toolbox-instructions .toolbox-instructions-title small{font-size:16px;color:#eee}.toolbox-instructions .toolbox-instructions-title[chord-analyser-tool]{color:#4ab6bf}.toolbox-instructions .toolbox-instructions-title[chord-analyser-tool] sup,.toolbox-instructions .toolbox-instructions-title[chord-analyser-tool] sub,.toolbox-instructions .toolbox-instructions-title[chord-analyser-tool] small{color:#4ab6bf}.toolbox-instructions .toolbox-instructions-title[progressions-generator]{color:#a87eb7}.toolbox-instructions .toolbox-instructions-title[progressions-generator] sup,.toolbox-instructions .toolbox-instructions-title[progressions-generator] sub,.toolbox-instructions .toolbox-instructions-title[progressions-generator] small{color:#a87eb7}.toolbox-instructions .toolbox-instructions-subtitle{color:#999;font-size:16px;width:100%;text-align:left}.toolbox-instructions .toolbox-instructions-subtitle sup,.toolbox-instructions .toolbox-instructions-subtitle sub,.toolbox-instructions .toolbox-instructions-subtitle small{font-size:13px;color:#999}.toolbox-radio{margin-bottom:5px;display:table}.toolbox-radio .toolbox-radio-subtitle{font-size:12px;color:#999;text-align:left;font-style:italic;margin:8px 0 4px}.toolbox-radio .toolbox-radio-label{display:table-cell;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 5px;min-width:60px;margin-right:5px;cursor:default;font-size:12px;background:#333;color:#999;text-align:left;font-style:italic}.toolbox-radio .toolbox-radio-label.radio-label-btn{font-style:normal;background:#777;color:#eee;text-align:center;cursor:pointer}.toolbox-radio .toolbox-radio-label.radio-label-btn:hover{background:#222;color:#ccc}.toolbox-radio .toolbox-radio-options{display:table-cell;font-size:0}.toolbox-radio [key],.toolbox-radio [play],.toolbox-radio [set]{display:inline-block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 8px;min-width:36px;line-height:30px;height:32px;cursor:pointer;text-align:center;font-size:13px;box-shadow:inset 1px 1px rgba(0,0,0,.2)}.toolbox-radio [set]{background:#444;color:#111;font-size:13px}.toolbox-radio [set] small{color:#111}.toolbox-radio [set] img[white]{display:none}.toolbox-radio [set] img[black]{display:inline-block}.toolbox-radio [set]:hover{background:#666}.toolbox-radio [set][active=yes]{background:#000;color:#eee}.toolbox-radio [set][active=yes] small{color:#eee}.toolbox-radio [set][active=yes] img[white]{display:inline-block}.toolbox-radio [set][active=yes] img[black]{display:none}.toolbox-radio [set][inactive=yes]{cursor:initial;background:#272727;color:#111}.toolbox-radio [set][inactive=yes] small{color:#111}.toolbox-radio [set][dis=yes]{background:#222;color:#111}.toolbox-radio [set][dis=yes]:hover{background:#222;color:#111}.toolbox-radio [play]{font-size:14px;color:#666;background:#111;transition:all .2s ease;text-shadow:0 0 3px rgba(0,0,0,.6)}.toolbox-radio [play] small,.toolbox-radio [play] sup{font-size:12px;color:#ccc;margin:0 1px}.toolbox-radio [play][playing=yes]{color:#fff;text-shadow:0 0 6px #fff,0 0 12px #fff}.toolbox-radio [play][playing=yes] small,.toolbox-radio [play][playing=yes] sup{color:#fff;text-shadow:0 0 6px #fff,0 0 12px #fff}.toolbox-tab .toolbox-tab-navigation{font-size:0}.toolbox-tab .toolbox-tab-navigation [toolbox-tab-nav]{padding:6px 10px;font-size:13px;line-height:30px;margin-right:3px;cursor:pointer;border-top-left-radius:3px;border-top-right-radius:3px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toolbox-tab .toolbox-tab-navigation [toolbox-tab-nav][show=yes]{background:#050505;color:#eee}.toolbox-tab .toolbox-tab-navigation [toolbox-tab-nav][show=no]{background:#333;color:#888}.toolbox-tab .toolbox-tab-content{background:#050505;padding:12px 10px 10px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.toolbox-tab .toolbox-tab-content [toolbox-tab-content][show=no]{display:none}.toolbox-tab .toolbox-tab-content .toolbox-tab-content-internal{padding:5px 5px 8px 70px;position:relative}.toolbox-tab .toolbox-tab-content .toolbox-tab-content-internal .toolbox-tab-content-subtitle{font-size:11px;line-height:20px;color:#888;font-style:italic;position:absolute;top:3px;left:0}.toolbox-settings-btn{display:inline-block;background:#000;color:#666;font-weight:700;font-size:20px;line-height:36px;vertical-align:middle;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;border:none;transition:all .2s ease;cursor:pointer;margin:0 3px 3px 0;padding:0 10px;border-radius:3px;text-align:center}.toolbox-settings-btn.toolbox-settings-btn-sm{font-size:13px;margin:0 2px 2px 0;padding:0 6px;line-height:20px;min-width:0}.toolbox-settings-btn.toolbox-settings-btn-sm small,.toolbox-settings-btn.toolbox-settings-btn-sm sub,.toolbox-settings-btn.toolbox-settings-btn-sm sup{color:#666}.toolbox-settings-btn:hover{color:#eee}.toolbox-settings-btn:hover small,.toolbox-settings-btn:hover sub,.toolbox-settings-btn:hover sup{color:#eee}.toolbox-settings-btn[state=on],.toolbox-settings-btn:active{color:#fc9a94}.toolbox-settings-btn[state=on] small,.toolbox-settings-btn[state=on] sub,.toolbox-settings-btn[state=on] sup,.toolbox-settings-btn:active small,.toolbox-settings-btn:active sub,.toolbox-settings-btn:active sup{color:#fc9a94}.chord-analyser-tool .chord-name{font-size:24px;line-height:32px;cursor:pointer;padding:5px 8px;display:inline-block;border-radius:5px;margin-top:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chord-analyser-tool .chord-name:hover{background:rgba(0,0,0,.2)}.chord-analyser-tool [play]{color:#4ab6bf;background:#1e484d}.chord-analyser-tool [play]:hover{background:#295b60}.chord-analyser-tool [play] small,.chord-analyser-tool [play] sup{color:#4ab6bf}.chord-analyser-tool .note-btn{display:inline-block;padding:2px 6px;margin-right:6px;text-align:center;border:none;outline:none;border-radius:3px;background:#333;color:#ccc;font-size:20px;line-height:26px;margin-top:4px;min-width:36px;height:60px}.chord-analyser-tool .note-btn small,.chord-analyser-tool .note-btn sup{color:#ccc}.chord-analyser-tool .note-btn .interval{color:#777;font-size:13px}.chord-analyser-tool .note-btn[playing=yes],.chord-analyser-tool .note-btn[playing=yes]:hover{background:#4ab6bf;color:#295b60}.chord-analyser-tool .note-btn[playing=yes] .interval,.chord-analyser-tool .note-btn[playing=yes]:hover .interval{color:#295b60}.chord-analyser-tool .note-btn[playing=yes] small,.chord-analyser-tool .note-btn[playing=yes] sup,.chord-analyser-tool .note-btn[playing=yes]:hover small,.chord-analyser-tool .note-btn[playing=yes]:hover sup{color:#295b60}.chord-analyser-tool .note-btn:hover{background:#444;color:#fff}.chord-analyser-tool .note-btn:hover small,.chord-analyser-tool .note-btn:hover sup{color:#fff}.chord-analyser-tool .chord-symbol{color:#4ab6bf}.chord-analyser-tool .chord-symbol small{color:#a87eb7}.chord-analyser-tool .chord-symbol sup{color:#fc9a94}.chord-analyser-tool .chord-symbol bass{color:#f2ecae}.chord-analyser-tool .chord-dna{font-size:140%}.chord-analyser-tool .chord-dna .field-name{font-size:13px;line-height:16px;color:#666;font-style:italic}.chord-analyser-tool .chord-dna .chord-root{color:#4ab6bf}.chord-analyser-tool .chord-dna .chord-internal{color:#a87eb7}.chord-analyser-tool .chord-dna .chord-colors{color:#fc9a94}.chord-analyser-tool .chord-dna .chord-bass{color:#f2ecae}.chord-analyser-tool .chord-dna .chord-inversions .chord-inversion-btn{display:inline-block;width:46px;padding:4px 2px 7px;margin:4px 2px;text-align:center;border:none;outline:none;border-radius:3px;background:#333;color:#999;font-size:18px;line-height:14px}.chord-analyser-tool .chord-dna .chord-inversions .chord-inversion-btn sub{color:#666;font-size:12px;margin-left:2px}.chord-analyser-tool .chord-dna .chord-inversions .chord-inversion-btn:hover{background:#353535;color:#eee}.chord-analyser-tool .chord-dna .chord-inversions .chord-inversion-btn:hover sub{color:#666}.solfege-generator [play]{color:#fc9a94;background:#bf2717}.solfege-generator [play]:hover{background:#ad1b0d}.solfege-generator [play] small,.solfege-generator [play] sup{color:#fc9a94}.vocal-range-test .singer-list ul{text-align:left;list-style:none;margin:0 30px}.vocal-range-test .singer-list ul li{height:20px;background:#9e4351;border-radius:15px;position:relative;margin-top:3px}.vocal-range-test .singer-list ul li[sex=N]{background:#eaba41}.vocal-range-test .singer-list ul li[sex=N] .name{color:#000}.vocal-range-test .singer-list ul li[sex=M]{background:#7f2a36}.vocal-range-test .singer-list ul li[sex=F]{background:#2a3b7f}.vocal-range-test .singer-list ul li .name,.vocal-range-test .singer-list ul li .min,.vocal-range-test .singer-list ul li .max{position:absolute;top:0;font-size:12px;color:#fff}.vocal-range-test .singer-list ul li .min{left:-28px}.vocal-range-test .singer-list ul li .max{right:-28px}.vocal-range-test .singer-list ul li .name{width:150px;left:50%;margin-left:-75px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:13px;line-height:20px;color:rgba(255,255,255,.5)}.vocal-range-test .vocal-test{background:#050505}.vocal-range-test .vocal-test .test-step{padding:15px;height:450px;opacity:0;display:none;transition:all .5s ease}.vocal-range-test .vocal-test .test-step[active=yes]{opacity:1;display:block}.vocal-range-test .vocal-test .test-step .title{color:#fff;margin-bottom:10px}.vocal-range-test .vocal-test .test-result{margin:15px}.vocal-range-test .vocal-test .test-result .value{font-size:1.15em;color:#ea8ca1}.vocal-range-test .vocal-test .test-result .label{font-weight:400;font-size:.98em;color:#ffd3dd}.vocal-range-test .vocal-test .btn-voice-record{width:150px}.vocal-range-test .vocal-test .btn-voice-record[state=getready]{color:#fff;animation:.5s infinite alternate ease-out getready}.vocal-range-test .vocal-test .btn-voice-record[state=recording]{color:#fff;animation:.5s infinite alternate ease-out recording}.vocal-range-test .vocal-test .breadcrumbs{line-height:30px}.vocal-range-test .vocal-test .breadcrumbs span[active=yes]{color:#fff}.vocal-range-test .vocal-test .vocal-range-compare{color:#fff;font-size:20px;margin-bottom:15px}.vocal-range-test .vocal-test .vocal-range-compare .vocal-range-compare-value{font-size:30px;color:#ea8ca1}.vocal-range-test .vocal-test .prize{width:180px;margin:30px auto 20px}.vocal-range-test .vocal-test .prize img{width:100%;margin-top:-15px}.vocal-range-test .vocal-test hr{border-top-color:#333}.vocal-range-test .vocal-test button{padding:4px 8px;line-height:24px}.vocal-range-test .vocal-test button[active=no]{background:#111;color:#222;cursor:auto}.vocal-range-test .vocal-test button.btn-vocal-test{text-align:center;border:none;outline:none;font-size:16px;line-height:36px;padding:4px 15px;color:#ea8ca1;background:#661a2c}.vocal-range-test .vocal-test button.btn-vocal-test:hover{color:#fff;background:#591424}.vocal-range-test .vocal-test button.btn-vocal-test[active=no]{background:#111;color:#222;cursor:auto}@media(max-width:420px){.vocal-range-test .col-xs-4{padding:0}.vocal-warmup-tool .vocal-warmup-player .player-name{width:80px}}.interval-memorizer .toolbox-instructions-title{color:#50deff}.interval-memorizer .toolbox-instructions-title small,.interval-memorizer .toolbox-instructions-title sup{color:#50deff}.interval-memorizer [play]{color:#50deff;background:#067}.interval-memorizer [play]:hover{background:#1999bc}.interval-memorizer [play] small,.interval-memorizer [play] sup{color:#50deff}.sight-reader [play]{transition:all .2s ease;color:#50deff;background:#067;display:inline-block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 8px;min-width:36px;line-height:30px;height:32px;cursor:pointer;text-align:center;font-size:13px;box-shadow:inset 1px 1px rgba(0,0,0,.2)}.sight-reader [play]:hover{background:#1999bc}.sight-reader [play] small,.sight-reader [play] sup{color:#50deff}.scale-analyser [play]{color:#df871e;background:#965306}.scale-analyser [play]:hover{background:#472e11}.scale-analyser [play] small,.scale-analyser [play] sup{color:#df871e}.online-piano .toolbox-instructions-title{color:#fc9a94}.online-piano .toolbox-instructions-title small,.online-piano .toolbox-instructions-title sup{color:#fc9a94}.online-piano [preset]{color:#ccc}.online-piano [play]{color:#ccc;background:#555}.online-piano [play]:hover{color:#fff;background:#666}.online-piano [play] small,.online-piano [play] sup{color:#ccc}.scale-dna{color:#999;font-size:20px;line-height:26px;text-align:center}.scale-dna .field-name{font-size:12px;line-height:16px;color:#666;font-style:italic}.scale-dna i{color:#666}.scale-dna .scale-name{color:#fff}.interval-dna{color:#999;font-size:20px;margin-bottom:30px}.interval-dna .field-name{font-size:12px;line-height:16px;color:#666;font-style:italic}.interval-dna i{color:#666}.interval-dna .interval-name{color:#4ab6bf;font-size:24px;line-height:40px}.interval-dna .interval-symbol,.interval-dna .interval-tones{color:#999;font-size:16px;line-height:20px}.interval-dna .interval-notation{height:80px}.tool-preset{background:#151515;position:relative;padding:15px}.tool-preset .tool-player-name{font-size:16px;color:#eee;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:6px 0}.tool-player{background:#151515;position:relative;padding:15px}.tool-player[loaded=yes]{animation:blink-loaded 1s}.tool-player .tool-player-settings{position:absolute;right:10px;top:15px}.tool-player .tool-player-settings .dropdown-toggle{text-align:left;background:0 0;padding:0 6px}.tool-player .tool-player-timeline{border-radius:5px;background:#000;position:relative;width:100%;height:4px;margin-top:15px}.tool-player .tool-player-timeline .timeline-bar-passed{position:absolute;width:0;height:4px;border-radius:5px;background:#175654}.tool-player .tool-player-timeline .timeline-bar-passed[ended=yes]{transition:width .1s;transition-timing-function:linear}.tool-player .tool-player-timeline .timeline-bar-passed[ended=no]{transition:width 1s;transition-timing-function:linear}.tool-player .tool-player-btn{font-size:20px;width:36px;line-height:36px;margin-right:8px;background:0 0;vertical-align:middle}.tool-player .tool-player-btn:hover{background:0 0}.tool-player .tool-player-btn .led{color:#666;font-size:8px;vertical-align:top;margin-left:3px}.tool-player .tool-player-btn[is-active=yes]{color:#fff}.tool-player .tool-player-btn[is-active=yes] .led{color:#9e4351}.tool-player .tool-player-radio{font-size:13px;background:0 0;padding:0;cursor:pointer}.tool-player .tool-player-radio:hover,.tool-player .tool-player-radio[state=on]{background:0 0;color:#fff}.tool-player .tool-player-timer,.tool-player .tool-player-counter{font-size:14px}.tool-player .tool-player-instrument-btn{width:36px;height:40px;line-height:36px;margin-right:8px;background:0 0;transition:all .3s ease}.tool-player .tool-player-instrument-btn svg{height:30px}.tool-player .tool-player-instrument-btn:hover{background:0 0}.tool-player .tool-player-instrument-btn:hover path{fill:#555}.tool-player .tool-player-instrument-btn path{fill:#444}.tool-player .tool-player-instrument-btn[state=on] path{fill:#fff}.vocal-warmup-tool .vocal-warmup-scene-title-div{background:#222;text-align:center;padding:5px 0 15px;margin:-15px 0 15px}.vocal-warmup-tool .vocal-warmup-scene-title-div .vocal-warmup-scene-title{font-size:15px;display:inline-block;background:#444;color:#eee;border-radius:3px;padding:4px 8px}.vocal-warmup-tool .notes-box{min-height:71px;padding:5px;background:#222}.vocal-warmup-tool .notes-box.notes-box-full{background:#181818}.vocal-warmup-tool .notes-box span{user-select:none;margin:0 2px 4px;cursor:pointer;text-align:center;display:inline-block;font-size:13px;line-height:28px;height:28px;width:32px;border-radius:3px}.vocal-warmup-tool .notes-box span[color=special]{background:#27505e;color:#97bac6}.vocal-warmup-tool .notes-box span[color=special] sub{color:#a9c8d3}.vocal-warmup-tool .notes-box span[color=special]:hover{background:#0f242b}.vocal-warmup-tool .notes-box span[color=black]{background:#050505;color:#ccc}.vocal-warmup-tool .notes-box span[color=black] sub{color:#eee}.vocal-warmup-tool .notes-box span[color=black]:hover{background:#000}.vocal-warmup-tool .notes-box span[color=white]{background:#ccc;color:#222}.vocal-warmup-tool .notes-box span[color=white] sub{color:#000}.vocal-warmup-tool .notes-box span[color=white]:hover{background:#eee}.vocal-warmup-tool .add-note-keys{padding:1px 2px;background:#444}.vocal-warmup-tool .add-note-keys[offset=yes]{padding:1px 2px 1px 20px}.vocal-warmup-tool .add-note-keys span{user-select:none;margin:1px;cursor:pointer;text-align:center;display:inline-block;font-size:12px;line-height:24px;height:24px;width:30px}.vocal-warmup-tool .add-note-keys span[empty=yes]{background:0 0;height:0}.vocal-warmup-tool .add-note-keys span[empty=no][color=special]{background:#1b3842;color:#6e95a3}.vocal-warmup-tool .add-note-keys span[empty=no][color=special] sub{color:#91b4c1}.vocal-warmup-tool .add-note-keys span[empty=no][color=special]:hover{background:#0f242b}.vocal-warmup-tool .add-note-keys span[empty=no][color=black]{background:#252525;color:#666}.vocal-warmup-tool .add-note-keys span[empty=no][color=black] sub{color:#888}.vocal-warmup-tool .add-note-keys span[empty=no][color=black]:hover{background:#111}.vocal-warmup-tool .add-note-keys span[empty=no][color=white]{background:#999;color:#333}.vocal-warmup-tool .add-note-keys span[empty=no][color=white] sub{color:#111}.vocal-warmup-tool .add-note-keys span[empty=no][color=white]:hover{background:#ccc}.vocal-warmup-tool .custom-clear-btn{position:absolute;right:14px;top:10px;cursor:pointer;line-height:30px;padding:0 5px;width:30px;text-align:center;border:none;outline:none;color:#666}.vocal-warmup-tool .custom-clear-btn:hover{color:#888}.vocal-warmup-tool .custom-play-button{color:#4ab6bf;background:#1e484d;padding:6px 12px;text-align:center;border:none;outline:none;margin-right:10px}.vocal-warmup-tool .custom-play-button:hover{background:#295b60}.vocal-warmup-tool .preset-list .feed{min-height:500px;max-height:600px;overflow-x:hidden}.vocal-warmup-tool .preset-list .feed .preset{font-size:15px;color:#ccc;line-height:24px;padding:2px 8px;border-radius:3px;margin-right:15px}.vocal-warmup-tool .preset-list .feed .preset:hover{background:#111}.vocal-warmup-tool .preset-list .feed .preset a{color:#fff}.vocal-warmup-tool .preset-list .feed .preset small{color:#666;font-size:12px}.vocal-warmup-tool .preset-list .feed .preset-action-btn{width:26px;height:26px;line-height:26px;margin-top:2px;text-align:center;display:inline-block;color:#fff;cursor:pointer;border-radius:50px;background:#000;font-size:14px;transition:all .3s ease}.vocal-warmup-tool .preset-list .feed .preset-action-btn[used=yes]{background:#4ab6bf}.vocal-warmup-tool .list-title{font-size:14px;margin-bottom:15px}.vocal-warmup-tool .list-title a{color:#4ab6bf;cursor:pointer}.vocal-warmup-tool .list-title a:hover{color:#295b60}.vocal-warmup-tool .toolbox-radio-label{vertical-align:middle}.vocal-warmup-tool .player-toolbox-btn{color:#666;vertical-align:middle;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;transition:all .2s ease;cursor:pointer;border-radius:3px;line-height:36px;display:inline-block;font-size:13px;text-align:center}.vocal-warmup-tool .player-toolbox-btn .icon-metronome,.vocal-warmup-tool .player-toolbox-btn .fa{font-size:18px}.vocal-warmup-tool .player-toolbox-btn:hover{color:#777}.vocal-warmup-tool .player-toolbox-btn[state=on]{color:#fff}.vocal-warmup-tool .player-toolbox-btn .toolbox-btn-toggle{background:0 0;border:none;padding:0}.vocal-warmup-tool .player-toolbox-btn .toolbox-btn-toggle:hover,.vocal-warmup-tool .player-toolbox-btn .toolbox-btn-toggle[state=on]{color:#fff}.vocal-warmup-tool .singer-toggle-btn{font-size:20px;cursor:pointer;color:#666}.vocal-warmup-tool .singer-toggle-btn .led{color:#666;font-size:8px;vertical-align:top;margin-left:3px}.vocal-warmup-tool .singer-toggle-btn[is-active=yes]{color:#fff}.vocal-warmup-tool .singer-toggle-btn[is-active=yes] .led{color:#9e4351}.vocal-warmup-tool .warmup-creator{background:#252525;border-radius:5px}.vocal-warmup-tool .warmup-creator .toolbox-radio-label{width:130px;line-height:12px}.vocal-warmup-tool .warmup-creator .warmup-creator-label{margin:15px 0 8px}.vocal-warmup-tool .warmup-creator .scene-settings{background:#181818;border-radius:5px}.vocal-warmup-tool .warmup-creator .scene-settings .scene-panel{padding:5px 15px}.vocal-warmup-tool .warmup-creator .scene-settings .scene-number{font-size:15px;line-height:30px;margin-bottom:8px}.vocal-warmup-tool .warmup-creator .scene-settings .scene-settings-validation{height:26px;font-size:13px;text-align:center}.vocal-warmup-tool .warmup-creator .scene-settings .scene-settings-btns{background:#000;border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-top:5px;padding:0 10px}.vocal-warmup-tool .warmup-creator .scene-settings .scene-settings-btns button{line-height:32px;background:0 0}.vocal-warmup-tool .warmup-creator .scene-settings .scene-settings-btns button:hover{background:0 0}.vocal-warmup-tool .warmup-creator .scene-settings-breadcrumbs{margin-bottom:8px}.vocal-warmup-tool .warmup-creator .scene-settings-breadcrumbs span{display:inline-block;color:#aaa;font-style:italic}.vocal-warmup-tool .warmup-creator .scene-settings-breadcrumbs span[is-active=yes]{color:#fff}.vocal-warmup-tool.sight-singing-tool .custom-play-button{color:#e994a6;background:#6a1c2d}.vocal-warmup-tool.sight-singing-tool .custom-play-button:hover{background:#9b3243}.vocal-warmup-tool.sight-singing-tool .list-title a{color:#e994a6}.vocal-warmup-tool.sight-singing-tool .list-title a:hover{color:#9b3243}.vocal-warmup-tool.sight-singing-tool .sight-singing-tool-summarize{display:none;width:130px;height:200px;background:rgba(0,0,0,.2);position:absolute;left:316px;top:0;padding-top:60px;font-size:15px;color:#000;z-index:1;text-align:center}.vocal-warmup-tool.sight-singing-tool .sight-singing-tool-summarize .count{font-size:20px}.vocal-warmup-tool.sight-singing-tool .sight-singing-tool-summarize .stars{margin-top:20px;font-size:20px}.vocal-warmup-tool.sight-singing-tool .sight-singing-tool-summarize .stars [star]{vertical-align:bottom}.vocal-warmup-tool.sight-singing-tool .sight-singing-tool-summarize .stars [star="2"]{vertical-align:top;margin-top:-6px}.vocal-warmup-tool.sight-singing-tool .sight-singing-tool-summarize .text{margin-top:4px;font-size:14px}.progression-generator-tool .progression-single-chord{display:inline-block;padding:2px 6px;margin-right:6px;text-align:center;border:none;outline:none;border-radius:3px;background:#333;color:#ccc;font-size:20px;line-height:26px;margin-top:4px;min-width:36px;height:60px}.progression-generator-tool .progression-single-chord .roman{color:#777;font-size:13px}.progression-generator-tool .progression-single-chord small,.progression-generator-tool .progression-single-chord sup{color:#ccc}.progression-generator-tool .progression-single-chord[playing=yes],.progression-generator-tool .progression-single-chord[playing=yes]:hover{background:#a87eb7;color:#221838}.progression-generator-tool .progression-single-chord[playing=yes] .roman,.progression-generator-tool .progression-single-chord[playing=yes]:hover .roman{color:#221838}.progression-generator-tool .progression-single-chord[playing=yes] small,.progression-generator-tool .progression-single-chord[playing=yes] sup,.progression-generator-tool .progression-single-chord[playing=yes]:hover small,.progression-generator-tool .progression-single-chord[playing=yes]:hover sup{color:#221838}.progression-generator-tool .progression-single-chord:hover{background:#444;color:#fff}.progression-generator-tool .progression-single-chord:hover small,.progression-generator-tool .progression-single-chord:hover sup{color:#fff}.progression-generator-tool .text-progression{color:#dfc0ea;font-size:125%;text-transform:initial}.progression-generator-tool .custom-clear-btn{position:absolute;right:14px;top:10px;cursor:pointer;line-height:30px;padding:0 5px;width:30px;text-align:center;border:none;outline:none;color:#666}.progression-generator-tool .custom-clear-btn:hover{color:#888}.progression-generator-tool .custom-play-button{color:#a87eb7;background:#3c2b64;padding:6px 12px;text-align:center;border:none;outline:none;margin-right:10px}.progression-generator-tool .custom-play-button:hover{background:#221838}.progression-generator-tool .preset-list .feed{min-height:500px;max-height:600px;overflow-x:hidden}.progression-generator-tool .preset-list .feed::-webkit-scrollbar-thumb{background-color:#a87eb7}.progression-generator-tool .preset-list .feed .preset{font-size:15px;color:#ccc;line-height:24px;padding:2px 8px;border-radius:3px;margin-right:15px}.progression-generator-tool .preset-list .feed .preset:hover{background:#111}.progression-generator-tool .preset-list .feed .preset a{color:#fff}.progression-generator-tool .preset-list .feed .preset small{color:#666;font-size:12px}.progression-generator-tool .preset-list .feed .preset-action-btn{width:26px;height:26px;line-height:26px;margin-top:2px;text-align:center;display:inline-block;color:#fff;cursor:pointer;border-radius:50px;background:#000;font-size:14px;transition:all .3s ease}.progression-generator-tool .preset-list .feed .preset-action-btn[used=yes]{background:#a87eb7}.progression-generator-tool .list-title{font-size:14px;margin-bottom:15px}.progression-generator-tool .list-title a{color:#a87eb7;cursor:pointer}.progression-generator-tool .list-title a:hover{color:#3c2b64}.progression-generator-tool .toolbox-radio-label{vertical-align:middle}.progression-generator-tool .player-toolbox-btn{color:#666;vertical-align:middle;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;transition:all .2s ease;cursor:pointer;border-radius:3px;line-height:36px;display:inline-block;font-size:13px;text-align:center}.progression-generator-tool .player-toolbox-btn:hover{color:#777}.progression-generator-tool .player-toolbox-btn[state=on]{color:#fff}.progression-generator-tool .player-toolbox-btn[show=no]{display:none}.progression-generator-tool .player-toolbox-btn .toolbox-btn-toggle{border:none;padding:0;line-height:24px;height:24px;width:24px;border-radius:3px;background:#666;margin:1px;font-size:15px}.progression-generator-tool .player-toolbox-btn .toolbox-btn-toggle.toolbox-btn-toggle-transparent{background:0 0}.progression-generator-tool .player-toolbox-btn .toolbox-btn-toggle:hover,.progression-generator-tool .player-toolbox-btn .toolbox-btn-toggle[state=on]{color:#fff}.progression-generator-tool .player-vocal-range{position:absolute;right:15px;top:3px}.progression-generator-tool .progression-creator{background:#252525;border-radius:5px}.progression-generator-tool .progression-creator .degrees td{width:14%}.progression-generator-tool .progression-creator .toolbox-radio-label{width:130px;line-height:12px}.progression-generator-tool .progression-creator .progression-creator-label{margin:15px 0 8px}.progression-generator-tool .progression-creator .progression-creator-data{font-size:18px;color:#fff;background:#000;padding:10px;margin-top:10px;border:1px solid #333}.progression-generator-tool .progression-creator .progression-creator-data span{user-select:none;margin:0 2px 4px;cursor:pointer;text-align:center;display:inline-block;font-size:13px;line-height:28px;height:28px;min-width:32px;border-radius:3px;padding:1px 4px;background:#3c2b64;color:#a87eb7}.progression-generator-tool .progression-creator .progression-creator-data span:hover{background:#221838}.progression-generator-tool .progression-creator .add-progression-btn{user-select:none;background:#080808;color:#aaa;display:inline-block;padding:4px 5px;border-radius:2px;min-width:40px;line-height:20px;font-size:15px;margin:0 4px 4px 0;height:auto;cursor:pointer}.progression-generator-tool .progression-creator .add-progression-btn small{font-size:13px;color:#666}.progression-generator-tool .progression-creator .add-progression-btn:hover{background:#000;color:#fff}.progression-generator-tool .progression-creator .add-progression-btn:hover small{color:#666}.progressions-generator .toolbox-instructions-title{color:#a87eb7}.progressions-generator .toolbox-instructions-title small,.progressions-generator .toolbox-instructions-title sup{color:#a87eb7}.progressions-generator [play]{color:#a87eb7;background:#3c2b64}.progressions-generator [play]:hover{background:#221838}.progressions-generator [play] small,.progressions-generator [play] sup{color:#a87eb7}.progressions-generator .custom-progression-box .custom-input{background:#000;color:#eee;padding:0 10px;line-height:30px;height:30px;font-size:16px;margin-bottom:5px;float:left}.progressions-generator .custom-progression-box .custom-input small,.progressions-generator .custom-progression-box .custom-input sup{color:#eee}.progressions-generator .custom-progression-box .custom-play-btn{line-height:30px;padding:0 5px;width:50px;text-align:center;border:none;outline:none;float:left;margin-right:10px}.progressions-generator .custom-progression-box .custom-play-btn[playing=yes]{color:#fff;text-shadow:0 0 6px #fff,0 0 12px #fff}.progressions-generator .custom-progression-box .custom-play-btn[playing=yes] small,.progressions-generator .custom-progression-box .custom-play-btn[playing=yes] sup{color:#fff;text-shadow:0 0 6px #fff,0 0 12px #fff}.progressions-generator .custom-progression-box .custom-clear-btn{line-height:30px;padding:0 5px;width:50px;text-align:center;border:none;outline:none;background:#333;color:#666;float:left}.progressions-generator .custom-progression-box .custom-clear-btn:hover{color:#888}.progressions-generator .progression-notation{position:absolute;bottom:210px;left:0;padding:0 15px;height:170px;width:100%;text-align:center}.progressions-generator .progression-signature{height:60px;top:5px;left:10px}.progressions-generator .progression-signature .toolbox-screen-internal-value{color:#eee;font-size:28px;line-height:36px}.progressions-generator .progression-name{height:60px;top:5px;left:70px}.progressions-generator .progression-name .toolbox-screen-internal-value{font-size:22px;line-height:36px;color:#a87eb7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progressions-generator .progression-name .toolbox-screen-internal-value small{color:#a87eb7;font-size:16px}.progressions-generator .progression-name .toolbox-screen-internal-value sup{color:#a87eb7;font-size:16px}.progressions-generator .progression-chords{height:60px;top:65px;left:10px;text-align:left;color:#a87eb7}.progressions-generator .progression-single-chord{display:inline-block;padding:2px 6px;margin-right:3px;text-align:center;border:none;outline:none;border-radius:3px;background:#333;color:#999;font-size:18px;margin-top:4px}.progressions-generator .progression-single-chord small,.progressions-generator .progression-single-chord sup{color:#999}.progressions-generator .progression-single-chord:hover{background:#353535;color:#eee}.progressions-generator .progression-single-chord:hover small,.progressions-generator .progression-single-chord:hover sup{color:#eee}.progressions-generator .add-progression-btn{min-width:45px;background:#444;color:#ccc}.progressions-generator .add-progression-btn.add-progression-btn-romans{line-height:22px;height:44px}.progressions-generator [minor-scale]{display:none}.progressions-validator .user-progression{height:50px;top:20px;left:15px;text-align:center;font-size:32px;color:#fff}.progressions-validator .user-progression small,.progressions-validator .user-progression sup,.progressions-validator .user-progression small{color:#fff}.progressions-validator .user-progression .chord-a [pointer]{top:-15px;position:relative;vertical-align:baseline;left:-6px;font-size:13px;color:#5dc4f7}.progressions-validator .user-progression .chord-b [pointer]{font-size:13px;color:#0b80b7;top:-15px;position:relative;vertical-align:baseline;left:-6px}.progressions-validator .user-progression .toolbox-screen-internal-value{color:#eee;font-size:28px}.progressions-validator .alternative-suggestion{text-align:center;color:#ccc;height:40px}.progressions-validator .alternative-suggestion small,.progressions-validator .alternative-suggestion sup{color:#ccc}.progressions-validator .alternative-suggestion .fa{color:#7c4472}.progressions-validator .voicing-empty-btn{position:absolute;right:10px;top:10px;font-size:18px;color:#444;cursor:pointer;background:#000;border-radius:2px;display:inline-block;width:40px;height:26px;line-height:26px;text-align:center}.progressions-validator .voicing-empty-btn:hover{color:#666}.progressions-validator .checks{margin:10px 20px;text-align:center}.progressions-validator .checks [check]{position:relative;font-size:13px;line-height:16px;color:#555;width:20%;float:left}.progressions-validator .checks [check] .check-label{width:80px;margin:5px auto}.progressions-validator .checks [check][check-status=empty] [passed-icon]{display:none}.progressions-validator .checks [check][check-status=empty] [failed-icon]{display:none}.progressions-validator .checks [check][check-status=passed] [empty-icon]{display:none}.progressions-validator .checks [check][check-status=passed] [failed-icon]{display:none}.progressions-validator .checks [check][check-status=failed] [empty-icon]{display:none}.progressions-validator .checks [check][check-status=failed] [passed-icon]{display:none}.progressions-validator .checks [check] .check-icon{font-size:26px;text-align:center;width:100%}.progressions-validator .checks [check] .check-icon[empty-icon]{color:#444}.progressions-validator .checks [check] .check-icon[passed-icon]{color:#8dc652}.progressions-validator .checks [check] .check-icon[failed-icon]{color:#fc9a94}.progressions-validator .checks .alternatives{position:absolute;right:0;bottom:0;padding:10px;width:100%;text-align:center;height:40px}.progressions-validator .checks .alternatives [alternative]{position:relative;font-size:14px;line-height:20px;color:#ccc;text-align:center;padding:2px 2px 2px 30px}.progressions-validator .checks .alternatives [alternative] small,.progressions-validator .checks .alternatives [alternative] sub,.progressions-validator .checks .alternatives [alternative] sup{color:#ccc}.progressions-validator .checks .alternatives [alternative][alternative-status=empty] [better-icon]{display:none}.progressions-validator .checks .alternatives [alternative][alternative-status=better] [empty-icon]{display:none}.progressions-validator .checks .alternatives [alternative] .alternative-icon{font-size:20px;height:25px;position:absolute;top:2px;left:5px}.progressions-validator .checks .alternatives [alternative] .alternative-icon[empty-icon]{color:#444}.progressions-validator .checks .alternatives [alternative] .alternative-icon[better-icon]{color:#a87eb7}.music-scale-analyser-tool .scale-name{font-size:20px;line-height:32px;margin-top:0;cursor:pointer;padding:5px 8px;display:inline-block;border-radius:5px;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.music-scale-analyser-tool .scale-name:hover{background:rgba(0,0,0,.2)}.music-scale-analyser-tool .scale-name i.fa{margin-right:10px}.music-scale-analyser-tool .note-btn{display:inline-block;padding:2px 6px;margin-right:6px;text-align:center;border:none;outline:none;border-radius:3px;background:#333;color:#ccc;font-size:20px;line-height:26px;margin-top:4px;min-width:36px;height:60px}.music-scale-analyser-tool .note-btn small,.music-scale-analyser-tool .note-btn sup{color:#ccc}.music-scale-analyser-tool .note-btn .interval{color:#777;font-size:13px}.music-scale-analyser-tool .note-btn[playing=yes],.music-scale-analyser-tool .note-btn[playing=yes]:hover{background:#df871e;color:#472e11}.music-scale-analyser-tool .note-btn[playing=yes] .interval,.music-scale-analyser-tool .note-btn[playing=yes]:hover .interval{color:#472e11}.music-scale-analyser-tool .note-btn[playing=yes] small,.music-scale-analyser-tool .note-btn[playing=yes] sup,.music-scale-analyser-tool .note-btn[playing=yes]:hover small,.music-scale-analyser-tool .note-btn[playing=yes]:hover sup{color:#472e11}.music-scale-analyser-tool .note-btn:hover{background:#444;color:#fff}.music-scale-analyser-tool .note-btn:hover small,.music-scale-analyser-tool .note-btn:hover sup{color:#fff}.music-scale-analyser-tool .text-progression{color:#ffbd72;font-size:125%;text-transform:initial}.music-scale-analyser-tool .custom-clear-btn{position:absolute;right:14px;top:10px;cursor:pointer;line-height:30px;padding:0 5px;width:30px;text-align:center;border:none;outline:none;color:#666}.music-scale-analyser-tool .custom-clear-btn:hover{color:#888}.music-scale-analyser-tool .custom-play-button{color:#df871e;background:#965306;padding:6px 12px;text-align:center;border:none;outline:none;margin-right:10px}.music-scale-analyser-tool .custom-play-button:hover{background:#472e11}.music-scale-analyser-tool .preset-list .feed{min-height:210px;max-height:210px;overflow-x:hidden}.music-scale-analyser-tool .preset-list .feed::-webkit-scrollbar-thumb{background-color:#df871e}.music-scale-analyser-tool .preset-list .feed .preset{font-size:15px;color:#ccc;line-height:24px;padding:2px 8px;border-radius:3px;margin-right:15px}.music-scale-analyser-tool .preset-list .feed .preset:hover{background:#111}.music-scale-analyser-tool .preset-list .feed .preset a{color:#fff}.music-scale-analyser-tool .preset-list .feed .preset small{color:#666;font-size:12px}.music-scale-analyser-tool .preset-list .feed .preset-action-btn{width:26px;height:26px;line-height:26px;margin-top:2px;text-align:center;display:inline-block;color:#fff;cursor:pointer;border-radius:50px;background:#000;font-size:14px;transition:all .3s ease}.music-scale-analyser-tool .preset-list .feed .preset-action-btn[used=yes]{background:#df871e}.music-scale-analyser-tool .list-title{font-size:15px;margin:10px 0;color:#eee}.music-scale-analyser-tool .list-subtitle{font-size:14px;margin:3px 6px 8px;color:#888}.music-scale-analyser-tool .toolbox-radio-label{vertical-align:middle}.music-scale-analyser-tool .player-toolbox-btn{color:#666;vertical-align:middle;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;transition:all .2s ease;cursor:pointer;border-radius:3px;line-height:36px;display:inline-block;font-size:13px;text-align:center}.music-scale-analyser-tool .player-toolbox-btn:hover{color:#777}.music-scale-analyser-tool .player-toolbox-btn[state=on]{color:#fff}.music-scale-analyser-tool .player-toolbox-btn[show=no]{display:none}.music-scale-analyser-tool .player-toolbox-btn .toolbox-btn-toggle{border:none;padding:0;line-height:24px;height:24px;width:24px;border-radius:3px;background:#666;margin:1px;font-size:15px}.music-scale-analyser-tool .player-toolbox-btn .toolbox-btn-toggle.toolbox-btn-toggle-transparent{background:0 0}.music-scale-analyser-tool .player-toolbox-btn .toolbox-btn-toggle:hover,.music-scale-analyser-tool .player-toolbox-btn .toolbox-btn-toggle[state=on]{color:#fff}.music-scale-analyser-tool .player-vocal-range{position:absolute;right:15px;top:3px}.music-scale-analyser-tool .scale-harmonizer-table{width:auto;margin-top:15px}.music-scale-analyser-tool .scale-harmonizer-table .table-label{font-size:13px;font-style:italic;color:#666}.music-scale-analyser-tool .scale-harmonizer-table th,.music-scale-analyser-tool .scale-harmonizer-table td{padding:4px;border-top:0!important}.music-scale-analyser-tool .scale-harmonizer-table th[chord-box],.music-scale-analyser-tool .scale-harmonizer-table td[chord-box]{height:30px}.music-scale-analyser-tool .scale-harmonizer-table th[chord-box] button,.music-scale-analyser-tool .scale-harmonizer-table td[chord-box] button{min-width:30px;height:30px;line-height:30px;font-size:13px;color:#eee;background:#222;border-radius:3px;border:none}.music-scale-analyser-tool .scale-harmonizer-table th[chord-box] button small,.music-scale-analyser-tool .scale-harmonizer-table th[chord-box] button sup,.music-scale-analyser-tool .scale-harmonizer-table th[chord-box] button sup,.music-scale-analyser-tool .scale-harmonizer-table td[chord-box] button small,.music-scale-analyser-tool .scale-harmonizer-table td[chord-box] button sup,.music-scale-analyser-tool .scale-harmonizer-table td[chord-box] button sup{color:#eee}.music-scale-analyser-tool .scale-harmonizer-table th[chord-box] button:hover,.music-scale-analyser-tool .scale-harmonizer-table td[chord-box] button:hover{background:#333}.music-scale-analyser-tool .scale-harmonizer-table th[chord-box] button:active,.music-scale-analyser-tool .scale-harmonizer-table td[chord-box] button:active{background:#444}.music-scale-analyser-tool .scale-harmonizer-table .harmonization-chord-btn{width:100%;padding:10px 0}.music-scale-analyser-tool .scale-finder .keyboard{margin-top:15px}.music-scale-analyser-tool .scale-finder .keyboard .black .note{background:#333;color:#999}.music-scale-analyser-tool .scale-finder .keyboard .black .note:hover{background:#444}.music-scale-analyser-tool .scale-finder .keyboard .black .note[is-active=yes]{background:#965306}.music-scale-analyser-tool .scale-finder .keyboard .white .note{background:#aaa;color:#111}.music-scale-analyser-tool .scale-finder .keyboard .white .note:hover{background:#eee}.music-scale-analyser-tool .scale-finder .keyboard .white .note[is-active=yes]{background:#ffbd72}.music-scale-analyser-tool .scale-finder .keyboard .note{user-select:none;cursor:pointer;display:inline-block;font-size:15px;width:30px;height:30px;line-height:30px;text-align:center;border-radius:3px;margin:1px}.music-scale-analyser-tool .scale-finder .preset-list .no-results{font-size:13px;color:#666}.sing-in-pitch-tool .preset-list .feed{min-height:210px;max-height:210px;overflow-x:hidden}.sing-in-pitch-tool .preset-list .feed::-webkit-scrollbar-thumb{background-color:#5a6ca8}.sing-in-pitch-tool .preset-list .feed .preset{font-size:15px;color:#ccc;line-height:24px;padding:2px 8px;border-radius:3px;margin-right:15px}.sing-in-pitch-tool .preset-list .feed .preset:hover{background:#111}.sing-in-pitch-tool .preset-list .feed .preset a{color:#fff}.sing-in-pitch-tool .preset-list .feed .preset small{color:#666;font-size:12px}.sing-in-pitch-tool .preset-list .feed .preset-action-btn{width:26px;height:26px;line-height:26px;margin-top:2px;text-align:center;display:inline-block;color:#fff;cursor:pointer;border-radius:50px;background:#000;font-size:14px;transition:all .3s ease}.sing-in-pitch-tool .preset-list .feed .preset-action-btn[used=yes]{background:#5a6ca8}.sing-in-pitch-tool .list-title{font-size:14px;margin-bottom:15px}.sing-in-pitch-tool .list-title a{color:#5a6ca8;cursor:pointer}.sing-in-pitch-tool .list-title a:hover{color:#3b4a7f}.sing-in-pitch-tool .summary-box{display:none;width:144px;height:408px;background:rgba(0,0,0,.2);position:absolute;left:0;top:0;padding-top:150px;font-size:15px;color:#fff;z-index:1;text-align:center}.sing-in-pitch-tool .summary-box .count{font-size:20px}.sing-in-pitch-tool .summary-box .stars{margin-top:20px;font-size:20px}.sing-in-pitch-tool .summary-box .stars [star]{vertical-align:bottom}.sing-in-pitch-tool .summary-box .stars [star="2"]{vertical-align:top;margin-top:-6px}.sing-in-pitch-tool .summary-box .text{margin-top:4px;font-size:14px}.sing-in-pitch-tool .tool-creator{background:#252525;border-radius:5px}.sing-in-pitch-tool .tool-creator .degrees td{width:14%}.sing-in-pitch-tool .tool-creator .toolbox-radio-label{width:130px;line-height:12px}.sing-in-pitch-tool .tool-creator .creator-label{margin:15px 0 8px}.sing-in-pitch-tool .tool-creator .custom-play-button{color:#5a6ca8;background:#3b4a7f;padding:6px 12px;text-align:center;border:none;outline:none;margin-right:10px}.sing-in-pitch-tool .tool-creator .custom-play-button:hover{background:#243260}.table-btns{display:grid;grid-template-rows:13.2% 13.2% 13.2% 13.2% 13.2% 13.2% 13.2% 7.6%;grid-template-columns:7.6% 13.2% 13.2% 13.2% 13.2% 13.2% 13.2% 13.2%;height:230px;text-align:center;padding:2px;background:#111;font-size:12px}.table-btns .item:nth-child(even){background:#111}.table-btns .item:nth-child(odd){background:#171717}.table-btns .item-bottom{line-height:15px}.table-btns .buttons{font-size:0}.table-btns .buttons button:nth-child(1){color:#ccc}.table-btns .item-btn{border-radius:1px;background:#444;color:#aaa;user-select:none;cursor:pointer;text-align:center;font-size:15px;margin:0;height:20px;line-height:14px}.table-btns .item-btn:hover{background:#666}.example-highlight{background:#ccc}.classic-circle{margin:0 auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:500px;margin-bottom:10px;position:relative}.classic-circle .classic-circle-title{position:absolute;width:30%;height:30%;margin:35%;z-index:-1;text-align:center}.classic-circle .classic-circle-title .title-tonic{font-size:2em;color:#fff}.classic-circle .classic-circle-title .title-mode{font-size:1.3em;color:#ccc}.classic-circle .rotate{transition:all .1s ease;transform:rotate(0deg);transform-origin:center center}.classic-circle [show-layer=no]{opacity:0}.classic-circle #lines{fill:#050505}.classic-circle [circle-button]{fill:rgba(0,0,0,.8);transition:all .2s ease}.classic-circle [circle-button][playing=yes]{fill:rgba(0,0,0,.2)}.classic-circle [circle-button][highlighted=yes]{cursor:pointer;fill:rgba(0,0,0,.1)}.classic-circle [circle-button][highlighted=yes]:hover{fill:transparent}.classic-circle [circle-button][highlighted=yes][playing=yes]{fill:rgba(0,0,0,.5)!important}.classic-circle text{font-weight:700;font-size:130%;fill:rgba(255,255,255,.6)}.classic-circle text[is-first]{fill:#fff}.classic-circle text tspan{fill:rgba(255,255,255,.6)}.classic-circle text tspan[is-first]{fill:#fff}.classic-circle #semitones text{fill:rgba(255,255,255,.5);font-size:70%}.classic-circle #transpose text{font-size:200%}.classic-circle #tonics path{fill:rgba(255,255,255,.6)}.classic-circle .degrees-name text{fill:rgba(255,255,255,.5);font-size:70%}.classic-circle .degrees-name path{fill:rgba(255,255,255,.5)}.classic-circle .degrees-roman text{font-size:155%;fill:rgba(255,255,255,.6)}.classic-circle .degrees-roman text[is-first]{fill:#fff}.classic-circle .degrees-roman path{fill:rgba(255,255,255,.6)}.classic-circle .degrees-roman path[is-first]{fill:#fff}.classic-circle [rel-tonic] path,.classic-circle [rel-tonic] rect,.classic-circle [rel-key] path,.classic-circle [rel-key] rect,.classic-circle [key-background] path,.classic-circle [key-background] rect{fill:rgba(255,255,255,.6)}.classic-circle [rel-tonic] path[highlighted-text=yes],.classic-circle [rel-tonic] rect[highlighted-text=yes],.classic-circle [rel-key] path[highlighted-text=yes],.classic-circle [rel-key] rect[highlighted-text=yes],.classic-circle [key-background] path[highlighted-text=yes],.classic-circle [key-background] rect[highlighted-text=yes]{fill:#fff}.classic-circle [highlighted-text=yes] path{fill:#fff}.classic-circle #bg-ring-1 path,.classic-circle #bg-ring-2 path{transition:all .2s ease;fill:#526199}.classic-circle #bg-ring-1 path[bg-highlight=yes],.classic-circle #bg-ring-2 path[bg-highlight=yes]{fill:#09122d}.classic-circle #bg-ring-2 path{transition:all .2s ease;fill:#263364}.classic-circle #bg-ring-2 path[bg-highlight=yes]{fill:#050c21}.classic-circle #intervals path,.classic-circle #semitones path{fill:rgba(255,255,255,.5)}.circle-of-fifth{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:560px;margin:0 auto}.circle-of-fifth #circle,.circle-of-fifth #circle-buttons{transition:all .2s ease;transform:rotate(0deg);transform-origin:center center;transform-box:fill-box}.circle-of-fifth #cover-minor{opacity:0}.circle-of-fifth #cover-minor[state=on]{opacity:1}.circle-of-fifth #cover-major{opacity:0}.circle-of-fifth #cover-major[state=on]{opacity:1}.circle-of-fifth #cover-key{opacity:0}.circle-of-fifth #cover-key[state=on]{opacity:1}.circle-of-fifth #question-minor{opacity:0}.circle-of-fifth #question-minor[state=on]{opacity:1}.circle-of-fifth #question-major{opacity:0}.circle-of-fifth #question-major[state=on]{opacity:1}.circle-of-fifth #question-key{opacity:0}.circle-of-fifth #question-key[state=on]{opacity:1}.circle-of-fifth[mode=practice] #cover-circle{opacity:.8}.circle-of-fifth[mode=practice] #circle-buttons{display:block}.circle-of-fifth[mode=practice] #circle-buttons .cls-6{cursor:pointer}.circle-of-fifth[mode=practice] #circle-buttons .cls-6:hover{opacity:.05;fill:#fff}.circle-of-fifth[mode=practice] #cover-minor{opacity:0}.circle-of-fifth[mode=practice] #cover-major{opacity:0}.circle-of-fifth[mode=practice] #cover-key{opacity:0}.circle-of-fifth[mode=practice] #question-minor{opacity:0}.circle-of-fifth[mode=practice] #question-major{opacity:0}.circle-of-fifth[mode=practice] #question-key{opacity:0}.circle-of-fifth[mode=play] #cover-circle{opacity:1}.circle-of-fifth[mode=play] #circle-buttons{display:none}.toolbox-screen{color:#888;line-height:1.45em}.toolbox-screen h1{font-size:16px;color:#ccc}.toolbox-screen h2,.toolbox-screen p{font-size:13px;line-height:19px;color:#777}.toolbox-screen h4{font-size:15px;line-height:20px;color:#ccc}.toolbox-screen button{border:none;border-radius:3px;background:#333;color:#999;outline:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:2px 6px}.toolbox-screen button:hover{background:#444;color:#fff}.toolbox-screen button.tool-copy-link-btn{font-size:14px;line-height:22px;float:right;transition:all .3s ease;background:#333;padding:1px 4px}.toolbox-screen button.tool-copy-link-btn[used=yes]{background:#eee}.toolbox-screen input{background:#000;color:#eee;padding:0 10px;line-height:30px;height:30px;font-size:14px;margin-bottom:5px;border:none}.toolbox-screen .toolbox-screen-title{font-size:13px;background:#333;color:#999;text-align:left;line-height:40px;padding:0 10px}.toolbox-screen .toolbox-screen-subtitle{font-size:13px;color:#888;text-align:left;line-height:30px;padding:0 5px}.toolbox-screen .toolbox-table{font-size:13px;text-align:left}.toolbox-screen .toolbox-table th,.toolbox-screen .toolbox-table td{padding:4px;vertical-align:top}.toolbox-screen.toolbox-screen-info .toolbox-screen-internal{background:#080808}.toolbox-screen .toolbox-screen-internal{padding:10px;background:#151515;position:relative}.toolbox-screen .toolbox-screen-internal .toolbox-screen-internal-article{padding-bottom:30px}.toolbox-screen .toolbox-screen-internal .toolbox-screen-internal-article h2{color:#fff;font-size:1.35em}.toolbox-screen .toolbox-screen-internal .toolbox-screen-internal-article h3{color:#eee;font-size:1.2em}.toolbox-screen .toolbox-screen-internal .toolbox-screen-internal-article p{color:#888;font-size:1.1em;line-height:1.45em}.toolbox-screen .toolbox-screen-internal .toolbox-screen-internal-article a{color:#888;text-decoration:underline}.toolbox-screen .toolbox-screen-internal .toolbox-screen-internal-article a:hover{color:#eee}.toolbox-screen .toolbox-screen-internal .toolbox-screen-internal-article blockquote{border-left:none;font-size:15px}.toolbox-screen .toolbox-screen-internal .play-example-btn{background:#ccc;color:#333;padding:0 6px;line-height:20px}.toolbox-screen .toolbox-screen-internal .play-example-btn:hover{background:#fff;color:#111}.toolbox-screen .toolbox-screen-internal .toolbox-screen-internal-sec{position:absolute}.toolbox-screen .toolbox-screen-internal .toolbox-screen-internal-value{height:36px}.toolbox-screen .toolbox-screen-internal .toolbox-screen-internal-field{font-size:12px;color:#666;font-style:italic;margin-bottom:5px}.toolbox-screen table th,.toolbox-screen table td{font-size:13px;font-weight:400;border-top:1px solid #000!important}.toolbox-screen table th small,.toolbox-screen table td small{color:#666}.toolbox-screen .example-highlight{background:#000}.toolbox-article{background:#151515;color:#aaa;padding:15px;font-size:1.15em;line-height:1.5em}.toolbox-article h1,.toolbox-article h2,.toolbox-article h3,.toolbox-article h4{color:#eee}.toolbox-article h1{font-size:1.3em}.toolbox-article h2{font-size:1.2em}.toolbox-article h3{font-size:1.15em}.toolbox-article .tool-article-img{border-radius:3px;background:rgba(255,255,255,.03);padding:6px;display:inline-block;max-width:60%;margin:10px 20%;height:auto}.toolbox-article .tool-article-img.tool-article-img-sm{max-width:40%;margin:10px 30%}@media(max-width:768px){.toolbox-article .tool-article-img{max-width:100%;margin:10px 0}}.toolbox-article .play-example-btn{border:none;border-radius:3px;background:rgba(255,255,255,.7);color:#333;line-height:20px}.toolbox-article .play-example-btn:hover{background:rgba(255,255,255,.95);color:#111}.selected-chord-to-add{background:#252525;padding:15px!important;position:relative;color:#eee;font-size:20px}[circle-btn] img{max-height:50px}.qa{margin-top:5px;position:relative}.qa .fa{position:absolute;left:2px;top:3px}.qa .q{font-weight:700;padding-left:18px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.qa .a{display:none;padding:10px 10px 5px;margin-bottom:20px;background:#f5f5f5;box-shadow:0 0 1px 1px #ccc;border-radius:3px}.qa .song{background:#eee;border-radius:3px;font-size:13px;line-height:36px;padding:14px 10px 4px;margin-bottom:6px;position:relative}.qa .song .chord{position:absolute;display:inline-block;margin-top:-6px;margin-left:-5px;font-size:12px;line-height:12px;border-radius:2px;padding:1px 2px;background:#f2a74b;color:#fff}.circle-label{padding:0 4px;border-radius:3px;color:#eee;font-size:12px;background:#111}.circle-label.circle-btn{cursor:pointer}.circle-label.circle-btn:hover{color:#fff}.circle-label[color=Red]{background:#b73d38}.circle-label[color=Yellow]{background:#fbaf17}.circle-label[color=Green]{background:#64b245}.circle-label[color=Blue]{background:#0087cd}.circle-label[color=Purple]{background:#652c90}.piano-cursor{display:none;text-align:center;height:30px;margin-top:10px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.piano-cursor .piano-cursor-internal{position:relative;width:300px;display:inline-block}.piano-cursor .piano-cursor-internal .piano-cursor-shadow{z-index:1;position:absolute;width:300px;height:30px;top:0;left:0;background:rgba(0,0,0,.8)}.piano-cursor .piano-cursor-internal .piano-cursor-shadow{z-index:1;position:absolute;height:30px;top:0;background:rgba(0,0,0,.8)}.piano-cursor .piano-cursor-internal .piano-cursor-shadow.piano-cursor-shadow-left{right:auto;left:0;width:100%}.piano-cursor .piano-cursor-internal .piano-cursor-shadow.piano-cursor-shadow-right{left:auto;right:0;width:0}.piano-keys{height:210px;overflow:hidden;position:relative}.piano-keys .piano-keys-internal{position:absolute;width:1084px;margin-left:-542px;display:inline-block;left:50%}.piano-keys [key]{float:left;position:relative;display:block}.piano-keys [key]>div{position:relative;width:100%;height:100%}.piano-keys [key]>div [kname]{position:absolute}.piano-keys [key] [pointer]{position:absolute}.piano-keys [key] [pointer-set-a]{color:#5dc4f7}.piano-keys [key] [pointer-set-b]{color:#0b80b7}.piano-keys [key] [pointer-set-c]{color:#7c4472}.piano-keys [key] [pointer-set-d]{color:#a87eb7}.piano-keys [key] [pointer-set-e]{color:#965306}.piano-keys [key] [pointer-set-f]{color:#067}.piano-keys [key] [pointer-set-bot]{color:#506472}.piano-keys [key] [pointer-set-user]{color:#b76522}.piano-keys [key][key-white]{width:30px;height:200px;margin-left:-12px;z-index:2;cursor:pointer;border-bottom-left-radius:3px;border-bottom-right-radius:3px;background:#efede6;color:#888;box-shadow:inset 1px 0 0 0 #999,0 5px 0 0 #000}.piano-keys [key][key-white] [pointer]{left:9px}.piano-keys [key][key-white] [pointer-set-a],.piano-keys [key][key-white] [pointer-set-d]{top:130px}.piano-keys [key][key-white] [pointer-set-b]{top:145px}.piano-keys [key][key-white] [pointer-set-c]{top:160px}.piano-keys [key][key-white]:first-child{margin-left:0}.piano-keys [key][key-white]+[key][key-white]{margin-left:0}.piano-keys [key][key-white]:hover{background:#fff;color:#000}.piano-keys [key][key-white]:active,.piano-keys [key][key-white][pressed=yes]{background:#fff;color:#000;box-shadow:inset 0 0 0 50px rgba(0,0,0,.4)!important}.piano-keys [key][key-white] [kname]{bottom:4px;left:4px;font-size:12px}.piano-keys [key][key-white][hint=yes]{color:#fff;background:#61cec7}.piano-keys [key][key-white][question=yes]{color:#fff;background:#bf82b4}.piano-keys [key][key-white][keyboard-octave=low]{color:#fff;background:#ab82d6}.piano-keys [key][key-white][keyboard-octave=high]{color:#fff;background:#648ad6}.piano-keys [key][key-white][feedback=right]{color:#fff;background:#69af73}.piano-keys [key][key-white][feedback=wrong]{color:#fff;background:#d94e49}.piano-keys [key][key-white][feedback=correct]{animation:blink-correct-on-white 1s}.piano-keys [key][key-white][set-a=yes]{color:#fff;background:#e2aad8}.piano-keys [key][key-white][set-b=yes]{color:#fff;background:#935b89}.piano-keys [key][key-white][set-c=yes]{color:#fff;background:#61cec7}.piano-keys [key][key-white][set-d=yes]{color:#fff;background:#db483b}.piano-keys [key][key-white][set-e=yes]{color:#fff;background:#df871e}.piano-keys [key][key-white][set-f=yes]{color:#fff;background:#50deff}.piano-keys [key][key-white][set-bot=yes]{color:#fff;background:#506472}.piano-keys [key][key-white][set-user=yes]{color:#fff;background:#b76522}.piano-keys [key][key-black]{width:24px;height:120px;margin-left:-12px;z-index:3;background:#333;color:#999;font-size:10px;cursor:pointer;border-width:1px 2px 7px;border-style:solid;border-color:#666 #222 #111 #555;box-shadow:inset 0 -1px 2px rgba(255,255,255,.1),0 2px 3px rgba(0,0,0,.4);border-radius:0 0 2px 2px}.piano-keys [key][key-black] [pointer]{left:6px}.piano-keys [key][key-black] [pointer-set-a],.piano-keys [key][key-black] [pointer-set-d]{top:80px}.piano-keys [key][key-black] [pointer-set-b]{top:100px}.piano-keys [key][key-black] [pointer-set-c]{top:120px}.piano-keys [key][key-black]:hover{background:#000;color:#fff}.piano-keys [key][key-black]:active,.piano-keys [key][key-black][pressed=yes]{background:#000;color:#fff;border-width:1px 2px 2px;box-shadow:inset 0 0 0 50px rgba(0,0,0,.4)!important}.piano-keys [key][key-black] [kname]{bottom:8px;font-size:10px;width:100%}.piano-keys [key][key-black][hint=yes]{color:#fff;background:#61cec7;border-color:#277f7b #277f7b #61cec7 #277f7b}.piano-keys [key][key-black][question=yes]{color:#fff;background:#bf82b4;border-color:#935b89 #935b89 #bf82b4 #935b89}.piano-keys [key][key-black][feedback=right]{color:#fff;background:#69af73;border-color:#519159 #519159 #69af73 #519159}.piano-keys [key][key-black][feedback=wrong]{color:#fff;background:#d94e49;border-color:#bf433f #bf433f #d94e49 #bf433f}.piano-keys [key][key-black][feedback=correct]{animation:blink-correct-on-black 1s}.piano-keys [key][key-black][set-a=yes]{color:#fff;background:#e2aad8;border-color:#935b89 #935b89 #e2aad8 #935b89}.piano-keys [key][key-black][set-b=yes]{color:#fff;background:#e2aad8;border-color:#935b89 #935b89 #e2aad8 #935b89}.piano-keys [key][key-black][set-c=yes]{color:#fff;background:#61cec7;border-color:#277f7b #277f7b #61cec7 #277f7b}.piano-keys [key][key-black][set-d=yes]{color:#fff;background:#db483b;border-color:#bf2717 #bf2717 #db483b #bf2717}.piano-keys [key][key-black][set-e=yes]{color:#fff;background:#965306;border-color:#472e11 #472e11 #965306 #472e11}.piano-keys [key][key-black][set-f=yes]{color:#fff;background:#067;border-color:#1999bc #1999bc #067 #1999bc}.piano-keys [key][key-black][set-bot=yes]{color:#fff;background:#111b24;border-color:#202d36 #202d36 #111b24 #202d36}.piano-keys [key][key-black][set-user=yes]{color:#fff;background:#b76522;border-color:#edac4b #edac4b #b76522 #edac4b}.piano-simple-keys{overflow:hidden;position:relative;width:450px;margin:0 auto}.piano-simple-keys [key]{float:left;position:relative;display:block}.piano-simple-keys [key][hint=yes]{color:#fff;background:#61cec7}.piano-simple-keys [key]>div{position:relative;width:100%;height:100%}.piano-simple-keys [key]>div [kname]{position:absolute}.piano-simple-keys [key][set-a=yes]{color:#fff;background:#e2aad8}.piano-simple-keys [key][set-b=yes]{color:#fff;background:#935b89}.piano-simple-keys [key][set-c=yes]{color:#fff;background:#61cec7}.piano-simple-keys [key][set-d=yes]{color:#fff;background:#db483b}.piano-simple-keys [key][set-e=yes]{color:#fff;background:#df871e}.piano-simple-keys [key][set-f=yes]{color:#fff;background:#50deff}.piano-simple-keys [key][set-bot=yes]{color:#fff;background:#5a6ca8}.piano-simple-keys [key][key-white]{width:15px;height:80px;margin-left:-6px;z-index:2;background:#efede6;color:#333;box-shadow:inset 0 0 1px #000}.piano-simple-keys [key][key-white]:first-child{margin-left:0}.piano-simple-keys [key][key-white]+[key][key-white]{margin-left:0}.piano-simple-keys [key][key-white][midi="36"] [kname],.piano-simple-keys [key][key-white][midi="48"] [kname],.piano-simple-keys [key][key-white][midi="60"] [kname],.piano-simple-keys [key][key-white][midi="72"] [kname],.piano-simple-keys [key][key-white][midi="84"] [kname]{color:red}.piano-simple-keys [key][key-white] [kname]{bottom:0;width:100%;text-align:center;font-size:14px;color:#000}.piano-simple-keys [key][key-white] [kname] small{color:#555;font-size:12px}.piano-simple-keys [key][key-black]{width:12px;height:40px;margin-left:-6px;z-index:3;background:#333;color:#999;box-shadow:inset 0 0 1px #fff}.guitar-frets{height:218px;overflow:hidden;position:relative}.guitar-frets .guitar-frets-internal{height:100%;width:100%;position:absolute;left:0;display:flex;flex-direction:column-reverse;padding:2% 2% 1% 1%}.guitar-frets .guitar-frets-internal [row]{height:16.66%;display:flex}.guitar-frets .guitar-frets-internal [row][row-6]{transform:rotate(-0.5deg)}.guitar-frets .guitar-frets-internal [row][row-5]{transform:rotate(-0.3deg)}.guitar-frets .guitar-frets-internal [row][row-4]{transform:rotate(-0.1deg)}.guitar-frets .guitar-frets-internal [row][row-3]{transform:rotate(0.1deg)}.guitar-frets .guitar-frets-internal [row][row-2]{transform:rotate(0.3deg)}.guitar-frets .guitar-frets-internal [row][row-1]{transform:rotate(0.5deg)}.guitar-frets .guitar-frets-internal [row] .metal-fret{height:111%;width:3px;background-color:#343434}.guitar-frets .guitar-frets-internal [row] [fret]{height:100%;width:13%;z-index:2;color:#888;float:left;position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center}.guitar-frets .guitar-frets-internal [row] [fret] [kname]{width:fit-content;height:36%;border-radius:99999px;box-sizing:content-box;font-size:small;position:absolute;top:6%;padding:1% 6% 8%;margin:0 auto;background:rgba(80,80,80,.9);color:#fff;font-size:1.1em}.guitar-frets .guitar-frets-internal [row] [fret] [fret-height]{height:48%}.guitar-frets .guitar-frets-internal [row] [fret] .guitar-string{height:4%;width:110%;background-color:gray}.guitar-frets .guitar-frets-internal [row] [fret] [pointer]{position:absolute}.guitar-frets .guitar-frets-internal [row] [fret] [pointer-set-a]{color:#5dc4f7}.guitar-frets .guitar-frets-internal [row] [fret] [pointer-set-b]{color:#0b80b7}.guitar-frets .guitar-frets-internal [row] [fret] [pointer-set-c]{color:#7c4472}.guitar-frets .guitar-frets-internal [row] [fret] [pointer-set-d]{color:#a87eb7}.guitar-frets .guitar-frets-internal [row] [fret] [pointer-set-e]{color:#965306}.guitar-frets .guitar-frets-internal [row] [fret] [pointer-set-f]{color:#067}.guitar-frets .guitar-frets-internal [row] [fret] [pointer-set-bot]{color:#3b4a7f}.guitar-frets .guitar-frets-internal [row] [fret] [pointer]{left:9px}.guitar-frets .guitar-frets-internal [row] [fret] [pointer-set-a],.guitar-frets .guitar-frets-internal [row] [fret] [pointer-set-d]{top:130px}.guitar-frets .guitar-frets-internal [row] [fret] [pointer-set-b]{top:145px}.guitar-frets .guitar-frets-internal [row] [fret] [pointer-set-c]{top:160px}.guitar-frets .guitar-frets-internal [row] [fret]+[key][key-white]{margin-left:0}.guitar-frets .guitar-frets-internal [row] [fret]:hover [kname]{background:rgba(255,255,255,.8);color:#000}.guitar-frets .guitar-frets-internal [row] [fret]:active [kname],.guitar-frets .guitar-frets-internal [row] [fret][pressed=yes] [kname]{box-shadow:inset 0 0 0 50px rgba(0,0,0,.4)}.guitar-frets .guitar-frets-internal [row] [fret][hint=yes]{color:#fff;background:#61cec7}.guitar-frets .guitar-frets-internal [row] [fret][question=yes]{color:#fff;background:#bf82b4}.guitar-frets .guitar-frets-internal [row] [fret][keyboard-octave=low]{color:#fff;background:#ab82d6}.guitar-frets .guitar-frets-internal [row] [fret][keyboard-octave=high]{color:#fff;background:#648ad6}.guitar-frets .guitar-frets-internal [row] [fret][feedback=right]{color:#fff;background:#69af73}.guitar-frets .guitar-frets-internal [row] [fret][feedback=wrong]{color:#fff;background:#d94e49}.guitar-frets .guitar-frets-internal [row] [fret][feedback=correct]{animation:blink-correct-on-white 1s}.guitar-frets .guitar-frets-internal [row] [fret][set-a=yes] [kname]{color:#fff;background:#5a497f;font-weight:700;box-shadow:0 0 3px 2px #fff}.guitar-frets .guitar-frets-internal [row] [fret][set-b=yes] [kname]{color:#fff;background:#935b89}.guitar-frets .guitar-frets-internal [row] [fret][set-c=yes] [kname]{color:#fff;background:#61cec7}.guitar-frets .guitar-frets-internal [row] [fret][set-d=yes] [kname]{color:#fff;background:#db483b}.guitar-frets .guitar-frets-internal [row] [fret][set-e=yes] [kname]{color:#fff;background:#df871e}.guitar-frets .guitar-frets-internal [row] [fret][set-f=yes] [kname]{color:#fff;background:#50deff}.guitar-frets .guitar-frets-internal [row] [fret][set-bot=yes] [kname]{color:#fff;background:#5a6ca8}.guitar-frets .guitar-frets-internal [row] [open-string]{width:6%;flex-direction:unset;justify-content:flex-end}.guitar-frets .guitar-frets-internal [row] [open-string] [nut]{height:100%;width:10px;background-color:#343434;margin:0 5px 0 8px}.guitar-frets .guitar-frets-internal [row] [open-string] [kname]{position:unset;bottom:unset;padding:4% 10% 15%}.piano-instrument{width:90px;background:#000;color:#666;border-radius:3px;cursor:pointer;z-index:5}.piano-instrument:hover{background:#000;color:#eee}.piano-instrument img{width:100%}.piano-instrument i{position:absolute;left:-20px;top:6px;font-size:24px}.piano-index-btn{display:inline-block;background:#000;color:#666;font-weight:700;font-size:13px;line-height:28px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;border:none;padding:0 6px;transition:all .2s ease;cursor:pointer;margin:0 3px 3px 0;border-radius:3px;width:40px;text-align:center}.progressionist-box .progressionist-breadcrumb{margin:15px 0}.progressionist-box .progressionist-breadcrumb [placeholder]{float:left;width:100px;margin-bottom:3px}.progressionist-box .progressionist-breadcrumb [placeholder] [btn]{cursor:pointer;color:#ccc;font-size:14px;display:block;background:#252525;text-decoration:none;position:relative;height:40px;line-height:40px;padding:0 10px 0 5px;text-align:center;margin-right:23px}.progressionist-box .progressionist-breadcrumb [placeholder] [btn] small,.progressionist-box .progressionist-breadcrumb [placeholder] [btn] sup{color:#ccc;margin:0 1px}.progressionist-box .progressionist-breadcrumb [placeholder] [btn]:before,.progressionist-box .progressionist-breadcrumb [placeholder] [btn]:after{content:"";position:absolute;top:0;border:0 solid #252525;border-width:20px 10px;width:0;height:0}.progressionist-box .progressionist-breadcrumb [placeholder] [btn]:before{left:-20px;border-left-color:transparent}.progressionist-box .progressionist-breadcrumb [placeholder] [btn]:after{left:100%;border-color:transparent;border-left-color:#252525}.progressionist-box .progressionist-breadcrumb [placeholder] [btn]:hover{background-color:#333;color:#fff}.progressionist-box .progressionist-breadcrumb [placeholder] [btn]:hover:before{border-color:#333;border-left-color:transparent}.progressionist-box .progressionist-breadcrumb [placeholder] [btn]:hover:after{border-left-color:#333}.progressionist-box .progressionist-breadcrumb [placeholder] [btn][finder-is-active=yes]{background-color:#353535}.progressionist-box .progressionist-breadcrumb [placeholder] [btn][finder-is-active=yes]:before{border-color:#353535;border-left-color:transparent}.progressionist-box .progressionist-breadcrumb [placeholder] [btn][finder-is-active=yes]:after{border-left-color:#353535}.progressionist-box .progressionist-breadcrumb [placeholder] [btn][finder-is-active=yes].blink{animation:blink-selection .5s}.progressionist-box .progressionist-breadcrumb [placeholder]:first-child [btn]{background:#050505;padding-left:10px;border-radius:4px 0 0 4px}.progressionist-box .progressionist-breadcrumb [placeholder]:first-child [btn]:before{border:none}.progressionist-box .progressionist-breadcrumb [placeholder]:first-child [btn]:after{border-left-color:#050505}.progressionist-box .progressionist-breadcrumb [placeholder]:last-child [btn]{padding-right:10px;border-radius:0 4px 4px 0}.progressionist-box .progressionist-breadcrumb [placeholder]:last-child [btn]:after{border:none}.progressionist-box .progressionist-breadcrumb [placeholder]:last-child [btn]:hover:after{border:none}.progressionist-box .progressionist-search-box{text-align:left;background:#444;padding:5px;width:178px;position:absolute;z-index:4;left:0;border-radius:3px;box-shadow:0 0 5px 0 #000;transition:all .1s ease}.progressionist-box .progressionist-search-box[show=no]{display:none}.progressionist-box .progressionist-search-box .progressionist-search-box-internal{position:relative}.progressionist-box .progressionist-search-box .progressionist-search-box-internal .progressionist-caret{color:#444;font-size:36px;position:absolute;top:-30px;left:80px;text-shadow:0 -1px 1px #222}.progressionist-box .progressionist-search-box .progressionist-search-box-internal .progressionist-search-box-chords{width:100%;text-align:center;background:#222;padding:5px 0}.progressionist-box .progressionist-search-box .progressionist-search-box-internal .progressionist-tag-label{color:#888;font-style:italic;font-size:12px;margin:4px 0}.progressionist-box .progressionist-search-box .progressionist-search-box-internal .progressionist-tag{display:inline-block;width:20px;margin:2px;color:#ccc;padding:1px 4px;border-radius:3px;cursor:pointer;font-size:12px;text-align:center}.progressionist-box .progressionist-search-box .progressionist-search-box-internal .progressionist-tag[state='0']{background:#333}.progressionist-box .progressionist-search-box .progressionist-search-box-internal .progressionist-tag[state='1']{background:#eee;color:#111}.progressionist-box .progressionist-search-box .progressionist-search-box-internal .progressionist-result{display:inline-block;margin:1px;color:#ccc;background:#000;padding:1px 3px;border-radius:3px;cursor:pointer;font-size:15px;text-align:center}.progressionist-box .progressionist-search-box .progressionist-search-box-internal .progressionist-result sup,.progressionist-box .progressionist-search-box .progressionist-search-box-internal .progressionist-result small{color:#ccc}.progressionist-box .progressionist-search-box .progressionist-search-box-internal .progressionist-result:hover{color:#fff}.progressionist-box .progressionist-search-box .progressionist-search-box-internal .progressionist-result:hover sup,.progressionist-box .progressionist-search-box .progressionist-search-box-internal .progressionist-result:hover small{color:#fff}.progressionist-box .progressionist-search-box .progressionist-search-box-internal .progressionist-result[show=no]{display:none}.custom-progression{background:#111;font-size:16px;padding:4px 10px;border-radius:3px;text-align:center;margin-bottom:5px}.piano-presets[show=no],.piano-progressionist[show=no]{display:none}.pressed-name{color:#999;font-size:20px}.pressed-name sup,.pressed-name sub,.pressed-name small{font-size:15px;color:#999}.pressed-name b{color:#fc9a94;font-weight:400}.pressed-name b sup,.pressed-name b sub,.pressed-name b small{color:#fc9a94}.selected-tonic{margin-right:1px}.instrument-item{background:#eee;padding:5px;border-radius:4px;width:60px;margin:0 0 8px 8px;cursor:pointer;display:inline-block;position:relative}.instrument-item i.fa{position:absolute;top:5px;left:5px}.instrument-item .selection{display:none}.instrument-item .selected .selection{display:block}.instrument-item[status=open] img,.instrument-item[status=locked] img{filter:grayscale(100%);-webkit-filter:grayscale(100%);-webkit-transition:all .2s ease}.instrument-item[status=open] i,.instrument-item[status=locked] i{color:#fff}.instrument-item[status=completed] i{color:#89e592}.root-selection-box{position:absolute}.piano-keys{height:210px;margin-top:8px;overflow:hidden;position:relative;text-align:center}.piano-keys .piano-keys-internal{display:inline-block}.piano-keys [key]{float:left;position:relative;display:block;width:8.3%;height:34px;z-index:2;cursor:pointer;border-bottom-left-radius:3px;border-bottom-right-radius:3px;background:#efede6;color:#888;box-shadow:inset 1px 0 0 0 #999,0 5px 0 0 #000}.piano-keys [key]:hover{background:#fff;color:#000}.piano-keys [key]:active,.piano-keys [key][pressed=yes]{background:#fff;color:#000;box-shadow:inset 1px 0 8px 1px #999}.piano-keys [key] [kname]{bottom:4px;font-size:12px}.piano-keys [key][hint=yes]{color:#fff;background:#61cec7;box-shadow:inset 1px 0 4px 1px #61cec7,0 1px 0 0 #000}.piano-keys [key][hint=yes]:active,.piano-keys [key][hint=yes][pressed=yes]{box-shadow:inset 0 0 5px 0 #000}.piano-keys [key][question=yes]{color:#fff;background:#bf82b4;box-shadow:inset 1px 0 4px 1px #bf82b4,0 1px 0 0 #000}.piano-keys [key][question=yes]:active,.piano-keys [key][question=yes][pressed=yes]{box-shadow:inset 0 0 5px 0 #000}.piano-keys [key][keyboard-octave=low]{color:#fff;background:#ab82d6;box-shadow:inset 1px 0 4px 1px #ab82d6,0 1px 0 0 #000}.piano-keys [key][keyboard-octave=low]:active,.piano-keys [key][keyboard-octave=low][pressed=yes]{box-shadow:inset 0 0 5px 0 #000}.piano-keys [key][keyboard-octave=high]{color:#fff;background:#648ad6;box-shadow:inset 1px 0 4px 1px #648ad6,0 1px 0 0 #000}.piano-keys [key][keyboard-octave=high]:active,.piano-keys [key][keyboard-octave=high][pressed=yes]{box-shadow:inset 0 0 5px 0 #000}.piano-keys [key][feedback=right]{color:#fff;background:#69af73}.piano-keys [key][feedback=wrong]{color:#fff;background:#d94e49}.piano-keys [key][feedback=correct]{animation:blink-correct-on-white 1s}.piano-keys [key]>div{position:relative;width:100%;height:100%;align-items:center}.piano-keys [key]>div [kname]{position:absolute}.tooltip small,.tooltip sup,.tooltip sub{color:#fff}.metronome .metronome-lights{color:#8dc652;font-size:30px;margin:15px;text-align:center}.metronome .tempo-tap-button{background:#000;color:#666;height:40px;width:120px;text-align:center;line-height:40px;margin:20px 0}.metronome .tempo-bar{position:relative;height:300px;color:#666}.metronome .tempo-bar .tempo-levels div{position:absolute;left:10px}.metronome .tempo-bar .tempo-labels div{position:absolute;left:60px}.abcjs-v0,.abcjs-v1{fill:#ccc}.preset-list{color:#ccc;font-size:13px}.preset-list .feed{height:230px;padding:6px 10px;overflow-y:auto;overflow-x:hidden}.preset-list .feed::-webkit-scrollbar-track{background-color:#222;border-radius:5px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3)}.preset-list .feed::-webkit-scrollbar{width:6px;background-color:#111}.preset-list .feed::-webkit-scrollbar-thumb{background-color:#333;border-radius:5px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3)}.preset-pattern-box{background:#000;border:1px solid #111;min-height:46px;padding:5px;margin-bottom:4px;border-radius:3px}.preset-pattern-box [key]{display:inline-block;width:52px;padding:4px;border-radius:3px;font-size:14px;color:#eee;background:#111;border:1px solid #111;cursor:pointer;text-align:center;margin:2px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;user-select:none;position:relative}.preset-pattern-box [key] .fa{position:absolute;top:-3px;right:-3px;font-size:12px;color:#666}.preset-pattern-box [key][color=white]{background:#fff;color:#000}.preset-pattern-box [key][color=black]{background:#222;color:#eee}.preset-pattern-box [key][color=rest]{background:#5b4046;color:#fff;font-weight:700}.preset-pattern-box [key][color=action]{background:#999;color:#333}.keyboard-keys{display:inline-block;padding:8px 0 5px;text-align:center}.keyboard-keys .keyboard-keys-set{display:block;margin:5px 0}.keyboard-keys[show-shorts=yes] [key] short{display:block}.keyboard-keys [key]{box-shadow:0 0 1px #000;position:relative;min-width:46px;padding:0 10px;margin:0 2px;height:40px;line-height:40px;font-size:15px;text-align:center;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;user-select:none;display:inline-block}.keyboard-keys [key] short{display:none;position:absolute;bottom:-2px;right:3px;width:15px;height:15px;line-height:13px;font-size:13px;border-radius:2px;box-shadow:0 0 0 1px #000;font-weight:700}.keyboard-keys [key][show=no]{opacity:.2;cursor:default}.keyboard-keys [key][show=no][color=black]{background:#333;color:#333}.keyboard-keys [key][show=no][color=black]:hover{background:#333;color:#333}.keyboard-keys [key][show=no][color=white]{background:#ccc;color:#ccc}.keyboard-keys [key][show=no][color=white]:hover{background:#ccc;color:#ccc}.keyboard-keys [key][color=black]{background:#222;color:#eee}.keyboard-keys [key][color=black]:hover{background:#222;color:#fff}.keyboard-keys [key][color=black][playing=yes]{color:#fff;text-shadow:0 0 6px #fff,0 0 14px #fff}.keyboard-keys [key][color=black] short{background:#222;color:#eee}.keyboard-keys [key][color=black][pressed=yes]{background:#1999bc;color:#bcf1ff}.keyboard-keys [key][color=black][feedback=reveal]{animation:blink-keyboard-correct-on-black .5s!important}.keyboard-keys [key][color=black][feedback=correct]{background:#69af73;color:#1a4420}.keyboard-keys [key][color=black][feedback=wrong]{background:#d94e49;color:#720d0a}.keyboard-keys [key][color=white]{background:#ccc;color:#333}.keyboard-keys [key][color=white]:hover{background:#fff;color:#000}.keyboard-keys [key][color=white][playing=yes]{color:#111;text-shadow:0 0 6px #111,0 0 14px #111}.keyboard-keys [key][color=white] short{background:#ddd;color:#444}.keyboard-keys [key][color=white][pressed=yes]{background:#1999bc;color:#bcf1ff}.keyboard-keys [key][color=white][feedback=reveal]{animation:blink-keyboard-correct-on-white .5s!important}.keyboard-keys [key][color=white][feedback=correct]{background:#69af73;color:#1a4420}.keyboard-keys [key][color=white][feedback=wrong]{background:#d94e49;color:#720d0a}.keyboard-keys [key][color=empty]{background:0 0;box-shadow:none;cursor:default}.noter{font-size:0;position:relative;white-space:nowrap;overflow:hidden;background:#eee;text-align:left}.noter [noter-sing]{background:rgba(0,0,0,.2);transition:.1s}.noter [noter-sing][state=click]{background:rgba(0,0,0,.4)}.noter [noter-sign]{display:inline-block;height:100%;position:relative}.noter [noter-sign] .sung-note{position:absolute;font-size:15px;width:20px;height:20px;left:16px;color:#111;text-shadow:0 1px 0 #000,0 0 4px #fff,0 0 6px #fff;opacity:0}.noter [noter-sign] .sung-note[reference-note=yes]{top:116px;opacity:1;left:36px}.noter [noter-sign] .sung-note[sung-feeback="Ti2#"]{top:14px}.noter [noter-sign] .sung-note[sung-feeback=Ti2]{top:14px}.noter [noter-sign] .sung-note[sung-feeback=Ti2b]{top:14px}.noter [noter-sign] .sung-note[sung-feeback="La2#"]{top:22px}.noter [noter-sign] .sung-note[sung-feeback=La2]{top:22px}.noter [noter-sign] .sung-note[sung-feeback=La2b]{top:22px}.noter [noter-sign] .sung-note[sung-feeback="Sol2#"]{top:30px}.noter [noter-sign] .sung-note[sung-feeback=Sol2]{top:30px}.noter [noter-sign] .sung-note[sung-feeback=Sol2b]{top:30px}.noter [noter-sign] .sung-note[sung-feeback="Fa2#"]{top:38px}.noter [noter-sign] .sung-note[sung-feeback=Fa2]{top:38px}.noter [noter-sign] .sung-note[sung-feeback=Fa2b]{top:38px}.noter [noter-sign] .sung-note[sung-feeback="Mi2#"]{top:46px}.noter [noter-sign] .sung-note[sung-feeback=Mi2]{top:46px}.noter [noter-sign] .sung-note[sung-feeback=Mi2b]{top:46px}.noter [noter-sign] .sung-note[sung-feeback="Re2#"]{top:52px}.noter [noter-sign] .sung-note[sung-feeback=Re2]{top:52px}.noter [noter-sign] .sung-note[sung-feeback=Re2b]{top:52px}.noter [noter-sign] .sung-note[sung-feeback="Do2#"]{top:60px}.noter [noter-sign] .sung-note[sung-feeback=Do2]{top:60px}.noter [noter-sign] .sung-note[sung-feeback=Do2b]{top:60px}.noter [noter-sign] .sung-note[sung-feeback="Ti#"]{top:68px}.noter [noter-sign] .sung-note[sung-feeback=Ti]{top:68px}.noter [noter-sign] .sung-note[sung-feeback=Tib]{top:68px}.noter [noter-sign] .sung-note[sung-feeback="La#"]{top:76px}.noter [noter-sign] .sung-note[sung-feeback=La]{top:76px}.noter [noter-sign] .sung-note[sung-feeback=Lab]{top:76px}.noter [noter-sign] .sung-note[sung-feeback="Sol#"]{top:84px}.noter [noter-sign] .sung-note[sung-feeback=Sol]{top:84px}.noter [noter-sign] .sung-note[sung-feeback=Solb]{top:84px}.noter [noter-sign] .sung-note[sung-feeback="Fa#"]{top:92px}.noter [noter-sign] .sung-note[sung-feeback=Fa]{top:92px}.noter [noter-sign] .sung-note[sung-feeback=Fab]{top:92px}.noter [noter-sign] .sung-note[sung-feeback="Mi#"]{top:100px}.noter [noter-sign] .sung-note[sung-feeback=Mi]{top:100px}.noter [noter-sign] .sung-note[sung-feeback=Mib]{top:100px}.noter [noter-sign] .sung-note[sung-feeback="Re#"]{top:108px}.noter [noter-sign] .sung-note[sung-feeback=Re]{top:108px}.noter [noter-sign] .sung-note[sung-feeback=Reb]{top:108px}.noter [noter-sign] .sung-note[sung-feeback="Do#"]{top:116px}.noter [noter-sign] .sung-note[sung-feeback=Do]{top:116px}.noter [noter-sign] .sung-note[sung-feeback=Dob]{top:116px}.noter [noter-sign][state=correct] svg>g[id^=note-],.noter [noter-sign][state=correct] svg>g[id^=rest-]{fill:#69af73}.noter [noter-sign][state=wrong] svg>g[id^=note-],.noter [noter-sign][state=wrong] svg>g[id^=rest-]{fill:#d94e49}.noter [noter-sign][state=transparent] svg{opacity:.2!important}.noter [noter-sign][state=hidden] svg{opacity:0!important}.noter [noter-sign] svg{height:100%}.noter [noter-sign] svg>g{opacity:0}.noter [noter-sign] svg>g#lines{opacity:.6}.noter[show-result=yes] [noter-sign]{display:inline-block;height:100%}.noter[show-result=yes] [noter-sign] .sung-note{opacity:1}.noter[show-result=yes] [noter-sign][result=correct] svg{opacity:1!important}.noter[show-result=yes] [noter-sign][result=correct] svg>g[id^=note-],.noter[show-result=yes] [noter-sign][result=correct] svg>g[id^=rest-]{fill:#69af73}.noter[show-result=yes] [noter-sign][result=correct] .sung-note{color:#69af73}.noter[show-result=yes] [noter-sign][result=correct] .sung-note sub{color:#69af73}.noter[show-result=yes] [noter-sign][result=wrong] svg{opacity:1!important}.noter[show-result=yes] [noter-sign][result=wrong] svg>g[id^=note-],.noter[show-result=yes] [noter-sign][result=wrong] svg>g[id^=rest-]{fill:#d94e49}.noter[show-result=yes] [noter-sign][result=wrong] .sung-note{color:#d94e49}.noter[show-result=yes] [noter-sign][result=wrong] .sung-note sub{color:#d94e49}.guitar-trainer-tool .preset-list .feed{min-height:500px;max-height:600px;overflow-x:hidden}.guitar-trainer-tool .preset-list .feed .preset{font-size:15px;color:#ccc;line-height:24px;padding:2px 8px;border-radius:3px;margin-right:15px}.guitar-trainer-tool .preset-list .feed .preset:hover{background:#111}.guitar-trainer-tool .preset-list .feed .preset a{color:#fff}.guitar-trainer-tool .preset-list .feed .preset small{color:#666;font-size:12px}.guitar-trainer-tool .preset-list .feed .preset-action-btn{width:26px;height:26px;line-height:26px;margin-top:2px;text-align:center;display:inline-block;color:#fff;cursor:pointer;border-radius:50px;background:#000;font-size:14px;transition:all .3s ease}.guitar-trainer-tool .preset-list .feed .preset-action-btn[used=yes]{background:#4ab6bf}.guitar-trainer-tool .creator{background:#252525;border-radius:5px}.guitar-trainer-tool .creator .toolbox-radio-label{width:130px;line-height:12px}.guitar-trainer-tool .creator .creator-label{margin:15px 0 8px}.guitar-trainer-tool .creator .creator-data{font-size:18px;color:#fff;background:#000;padding:10px;margin-top:10px;border:1px solid #333;min-height:54px}.guitar-trainer-tool .creator .creator-data span{user-select:none;margin:0 2px 4px;cursor:pointer;text-align:center;display:inline-block;font-size:13px;line-height:28px;height:28px;min-width:32px;border-radius:3px;padding:1px 4px;background:#222;color:#eee}.guitar-trainer-tool .creator .creator-data span:hover{background:#111;color:#fff}.guitar-trainer-tool .creator .add-btn{user-select:none;background:#080808;color:#aaa;display:inline-block;padding:4px 5px;border-radius:2px;min-width:40px;line-height:20px;font-size:15px;margin:0 4px 4px 0;height:auto;cursor:pointer}.guitar-trainer-tool .creator .add-btn small{font-size:13px;color:#666}.guitar-trainer-tool .creator .add-btn:hover{background:#000;color:#fff}.guitar-trainer-tool .creator .add-btn:hover small{color:#666}.guitar-trainer-tool .creator .custom-play-button{background:#9e3838;color:#ffc4c4;padding:6px 12px;text-align:center;border:none;outline:none;margin-right:10px}.guitar-trainer-tool .list-title{font-size:14px;margin-bottom:15px}.guitar-trainer-tool .list-title a{color:#e87a7a;cursor:pointer}.guitar-trainer-tool .list-title a:hover{color:#ffc1c1}.guitar-trainer-tool .creator-data{font-size:18px;color:#fff;background:#000;padding:10px;margin-top:10px;border:1px solid #333}.guitar-trainer-tool .creator-data span{user-select:none;margin:0 2px 4px;cursor:pointer;text-align:center;display:inline-block;font-size:13px;line-height:28px;height:28px;min-width:32px;border-radius:3px;padding:1px 4px;background:#3c2b64;color:#a87eb7}.guitar-trainer-tool .creator-data span:hover{background:#221838}.guitar-trainer-tool .add-btn{user-select:none;background:#080808;color:#aaa;display:inline-block;padding:4px 5px;border-radius:2px;min-width:40px;line-height:20px;font-size:15px;margin:0 4px 4px 0;height:auto;cursor:pointer}.guitar-trainer-tool .add-btn small{font-size:13px;color:#666}.guitar-trainer-tool .add-btn:hover{background:#000;color:#fff}.guitar-trainer-tool .add-btn:hover small{color:#666}.guitar-driller-tool .guitar-fretboard-module .guitar-fretboard{margin:0;background:#252525}.guitar-driller-tool .guitar-fretboard-module .guitar-fretboard .bgs{background:0 0}.guitar-driller-tool .guitar-fretboard-module .guitar-fretboard .bgs .fret[fret="0"]{background:0 0}.guitar-driller-tool .tool-player-data .drill-chord-btn{margin-right:4px;font-size:18px;line-height:26px;background:#444;transition:all .3s ease}.guitar-driller-tool .tool-player-data .drill-chord-btn:hover{background:#333;color:#fff}.guitar-driller-tool .tool-player-data .drill-chord-btn[playing=yes]{background:#bf4848;color:#ef8181}.guitar-driller-tool .preset-list .feed{min-height:500px;max-height:600px;overflow-x:hidden}.guitar-driller-tool .preset-list .feed .preset{font-size:15px;color:#ccc;line-height:24px;padding:2px 8px;border-radius:3px;margin-right:15px}.guitar-driller-tool .preset-list .feed .preset:hover{background:#111}.guitar-driller-tool .preset-list .feed .preset a{color:#fff}.guitar-driller-tool .preset-list .feed .preset small{color:#666;font-size:12px}.guitar-driller-tool .preset-list .feed .preset-action-btn{width:26px;height:26px;line-height:26px;margin-top:2px;text-align:center;display:inline-block;color:#fff;cursor:pointer;border-radius:50px;background:#000;font-size:14px;transition:all .3s ease}.guitar-driller-tool .preset-list .feed .preset-action-btn[used=yes]{background:#bf4848}.guitar-driller-tool .creator{background:#252525;border-radius:5px}.guitar-driller-tool .creator .toolbox-radio-label{width:130px;line-height:12px}.guitar-driller-tool .creator .creator-label{margin:15px 0 8px}.guitar-driller-tool .creator .creator-data{font-size:18px;color:#fff;background:#000;padding:10px;margin-top:10px;border:1px solid #333;min-height:54px}.guitar-driller-tool .creator .creator-data span{user-select:none;margin:0 2px 4px;cursor:pointer;text-align:center;display:inline-block;font-size:13px;line-height:28px;height:28px;min-width:32px;border-radius:3px;padding:1px 4px;background:#222;color:#eee}.guitar-driller-tool .creator .creator-data span:hover{background:#111;color:#fff}.guitar-driller-tool .creator .add-btn{user-select:none;background:#080808;color:#aaa;display:inline-block;padding:4px 5px;border-radius:2px;min-width:40px;line-height:20px;font-size:15px;margin:0 4px 4px 0;height:auto;cursor:pointer}.guitar-driller-tool .creator .add-btn small{font-size:13px;color:#666}.guitar-driller-tool .creator .add-btn:hover{background:#000;color:#fff}.guitar-driller-tool .creator .add-btn:hover small{color:#666}.guitar-driller-tool .creator .custom-play-button{background:#bf4848;color:#ef8181;padding:6px 12px;text-align:center;border:none;outline:none;margin-right:10px}.guitar-driller-tool .list-title{font-size:14px;margin-bottom:15px}.guitar-driller-tool .list-title a{color:#ef8181;cursor:pointer}.guitar-driller-tool .list-title a:hover{color:#ffb5b5}.guitar-driller-tool .creator-data{font-size:18px;color:#fff;background:#000;padding:10px;margin-top:10px;border:1px solid #333}.guitar-driller-tool .creator-data span{user-select:none;margin:0 2px 4px;cursor:pointer;text-align:center;display:inline-block;font-size:13px;line-height:28px;height:28px;min-width:32px;border-radius:3px;padding:1px 4px;background:#3c2b64;color:#a87eb7}.guitar-driller-tool .creator-data span:hover{background:#221838}.guitar-driller-tool .add-btn{user-select:none;background:#080808;color:#aaa;display:inline-block;padding:4px 5px;border-radius:2px;min-width:40px;line-height:20px;font-size:15px;margin:0 4px 4px 0;height:auto;cursor:pointer}.guitar-driller-tool .add-btn small{font-size:13px;color:#666}.guitar-driller-tool .add-btn:hover{background:#000;color:#fff}.guitar-driller-tool .add-btn:hover small{color:#666}.guitar-tool .guitar-fretboard-module .guitar-fretboard{margin:0;background:#252525}.guitar-tool .guitar-fretboard-module .guitar-fretboard .bgs{background:0 0}.guitar-tool .guitar-fretboard-module .guitar-fretboard .bgs .fret[fret="0"]{background:0 0}.guitar-tool .scale-name{font-size:20px;line-height:32px;margin-top:0;cursor:pointer;padding:5px 8px;display:inline-block;border-radius:5px;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.guitar-tool .scale-name:hover{background:rgba(0,0,0,.2)}.guitar-tool .scale-name i.fa{margin-right:10px}.guitar-tool .note-btn{display:inline-block;padding:2px 6px;margin-right:6px;text-align:center;border:none;outline:none;border-radius:3px;background:#333;color:#ccc;font-size:20px;line-height:26px;margin-top:4px;min-width:36px;height:60px}.guitar-tool .note-btn small,.guitar-tool .note-btn sup{color:#ccc}.guitar-tool .note-btn .interval{color:#777;font-size:13px}.guitar-tool .note-btn[playing=yes],.guitar-tool .note-btn[playing=yes]:hover{background:#df871e;color:#472e11}.guitar-tool .note-btn[playing=yes] .interval,.guitar-tool .note-btn[playing=yes]:hover .interval{color:#472e11}.guitar-tool .note-btn[playing=yes] small,.guitar-tool .note-btn[playing=yes] sup,.guitar-tool .note-btn[playing=yes]:hover small,.guitar-tool .note-btn[playing=yes]:hover sup{color:#472e11}.guitar-tool .note-btn:hover{background:#444;color:#fff}.guitar-tool .note-btn:hover small,.guitar-tool .note-btn:hover sup{color:#fff}.guitar-tool .text-progression{color:#ffbd72;font-size:125%;text-transform:initial}.guitar-tool .custom-clear-btn{position:absolute;right:14px;top:10px;cursor:pointer;line-height:30px;padding:0 5px;width:30px;text-align:center;border:none;outline:none;color:#666}.guitar-tool .custom-clear-btn:hover{color:#888}.guitar-tool .custom-play-button{color:#df871e;background:#965306;padding:6px 12px;text-align:center;border:none;outline:none;margin-right:10px}.guitar-tool .custom-play-button:hover{background:#472e11}.guitar-tool .preset-list .feed{min-height:210px;max-height:210px;overflow-x:hidden}.guitar-tool .preset-list .feed::-webkit-scrollbar-thumb{background-color:#df871e}.guitar-tool .preset-list .feed .preset{font-size:15px;color:#ccc;line-height:24px;padding:2px 8px;border-radius:3px;margin-right:15px}.guitar-tool .preset-list .feed .preset:hover{background:#111}.guitar-tool .preset-list .feed .preset a{color:#fff}.guitar-tool .preset-list .feed .preset small{color:#666;font-size:12px}.guitar-tool .preset-list .feed .preset-action-btn{width:26px;height:26px;line-height:26px;margin-top:2px;text-align:center;display:inline-block;color:#fff;cursor:pointer;border-radius:50px;background:#000;font-size:14px;transition:all .3s ease}.guitar-tool .preset-list .feed .preset-action-btn[used=yes]{background:#df871e}.guitar-tool .list-title{font-size:15px;margin:10px 0;color:#eee}.guitar-tool .list-subtitle{font-size:14px;margin:3px 6px 8px;color:#888}.guitar-tool .toolbox-radio-label{vertical-align:middle}.guitar-tool .player-toolbox-btn{color:#666;vertical-align:middle;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;transition:all .2s ease;cursor:pointer;border-radius:3px;line-height:36px;display:inline-block;font-size:13px;text-align:center}.guitar-tool .player-toolbox-btn:hover{color:#777}.guitar-tool .player-toolbox-btn[state=on]{color:#fff}.guitar-tool .player-toolbox-btn[show=no]{display:none}.guitar-tool .player-toolbox-btn .toolbox-btn-toggle{border:none;padding:0;line-height:24px;height:24px;width:24px;border-radius:3px;background:#666;margin:1px;font-size:15px}.guitar-tool .player-toolbox-btn .toolbox-btn-toggle.toolbox-btn-toggle-transparent{background:0 0}.guitar-tool .player-toolbox-btn .toolbox-btn-toggle:hover,.guitar-tool .player-toolbox-btn .toolbox-btn-toggle[state=on]{color:#fff}.guitar-tool .player-vocal-range{position:absolute;right:15px;top:3px}.guitar-tool .scale-harmonizer-table{width:auto;margin-top:15px}.guitar-tool .scale-harmonizer-table .table-label{font-size:13px;font-style:italic;color:#666}.guitar-tool .scale-harmonizer-table th,.guitar-tool .scale-harmonizer-table td{padding:4px;border-top:0!important}.guitar-tool .scale-harmonizer-table th[chord-box],.guitar-tool .scale-harmonizer-table td[chord-box]{height:30px}.guitar-tool .scale-harmonizer-table th[chord-box] button,.guitar-tool .scale-harmonizer-table td[chord-box] button{min-width:30px;height:30px;line-height:30px;font-size:13px;color:#eee;background:#222;border-radius:3px;border:none}.guitar-tool .scale-harmonizer-table th[chord-box] button small,.guitar-tool .scale-harmonizer-table th[chord-box] button sup,.guitar-tool .scale-harmonizer-table th[chord-box] button sup,.guitar-tool .scale-harmonizer-table td[chord-box] button small,.guitar-tool .scale-harmonizer-table td[chord-box] button sup,.guitar-tool .scale-harmonizer-table td[chord-box] button sup{color:#eee}.guitar-tool .scale-harmonizer-table th[chord-box] button:hover,.guitar-tool .scale-harmonizer-table td[chord-box] button:hover{background:#333}.guitar-tool .scale-harmonizer-table th[chord-box] button:active,.guitar-tool .scale-harmonizer-table td[chord-box] button:active{background:#444}.guitar-tool .scale-harmonizer-table .harmonization-chord-btn{width:100%;padding:10px 0}.guitar-tool .scale-finder .keyboard{margin-top:15px}.guitar-tool .scale-finder .keyboard .black .note{background:#333;color:#999}.guitar-tool .scale-finder .keyboard .black .note:hover{background:#444}.guitar-tool .scale-finder .keyboard .black .note[is-active=yes]{background:#965306}.guitar-tool .scale-finder .keyboard .white .note{background:#aaa;color:#111}.guitar-tool .scale-finder .keyboard .white .note:hover{background:#eee}.guitar-tool .scale-finder .keyboard .white .note[is-active=yes]{background:#ffbd72}.guitar-tool .scale-finder .keyboard .note{user-select:none;cursor:pointer;display:inline-block;font-size:15px;width:30px;height:30px;line-height:30px;text-align:center;border-radius:3px;margin:1px}.guitar-tool .scale-finder .preset-list .no-results{font-size:13px;color:#666}.guitar-tool .scale-chord{display:inline-block;padding:2px 6px;margin-right:6px;text-align:center;border:none;outline:none;border-radius:3px;background:#333;color:#ccc;font-size:20px;line-height:26px;margin-top:4px;min-width:36px;height:60px}.guitar-tool .scale-chord .roman{color:#777;font-size:13px}.guitar-tool .scale-chord small,.guitar-tool .scale-chord sup{color:#ccc}.guitar-tool .scale-chord[playing=yes],.guitar-tool .scale-chord[playing=yes]:hover{background:#a87eb7;color:#221838}.guitar-tool .scale-chord[playing=yes] .roman,.guitar-tool .scale-chord[playing=yes]:hover .roman{color:#221838}.guitar-tool .scale-chord[playing=yes] small,.guitar-tool .scale-chord[playing=yes] sup,.guitar-tool .scale-chord[playing=yes]:hover small,.guitar-tool .scale-chord[playing=yes]:hover sup{color:#221838}.guitar-tool .scale-chord:hover{background:#444;color:#fff}.guitar-tool .scale-chord:hover small,.guitar-tool .scale-chord:hover sup{color:#fff}.guitar-fretboard-memorizer-tool .task-title{color:#fff;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:6px 0 12px}.guitar-fretboard-memorizer-tool .task-title .task-name{color:#fff;font-size:18px}.guitar-fretboard-memorizer-tool .task-title .task-id{color:#ccc;font-size:13px;margin-left:10px}.guitar-fretboard-memorizer-tool .task-title .speed{color:#999;margin-left:10px;font-style:italic}.guitar-fretboard-memorizer-tool .task-moves .single-move{display:inline-block;padding:2px 6px;margin-right:6px;text-align:center;border:none;outline:none;border-radius:3px;background:#333;color:#ccc;font-size:20px;margin-top:4px;min-width:36px;line-height:36px;height:40px;cursor:pointer;transition:all .2s ease}.guitar-fretboard-memorizer-tool .task-moves .single-move[active=yes],.guitar-fretboard-memorizer-tool .task-moves .single-move[active=yes]:hover{background:#548c70;color:#fff}.guitar-fretboard-memorizer-tool .task-moves .single-move:hover{background:#444;color:#fff}.guitar-fretboard-memorizer-tool .task-play-btn{font-size:20px;width:36px;line-height:36px;margin:0 15px 0 5px;background:0 0;vertical-align:middle}.guitar-fretboard-memorizer-tool .task-current{font-weight:700;color:#548c70;font-size:20px;vertical-align:middle}.guitar-fretboard-memorizer-tool .task-completed-btn i{color:#548c70}.guitar-fretboard-memorizer-tool .task-level{font-size:17px;color:#fff;margin:20px 0 10px}.guitar-fretboard-memorizer-tool .task-level .speed{color:#999;font-style:italic}.guitar-fretboard-memorizer-tool .task-btn{opacity:.3;display:inline-block;text-align:center;margin:0 2px 6px 0;cursor:default;min-width:40px;padding:3px 4px;color:#eee}.guitar-fretboard-memorizer-tool .task-btn .task-icon{font-size:18px;color:#666}.guitar-fretboard-memorizer-tool .task-btn .task-id{font-size:13px;color:#666}.guitar-fretboard-memorizer-tool .task-btn .task-name{color:#fff}.guitar-fretboard-memorizer-tool .task-btn[completed=yes] .task-icon{color:#548c70}.guitar-fretboard-memorizer-tool .task-btn[opened=yes]{opacity:1;cursor:pointer}.guitar-fretboard-memorizer-tool .task-btn[current=yes] .task-icon{color:#fff}.guitar-chord-finder .guitar-fretboard-module .guitar-fretboard{margin:0;background:#252525}.guitar-chord-finder .guitar-fretboard-module .guitar-fretboard .bgs{background:0 0}.guitar-chord-finder .guitar-fretboard-module .guitar-fretboard .bgs .fret[fret="0"]{background:0 0}.guitar-chord-finder .finder-label{font-size:16px;line-height:28px;color:#999;margin-top:15px}.guitar-chord-finder .finder-value{font-size:22px;line-height:28px;color:#fff}.guitar-chord-finder .finder-value a{color:#aa759b}.guitar-chord-finder .finder-value a:hover{color:#cca3c0}.guitar-chord-finder .loading{position:absolute;right:25px;top:25px;font-size:25px;color:#ccc}@keyframes blink-selection{0%{color:#fff;text-shadow:none}20%{color:#fff;text-shadow:0 0 2px #095450,0 0 6px #fff,0 0 14px #fff}100%{color:#fff;text-shadow:none}}@keyframes blink-keyboard-correct-on-white{0%{color:#1a4420;background:#69af73}25%{color:#333;background:#ccc}50%{color:#1a4420;background:#69af73}100%{color:#333;background:#ccc}}@keyframes blink-keyboard-correct-on-black{0%{color:#1a4420;background:#69af73}25%{color:#ccc;background:#222}50%{color:#1a4420;background:#69af73}100%{color:#ccc;background:#222}}@keyframes blink-loaded{0%{background:#555}20%{background:#444}100%{background:#151515}}