#psr-root{background-color:#fff}.psr-app{background-color:#f8fafc;padding-top:20px;padding-bottom:50px}.psr-app .music{width:100%;margin-top:20px;display:block;padding:50px 50px 25px!important}.psr-app .music .track img{height:100px!important}.psr-app .music .track img.clef,.psr-app .music .track .measure{display:inline-block}.shadow-soft-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 24px -2px #0a25400f,0 2px 6px -1px #0a25400a}.settingsWrapper .settings{width:100%;padding:10px}.settingsWrapper .settings h2{margin:13px 0 0 35px;font-size:1.2em;text-transform:none!important;font-weight:400!important}.settingsWrapper .settings ul{margin:0;padding:0;list-style-type:none}.settingsWrapper .settings ul li{display:inline-block;margin:0!important}.settingsWrapper .settings ul li button{cursor:pointer;background:0 0;border-radius:20px;margin:0;padding:15px}.settingsWrapper .settings ul li button img{height:24px}.settingsWrapper .settings ul li button svg path{fill:#00446d}.settingsWrapper .settings ul li #settingsButton.button svg{margin-right:4px}.settingsWrapper .settings ul li #settingsButton.button svg path{fill:#fff!important}.settingsWrapper .settings ul li button.button{border:1px solid #e2e8f0;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 #e2e8f0;border-radius:20px;padding:0 10px}.settings-container{z-index:100;background-color:#00000080;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:clamp(24px,10vh,100px) 20px 40px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.settings-container .settings-modal{z-index:1001;background-color:#fff;border-radius:20px;width:100%;max-width:1000px;position:relative;top:auto;left:auto;transform:none}.settings-container .settings-modal h2{font-family:Sora,sans-serif;font-size:18px;font-weight:500!important}.settings-container .settings-modal h3{font-size:17px}.settings-container .settings-modal .modal-header{border-bottom:1px solid #e2e8f0;margin-bottom:10px;padding:20px 40px 10px}.settings-container .settings-modal .modal-header .cell.slider{background-color:#fff;width:6%;margin-top:10px}.settings-container .settings-modal .modal-header .cell.slider span{background-color:#30b7ee;border-radius:10px;padding:10px}.settings-container .settings-modal .modal-header p.intro{color:#333;font-size:1.1em;font-weight:700}.settings-container .settings-modal .modal-header p.small{color:#4b5563;font-size:.7em}.settings-container .settings-modal .menu.vertical li{width:100%;padding:4px 8px 4px 20px;display:block}.settings-container .settings-modal .menu.vertical li svg{fill:#30b7ee;margin-right:8px}.settings-container .settings-modal .menu.vertical li button{cursor:pointer;color:#333;border:1px solid #fff;border-radius:10px;width:100%;padding:10px;font-size:.8em;display:block;text-align:left!important;font-weight:500!important}.settings-container .settings-modal .menu.vertical li button:disabled{cursor:not-allowed;color:#e2e8f0}.settings-container .settings-modal .menu.vertical li button:focus{border:none}.settings-container .settings-modal .menu.vertical li button:hover:not(:disabled){color:#00446d;background-color:#e4f3ff}.settings-container .settings-modal .menu.vertical li.active button{color:#00446d;cursor:inherit;background-color:#c6e7ff;border:1px solid #30b7ee}.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{border:none;text-align:center!important}.settings-container .settings-modal .menu.vertical li.toggleMenuButton svg{margin-right:5px}.settings-container .settings-modal .modal-footer{text-align:right;border-top:1px solid #e2e8f0;padding-top:10px}.settings-container .settings-modal .modal-footer .button{margin-right:20px}.settings-container .settings-modal p{margin:0;padding:0}.settings-container .settings-modal p label{margin-bottom:2px;font-weight:500;display:block}.settings-container .settings-modal p input[type=number]{box-shadow:none;color:#4b5563;background-color:#fff;border:1px solid #e2e8f0;border-radius:2px;width:100px}.settings-container .settings-modal p select{color:#4b5563;background-color:#fff;border:1px solid #e2e8f0;border-radius:2px;width:150px;display:inline-block}.settings-container .settings-modal p .chooseNoteRange img{height:100px}.settings-container .settings-modal p .chooseNoteRange button{text-align:left;cursor:pointer;background:0 0;width:83px;margin:0!important;padding:0!important}.settings-container .settings-modal ul.selectBoxes{margin:0;padding:0;list-style-type:none}.settings-container .settings-modal ul.selectBoxes li{display:inline-block}.settings-container .settings-modal ul.selectBoxes li button{text-align:center;cursor:pointer;background-color:#e2e8f0;border:1px solid #30b7ee;border-radius:5px;width:100px;margin:5px;padding:10px;display:block}.settings-container .settings-modal ul.selectBoxes li button:hover{background-color:#e2e8f0}.settings-container .settings-modal ul.selectBoxes li span{display:block}.settings-container .settings-modal ul.selectBoxes li.active button{background-color:#81cfff}.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}.modal-header{padding-left:20px!important}.toggle-menu{text-align:left;border-bottom:1px solid #e2e8f0;width:100%;margin-top:10px;margin-bottom:10px;padding:5px 10px 10px 20px;display:block}.toggle-menu svg{margin-right:5px}.content{padding-left:30px}}button{cursor:pointer}button.icon{background-color:none}button:disabled{cursor:not-allowed}button.dark{background-color:#00446d!important}.button-selector h4{font-size:14px}.button-selector .button-group button,.button-selector .button-group .display{color:#4b5563;cursor:pointer;text-transform:capitalize;background-color:#fff;border-top:1px solid #30b7ee;border-bottom:1px solid #30b7ee;border-right:1px solid #30b7ee;padding:12px 16px;margin:0!important}.button-selector .button-group button:hover:not(:disabled):not(.selected){background-color:#e2e8f0}.button-selector .button-group button.selected{color:#fff;cursor:initial;background-color:#30b7ee}.button-selector .button-group button:disabled{color:#e1e1e1;cursor:not-allowed}.button-selector .button-group .display{cursor:initial;background:#fff}.button-selector .button-group :first-child{border-left:1px solid #30b7ee;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{cursor:pointer;border:1px solid #4b5563;border-radius:10px;width:80px;margin:0 5px 5px 0;padding:10px}.noteRangeSlider .editNotes button:hover{background-color:#e2e8f0}.custom-level ul.beats{margin:0;padding:0;list-style-type:none}.custom-level ul.beats li{margin:0 5px 5px 0;display:inline-block;padding:0!important}.custom-level ul.beats li button{cursor:pointer;text-transform:capitalize;background-color:#e2e8f0;margin:0 5px 5px 0;padding:10px}.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{background-color:#e2e8f0;width:100px;height:10px;margin:0 10px;display:inline-block}.audio-player .seekProgress{background-color:#00446d;width:0%;height:10px;display:block}.audio-player .durationTime{margin-right:10px}.audio-player .currentTime,.audio-player .durationTime{color:#00446d;min-width:40px;display:inline-block}.login-overlay{z-index:100;background-color:#000c;width:100%;height:100%;position:fixed;top:0;left:0}.login-overlay .login{background-color:#fff;border:1px solid #333;border-radius:20px;margin-top:15%;padding:20px}.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{border-top-color:#fff;margin-bottom:0!important}.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-module-scss-module___ZRB0q__tempo img{vertical-align:baseline;max-height:20px}