#psr-root{background-color:#fff}.psr-app .music{width:100%;display:block;margin-top:50px;margin-bottom:50px}.psr-app .music .track img{height:100px!important}.psr-app .music .track .measure,.psr-app .music .track img.clef{display:inline-block}.settingsWrapper .settings{width:100%;padding-top:20px}.settingsWrapper .settings h2{margin:13px 0 0 8px;font-size:1.4em;font-weight:400!important;text-transform:none!important}.settingsWrapper .settings ul{list-style-type:none;margin:0;padding:0}.settingsWrapper .settings ul li{display:inline-block;margin:0!important}.settingsWrapper .settings ul li button{padding:15px;margin:0;background:none;cursor:pointer;border-radius:20px}.settingsWrapper .settings ul li button img{height:24px}.settingsWrapper .settings ul li button svg path{fill:#00446d}.settingsWrapper .settings ul li button.button{border:1px solid #efefef;margin-right:10px}.settingsWrapper .settings ul li button:hover svg path{fill:#30b7ee}.settingsWrapper .settings ul li button:disabled{cursor:default;opacity:.25}.settingsWrapper .settings ul li button:disabled:hover svg path{fill:#00446d!important}.settingsWrapper .settings ul li.audio-player{border:1px solid #efefef;border-radius:20px;padding:0 10px}.settings-container{background-color:rgba(0,0,0,.5);height:100%;width:100%;position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:clamp(24px,10vh,100px) 20px 40px}.settings-container .settings-modal{position:relative;transform:none;left:auto;top:auto;max-width:1000px;width:100%;background-color:#fff;z-index:1001;padding:40px;border-radius:20px}.settings-container .settings-modal h2{font-size:24px}.settings-container .settings-modal h3{font-size:17px}.settings-container .settings-modal .modal-header{position:relative}.settings-container .settings-modal .modal-header .close-button{position:absolute;right:0;top:0}.settings-container .settings-modal .menu.vertical li{display:block;width:100%}.settings-container .settings-modal .menu.vertical li button{cursor:pointer;display:block;width:100%;text-align:left!important;padding:10px}.settings-container .settings-modal .menu.vertical li button:focus{border:none}.settings-container .settings-modal .menu.vertical li button:hover{background-color:#efefef;color:#30b7ee}.settings-container .settings-modal .menu.vertical li.active button{background-color:#c4e1ed;cursor:inherit}.settings-container .settings-modal .menu.vertical li.active button:hover{color:#282c34}.settings-container .settings-modal .menu.vertical li.close{margin-top:20px}.settings-container .settings-modal .menu.vertical li.close button{text-align:center!important;border:none}.settings-container .settings-modal .menu.vertical li.toggleMenuButton svg{margin-right:5px}.settings-container .settings-modal p{margin:0;padding:0}.settings-container .settings-modal p label{display:block;margin-bottom:2px;font-weight:500}.settings-container .settings-modal p input[type=number]{background-color:#fff;border:1px solid #efefef;box-shadow:none;border-radius:2px;width:100px;color:#4b5563}.settings-container .settings-modal p select{display:inline-block;border-radius:2px;width:150px;background-color:#fff;border:1px solid #efefef;color:#4b5563}.settings-container .settings-modal p .chooseNoteRange img{height:100px}.settings-container .settings-modal p .chooseNoteRange button{width:83px;text-align:left;cursor:pointer;margin:0!important;padding:0!important;background:none}.settings-container .settings-modal ul.selectBoxes{list-style-type:none;margin:0;padding:0}.settings-container .settings-modal ul.selectBoxes li{display:inline-block}.settings-container .settings-modal ul.selectBoxes li button{display:block;text-align:center;margin:5px;width:100px;border-radius:5px;cursor:pointer;padding:10px;background-color:#efefef}.settings-container .settings-modal ul.selectBoxes li button:hover{background-color:#efefef}.settings-container .settings-modal ul.selectBoxes li span{display:block}.settings-container .settings-modal ul.selectBoxes li.active button{background-color:#30b7ee}.settings-container .settings-modal ul.selectBoxes.beats img{width:85px;height:56px}.settings-container .settings-modal .customLevel button{cursor:pointer;color:#30b7ee}@media screen and (max-width:640px){.menu.vertical.close li:not(.show-for-small-only){display:none}}button{cursor:pointer}button.icon{background-color:none}button:disabled{cursor:not-allowed}.button-selector h4{font-size:14px}.button-selector .button-group .display,.button-selector .button-group button{background-color:#fff;border-top:1px solid #c4e1ed;border-bottom:1px solid #c4e1ed;border-right:1px solid #c4e1ed;color:#4b5563;padding:12px 16px;cursor:pointer;margin:0!important;text-transform:capitalize}.button-selector .button-group button:hover:not(:disabled):not(.selected){background-color:#efefef}.button-selector .button-group button.selected{background-color:#30b7ee;color:#fff;cursor:auto}.button-selector .button-group button:disabled{color:#e1e1e1;cursor:not-allowed}.button-selector .button-group .display{cursor:auto;background:#fff}.button-selector .button-group :first-child{border-left:1px solid #c4e1ed;border-top-left-radius:5px;border-bottom-left-radius:5px}.button-selector .button-group :last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.noteRangeSlider .editNotes h3{text-align:left;font-size:1em}.noteRangeSlider .editNotes button{border:1px solid #4b5563;border-radius:10px;padding:10px;margin:0 5px 5px 0;cursor:pointer;width:80px}.noteRangeSlider .editNotes button:hover{background-color:#efefef}.custom-level ul.beats{margin:0;padding:0;list-style-type:none}.custom-level ul.beats li{padding:0!important;margin:0 5px 5px 0;display:inline-block}.custom-level ul.beats li button{margin:0 5px 5px 0;padding:10px;background-color:#efefef;cursor:pointer;text-transform:capitalize}.custom-level ul.beats li button.selected{background-color:#4b5563}.custom-level img{height:100px}@media screen and (max-width:640px){.selectBoxes{max-height:300px;overflow-y:scroll}}.audio-player button svg{width:18px}.audio-player .seekContainer{display:inline-block;width:100px;background-color:#efefef;margin:0 10px;height:10px}.audio-player .seekProgress{display:block;width:0;height:10px;background-color:#00446d}.audio-player .durationTime{margin-right:10px}.audio-player .currentTime,.audio-player .durationTime{min-width:40px;display:inline-block;color:#00446d}.login-overlay{position:fixed;height:100%;width:100%;top:0;left:0;background-color:rgba(0,0,0,.8);z-index:100}.login-overlay .login{border:1px solid #333;border-radius:20px;padding:20px;margin-top:15%;background-color:#fff}.login-overlay .login h1,.login-overlay .login p{text-align:center}.login-overlay .login h1{font-size:1.75em}.login-overlay .login ul.menu li{margin:0 10px}@media print{#psr-root>.grid-container,.footer{display:none!important}.psr-app{margin-bottom:0!important;border-top-color:#fff}.cell.medium-5{width:100%!important}.center.cell.medium-7{display:none}.footer-final{background-color:#fff!important}.footer-final .menu.align-center{display:none}.footer-final p{text-align:left!important}}.tempo_tempo__nvUEV img{max-height:20px;vertical-align:baseline}