body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.white{background-color:#fff}.space900{background-color:#0a0f0f}.gray200{background-color:#e5e7eb}.gray800{background-color:#1f2937;color:#fff}.gray900{background-color:#111827;color:#fff}body{position:relative}.psr-app .music{width:100%;display:block;margin-top:50px;margin-bottom:50px}.psr-app .music img{height:100px!important}.psr-app .music .measure,.psr-app .music img.clef{display:inline-block}.psr-app .callout{background-color:#95b3b6;padding:5px 10px;margin-top:25px;background:#f2f2f2;box-shadow:0 2px 5px rgba(0,0,0,.25);border-radius:4px}.psr-app .callout p{padding:0;margin:0}.psr-app .callout p svg{display:inline-block;margin-right:10px}.settingsWrapper .settings{width:100%;margin-top:20px}.settingsWrapper .settings h2{margin:13px 0 0 16px;font-size:1.4em;color:#4e720a;font-family:"Nunito",sans-serif;font-weight:400!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.button{border:1px solid #95b3b6;margin-right:10px}.settingsWrapper .settings ul li button.button:hover{background-color:#95b3b6}.settingsWrapper .settings ul li button:disabled{cursor:default}.settingsWrapper .settings ul li.audio-player{border:1px solid #95b3b6;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}.settings-container .settings-modal{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;max-width:100%;width:1000px;background-color:#fff;z-index:1001;padding:40px;border-radius:20px}.settings-container .settings-modal h2{font-size:24px;font-weight:600!important;color:#282c34}.settings-container .settings-modal h3{font-size:17px;font-weight:400!important}.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 .tabs-menu li{display:block;width:100%}.settings-container .settings-modal .tabs-menu li button{border-bottom:1px solid #e1e1e1;cursor:pointer;display:block;width:100%;text-align:left!important;padding:10px}.settings-container .settings-modal .tabs-menu li .tab.active{background-color:#f1f1f1;border-left-color:#95b3b6!important}.settings-container .settings-modal .tabs-menu li button:focus{border:none}.settings-container .settings-modal .tabs-menu li button:hover{background-color:#e1e1e1}.settings-container .settings-modal .tabs-menu li.close{margin-top:20px}.settings-container .settings-modal .tabs-menu li.close button{text-align:center!important;border:none}.settings-container .settings-modal p{margin:0;padding:0}.settings-container .settings-modal p label{display:block;margin-bottom:2px}.settings-container .settings-modal p input[type=number]{background-color:#e5e7eb;border:none;box-shadow:none;border-radius:2px;width:100px;color:#6b7280}.settings-container .settings-modal p select{display:inline-block;border-radius:2px;width:150px;background-color:#e5e7eb!important;border:none;color:#6b7280}.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:#e1e1e1}.settings-container .settings-modal ul.selectBoxes li button:hover{background-color:#ccc}.settings-container .settings-modal ul.selectBoxes li span{display:block}.settings-container .settings-modal ul.selectBoxes li.active button{background-color:#8bbe29}.settings-container .settings-modal ul.selectBoxes.beats img{width:85px;height:56px}.settings-container .settings-modal .customLevel{text-align:right}.settings-container .settings-modal .customLevel button{cursor:pointer;color:#4e720a}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:#e5e7eb;color:#6b7280;padding:12px 16px;cursor:pointer;margin:0!important;text-transform:capitalize}.button-selector .button-group button:hover:not(:disabled):not(.selected){background-color:#d2dee0}.button-selector .button-group button.selected{background-color:#6b7280;color:#6b7280;color:#fff;cursor:auto}.button-selector .button-group button:disabled{color:#d1d5db;cursor:not-allowed}.button-selector .button-group .display{cursor:auto;background:#f3f4f6}.button-selector .button-group :first-child{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{font-family:"Nunito",sans-serif;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:#95b3b6}.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:#f3f4f6;cursor:pointer;text-transform:capitalize}.custom-level ul.beats li button.selected{background-color:#5e8488}.custom-level img{height:100px}.audio-player button{cursor:pointer;color:#444}.audio-player button svg{width:18px}.audio-player button:disabled{opacity:.25;color:#e1e1e1}.audio-player .seekContainer{display:inline-block;width:100px;background-color:#95b3b6;margin:0 10px;height:10px}.audio-player .seekProgress{display:block;width:0;height:10px;background-color:#4e720a}.audio-player .durationTime{margin-right:10px}.audio-player .currentTime,.audio-player .durationTime{min-width:40px;display:inline-block}.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}}
/*# sourceMappingURL=main.901c0ff3.chunk.css.map */