#app{position:absolute;top:0;left:0;bottom:0;right:0;padding-top:35px}#app__container{height:100%;display:flex;flex-direction:column;flex-direction:row;overflow-y:hidden}body{background-color:#fff;font-family:Arial,sans-serif;font-size:14px}.material-icons{font-size:18px}h1,h2,h3{text-align:center;z-index:0}button{flex-grow:0;border-radius:10px;min-height:23px;background-color:rgba(168,71,182,0.901961);outline:none;cursor:pointer;display:flex;color:#fff;border-color:#283f6c;align-items:center}button:active,button:hover{background-color:rgba(105,15,118,0.901961);color:#fff}button:disabled{background-color:grey}.fl-row{display:flex;flex-direction:row}.fl-column{display:flex;flex-direction:column}.pointer{cursor:pointer}.notifications__popups{position:fixed;top:31px;right:10px;z-index:20000}.notifications__message{padding:10px}.message__level--info{background-color:rgba(244,244,66,0.8);border:1px solid black;color:black}.message__level--error{background-color:rgba(201,76,76,0.8);color:white}header{position:fixed;top:0;left:0;right:0;display:flex;flex-direction:row;justify-content:space-between;background:#380051;height:35px}header .logo{display:flex;flex:0 0 auto;font-size:larger;font-weight:600;letter-spacing:2px}header .logo a{margin-left:10px;display:flex;flex-direction:row;align-items:center;text-decoration:none;color:#fff}header .logo a img{margin-right:7px}.menu-items{margin-right:10px;display:flex;flex-direction:row;align-items:center;color:#fff;background-color:#380051}.menu-items a{margin-left:25px;font-size:14px;letter-spacing:3px;text-decoration:none;color:#fff}.menu-items a:hover,.menu-items a:active{border-bottom:2px solid #fff}.menu-items button{margin-left:25px;outline:none;color:#fff;background-color:#380051;border:0}.menu-items .active{border-bottom:1px solid #fff}.menu-items--vertical{flex-direction:column;z-index:10;margin-right:0px;height:100%}.menu-items--vertical a{margin:15px 10px 5px 10px}.menu-items--vertical a:last-child{margin-bottom:10px}.menu-items--vertical button{margin-left:0}.menu-items--vertical .menu-icon{height:33px;display:flex;margin-right:10px;align-items:center;align-self:flex-end}.menu-items--gradient{background:linear-gradient(#380051, rgba(220,123,75,0.5))}.home-container{width:100%;min-height:500px;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.home__welcome{padding-bottom:30px}.browserWarn{display:flex;background-color:red;color:white;position:absolute;top:0;z-index:100}.folder__new{padding:20px;height:90px;display:flex;flex-direction:column;justify-content:space-around}.folder__new input{width:80%}.create_folders{display:flex;align-items:center;justify-content:center;margin-top:20px}.folder .active{color:slateblue}.folder .hide{display:none}.folder:nth-child(even){background-color:whitesmoke}.folder:nth-child(1){margin-top:10px}.folder .folder_header{display:flex;flex-direction:column;padding:10px 20px 10px 20px}.folder .folder_header .folder_head{justify-content:space-between;flex-direction:row;display:flex}.folder .folder_header .folder_head::before{background:linear-gradient(to right, rgba(240,240,240,0), #000);margin-right:4vh}.folder .folder_header .folder_head::after{background:linear-gradient(to left, rgba(240,240,240,0), #000);margin-left:4vh}.folder .folder_header .folder_head .folder_headline{font-size:large;flex:1 1 auto;display:flex;align-items:center}.folder .folder_header .folder_head .folder_menu{width:75px;display:flex;justify-content:space-around;position:relative}.folder .folder_header .folder_head .folder_menu button{border:1px dashed #efe6e6;background-color:inherit;color:#000;display:flex;align-items:center;text-align:center;margin-left:5px}.folder .folder_header .folder_head .folder_menu button:nth-child(1){margin-left:0}.folder .folder_header .folder_menu_list{margin:5px 20px 5px 20px;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.folder .folder_header .folder_menu_list button{background-color:inherit;text-align:center;display:flex;justify-content:center;margin:2px 5px 2px 5px;border:0;color:blueviolet}.folder .folder_header .folder_menu_list .btn-selected{border-radius:0;border-bottom:1px dashed blueviolet}.folder .folder_header .folder_menu_list .btn-selected .btn-switch{border-bottom:1px dashed slateblue}.folder .folder_header .folder_menu_list .btn-switch{color:slateblue}.welcome_sec{margin:20px}.playtime__charts{width:100%;height:300px;margin-bottom:70px}.recharts-responsive-container{z-index:-1}@media only screen and (max-width: 500px){.folder .folder_header .folder_head .folder_headline{font-size:small}}::backdrop{background-color:white}.score-loader{display:flex;flex-direction:column;align-items:center;max-width:75%;color:white}.score-loader div{margin-top:20px}.score-loader ul{margin-top:20px;list-style:none;color:white}.darkMode .score-loader{color:white}#scoreTrainingContainer:fullscreen{background-color:rgba(255,255,255,0)}#scoreTrainingContainer:-webkit-full-screen{background-color:rgba(255,255,255,0)}#scoreTrainingContainer:-moz-full-screen{background-color:rgba(255,255,255,0)}.bpmFeedback0-dm{font:italic bold 1.5px serif;fill:#25811c}.bpmFeedback0{font:italic bold 1.5px serif;fill:rgba(37,129,28,0.4)}.bpmFeedback-1{font:italic bold 1.5px serif;fill:#cc99ff}.bpmFeedback-1-dm{font:italic bold 1.5px serif;fill:#cc99ff}.bpmFeedback-2{font:italic bold 1.5px serif;fill:#cc33ff}.bpmFeedback-2-dm{font:italic bold 1.5px serif;fill:#cc33ff}.bpmFeedback-3-dm{font:italic bold 1.5px serif;fill:#cc00ac}.bpmFeedback-3{font:italic bold 1.5px serif;fill:#9900cc}.bpmFeedback1-dm{font:italic bold 1.5px serif;fill:#66ccff}.bpmFeedback1{font:italic bold 1.5px serif;fill:#66ccff}.bpmFeedback2{font:italic bold 1.5px serif;fill:#0066ff}.bpmFeedback2-dm{font:italic bold 1.5px serif;fill:#0066ff}.bpmFeedback3{font:italic bold 1.5px serif;fill:#0000cc}.bpmFeedback3-dm{font:italic bold 1.5px serif;fill:#2b51ab}.bpmFeedbackSvgc{font:italic bold 5px serif}.scorePageContainerWrapper{width:100%;height:100%;position:relative;overflow:hidden;display:flex}.scorePageNavigation{display:flex;align-items:center;justify-content:center;cursor:pointer;width:24px}.scorePageNavigation button{outline:none;border:0;background-color:white;color:rgba(56,0,81,0.9);height:100%}.scorePageNavigation button:hover{color:green}.darkMode .scorePageNavigation button{background-color:black;color:white}.darkMode .scorePageNavigation button:disabled{background-color:black;color:black}.scorePageNavigationDisabled button{color:white;cursor:auto}.scorePageNavigationDisabled button:hover{color:white}.scorePageContainer{width:100%;height:100%;position:relative;overflow:hidden}.darkMode{background-color:black}.score__page{position:absolute;width:100%;height:100%;overflow:hidden;caret-color:transparent}.score__page.sb{overflow-x:scroll}.score__wrapper{position:absolute;top:0;width:100%;overflow:hidden}.score__wrapper .scoreSvgWrapper{position:absolute;width:100%;height:100%}.score__wrapper svg{width:100%;height:100%;z-index:10}.score__wrapper .colorLayer{position:absolute;width:100%;height:100%;z-index:5}.score__wrapper .cursorLayer{position:absolute;width:100%;height:100%;z-index:5}.score__wrapper .pre_start_measure__background svg{fill:green}.score__wrapper .fingering{position:absolute;width:100%;height:100%;background:transparent;z-index:1;color:#424242}.darkMode .scoreSvgWrapper svg{color:#c4c3c3;background-color:black;fill:currentColor !important}.darkMode .scoreSvgWrapper svg path{fill:currentColor !important}.darkMode .scoreSvgWrapper svg .staffline{stroke:#c4c3c3 !important}.darkMode .scoreSvgPrevDark svg{color:#c4c3c3;background-color:#43465c}.score__preview-background{border-radius:10px;position:absolute;z-index:30;background:linear-gradient(to top, rgba(247,246,212,0.6), #f7f6d4, #f7f6d4, #f7f6d4, #f7f6d4, #f7f6d4, #f7f6d4, #f7f6d4, #f7f6d4)}.training-site__container{display:flex;flex-direction:column;flex:1 0 auto;height:100%;width:100%}.training-site__container .modal-content.bit-transparent{background-color:rgba(254,254,254,0.9)}.training-site__container .errorMsg{color:red}.training-site__container .inactivity-spanner{position:absolute;top:0;bottom:0;left:0;right:0;width:100px;height:130px;margin:auto}.training-site__container .inactivity-spanner .caption{color:#380051;display:flex;position:absolute;top:30px;bottom:0;left:0;right:0;width:49px;height:49px;justify-content:center;align-items:center;flex-direction:column;margin:auto;z-index:5;background:rgba(0,0,0,0)}.training-site__container .inactivity-spanner #loading{width:100px;height:100px;margin:30px auto;position:relative}.training-site__container .inactivity-spanner .outer-shadow,.training-site__container .inactivity-spanner .inner-shadow{z-index:4;position:absolute;width:100%;height:100%;border-radius:100%;box-shadow:1px 1px 1px 1px rgba(0,0,0,0.5)}.training-site__container .inactivity-spanner .inner-shadow{top:50%;left:50%;width:80px;height:80px;margin-left:-40px;margin-top:-40px;border-radius:100%;background-color:#ffffff;box-shadow:1px 1px 1px 1px rgba(0,0,0,0.5)}.training-site__container .inactivity-spanner .hold{position:absolute;width:100%;height:100%;clip:rect(0px, 100px, 100px, 50px);border-radius:100%;background-color:#fff}.training-site__container .inactivity-spanner .fill,.training-site__container .inactivity-spanner .dot span{background-color:#283f6c}.training-site__container .inactivity-spanner .fill{position:absolute;width:100%;height:100%;border-radius:100%;clip:rect(0px, 50px, 100px, 0px)}.training-site__container .inactivity-spanner .left .fill{z-index:1;-webkit-animation:left 0.75s linear;-moz-animation:left 0.75s linear;animation:left 0.75s linear both}@keyframes left{0%{-webkit-transform:rotate(0deg)}100%{transform:rotate(180deg)}}@-webkit-keyframes left{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(180deg)}}.training-site__container .inactivity-spanner .right{z-index:3;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}.training-site__container .inactivity-spanner .right .fill{z-index:3;-webkit-animation:right 0.75s linear;-moz-animation:right 0.75s linear;animation:right 0.75s linear both;-webkit-animation-delay:0.75s;-moz-animation-delay:0.75s;animation-delay:0.75s}@keyframes right{0%{-webkit-transform:rotate(0deg)}100%{transform:rotate(180deg)}}@-webkit-keyframes right{0%{transform:rotate(0deg)}100%{transform:rotate(180deg)}}.training-site__container .inactivity-spanner .inner-shadow img{margin-left:17px;margin-top:15px}.midi-controls{display:flex;align-items:center;flex-direction:row}.midi-controls select{max-width:100px}.midi-controls i{color:#6ea0ef}.controls-label{display:flex;align-items:center}.score-controls{display:flex;justify-content:space-between;align-items:center;margin:5px 10px 0 10px}.score-controls button{border:0;background-color:white;color:rgba(56,0,81,0.9)}.score-controls__buttons{display:flex;justify-content:space-between;align-items:center}.score-controls__buttons button{margin-left:10px}.score_preview{z-index:10;position:relative;top:0;height:0;overflow:hidden;padding-bottom:5px}.score_preview--highlight{box-shadow:inset 2px 0px 18px 0px #64cebe}.score_page_odd{background-color:#fffdf5}.score_page_even{background-color:white}.score_bars{z-index:5;position:absolute;top:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.two_page_score_container{position:relative}.sheet__container{display:flex;justify-content:center;flex-direction:column;align-items:center;height:100%;padding:0}.sheet__player{position:fixed;color:white;bottom:0;left:0;right:0;display:flex;justify-content:space-around;height:50px;flex:1 0 auto;flex-direction:row;align-items:center;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:100;padding:0 5px}.sheet__player button{background-color:white;color:rgba(56,0,81,0.9);width:40px;justify-content:center;align-items:center;padding-left:6px;border:0}.sheet__player button:disabled{color:lightgray}.darkMode .sheet__player{color:white}.darkMode .sheet__player button{color:white;background-color:black}.darkMode .sheet__player button:disabled{color:darkgray}.darkMode .sheet__player .content-wrapper .control-button{color:white;background-color:black}.darkMode .sheet__player .content-wrapper .control-button:disabled{color:darkgray}.darkMode .sheet__player .content-wrapper .control-button .mimic-disabled{color:#8e8e8e}.darkMode .sheet__player .content-wrapper .control{color:white}.sheet__player .player_buttons button{border:1px dashed lightblue;width:auto}.sheet__player .scores{display:flex;flex-direction:column;color:green;flex:0 0 auto}.darkMode .sheet__player .nav .dots .dot{background-color:darkgray !important}.darkMode .sheet__player .nav .dots .active{background-color:white !important}.sheet__player .nav .dots .active{background-color:black !important}.sheet__player .nav{display:flex;color:#380051;width:70px;flex-direction:column;justify-content:center;align-items:center;height:100%;cursor:pointer}.sheet__player .nav label{font-size:smaller}.sheet__player .nav .dots{display:flex;justify-content:center;position:absolute;bottom:2px}.sheet__player .nav .dots .dot{width:6px;height:6px;margin:2px;background-color:lightgray;border-radius:50%;transition:background-color 0.3s ease}.sheet__player .content{display:flex;flex:1 1 auto;height:100%;color:black;justify-content:center;align-items:center}.sheet__player .content-wrapper{display:flex;flex:1 1 auto;justify-content:space-around;font-size:smaller}.sheet__player .content-wrapper .control{display:flex;align-items:center;justify-content:space-around;flex-grow:1}.sheet__player .content-wrapper .group{display:flex;align-items:center;flex-grow:1}.sheet__player .content-wrapper .group .control-button{margin-right:10px}.sheet__player .content-wrapper .right{text-align:right}.sheet__player .content-wrapper .control-button{display:flex;flex-direction:column;font-size:smaller;justify-content:center;height:100%;width:auto;color:rgba(56,0,81,0.9)}.sheet__player .content-wrapper .control-button:disabled{color:lightgray;cursor:default}.sheet__player .content-wrapper .control-button svg.disabled{color:lightgray;cursor:default}.sheet__player .content-wrapper .control-button i{min-height:18px}.sheet__player .content-wrapper .active i{color:dodgerblue}.sheet__player .content-wrapper .classic{border:1px solid black;width:auto;background-color:darkorange;color:white}@media only screen and (min-width: 500px){.sheet__player .material-icons{font-size:18px}}@media only screen and (max-width: 500px){.sheet__player .material-icons{font-size:12px}.sheet__player .control-button label{display:none}.sheet__player .content-wrapper .group .control-button{margin-right:2px}.sheet__player .scores{font-size:8px}}.training__keyboard{width:100%;height:125px;margin-bottom:50px;flex-grow:0}.training__keyboard .piano-leftkey{fill:currentColor;color:red}.training__keyboard .piano-rightkey{fill:currentColor;color:red}.training__keyboard .piano-middleC{fill:currentColor;color:red}.player__startMeasure{display:flex;flex-direction:row;max-width:230px;flex-grow:1;justify-content:space-between}.player__startMeasure button{display:block;width:40px}.player__startMeasure button:disabled{background-color:grey}.sheet__bars{margin-bottom:50px;flex:1 1 auto;overflow:hidden;width:100%;height:100%;-webkit-overflow-scrolling:touch}.sheet__bars--small{margin-bottom:0px}.bar__score-container{width:100%;height:100%}.bar__score-container svg{width:100%;height:100%}.sheet__bar--active{border:1px solid lightblue}.notehead--correct path{fill:green}.notehead--incorrect path{fill:red}.score-settings{padding:10px;padding-bottom:40px;display:flex;flex-direction:column}.score_settings__zoom{display:flex;align-items:center;justify-content:center}.score_settings__zoom button:first-child{margin-right:10px}.score-settings__voice-selection{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.score_settings__fng i{cursor:pointer}.score_settings__fng i:hover{color:blue}.checkbox-container{display:block;padding-left:45px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container:first-child{padding-left:0}.checkbox-container input{opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:25px;width:45px;margin-right:10px;background-color:#bfbaba;display:flex;align-items:center;flex-direction:row-reverse;justify-content:center}.checkbox-container:hover input ~ .checkmark{background-color:grey}.checkbox-container input:checked ~ .checkmark{background-color:#6ea0ef}.checkmark:after{content:"";display:none;margin-right:10px}.checkbox-container input:checked ~ .checkmark:after{display:block}.checkbox-container .checkmark:after{width:5px;height:10px;border:solid black;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.metronom{display:flex;align-items:center;max-width:90px}.metronom .labels{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:smaller}.metronom .labels .active{color:dodgerblue}.metronom .labels .inactive{color:lightgray}.metronom svg{margin-top:2px;fill:currentColor}.metronom .labelIcon{fill:currentColor;width:17px;height:17px}.previewImg{max-width:90%}.score-list__container{overflow-y:scroll;-webkit-overflow-scrolling:touch;height:100%}.scorecards{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;width:100%;padding-bottom:30px}.scorecard{border:1px solid #380051;background-color:#fff;color:#000;margin:20px;flex-grow:1;min-width:220px;box-shadow:5px 6px #dad7d7;display:flex;flex-direction:column;align-items:stretch;width:40%;max-width:440px}.scorecard__header{display:flex;flex-direction:column;padding-bottom:4px;height:100px;align-items:stretch;padding:10px;flex-grow:1}.scorecard__header:hover{background-color:rgba(156,126,161,0.2);color:#000}.scorecard__title{display:block;padding-top:3px;cursor:pointer;display:block;text-align:center;font-size:120%;font-weight:bolder;align-self:center;flex:1 1}.scorecard__title--small{font-size:110%;margin-bottom:3px}.scorecard__title--verysmall{font-size:90%;font-weight:normal;margin-bottom:2px}.scorecard__body{border-top:1px solid #380051;height:auto;border-bottom:1px solid #380051}.scorecard__stats-item{display:flex;align-items:center;margin-bottom:15px;margin-left:20px}.scorecard__stats-item:first-child{margin-top:20px}.scorecard__stats-item i{margin-right:12px}.scorecard__footer{margin-top:10px;margin-bottom:10px;display:flex;justify-content:center;align-items:stretch}.scoring__container{width:100%;display:flex;justify-content:space-between;flex-wrap:nowrap;padding:0 10px 10px 10px}.scoring__container--vertical{flex-direction:column}.scoring__container--no-padding{padding:0 0}.scoring__date{flex:0 0 130px;margin-top:10px;position:relative}.scoring__date span{position:absolute;left:0;font-size:14px;display:block}.scoring__score{flex:0 0 70px;margin-top:10px;margin-left:9px;position:relative}.scoring__score span{position:absolute;left:0;font-size:14px;display:block;text-align:right;width:50px}.scoring__measures{width:100%;margin-top:10px;overflow-y:auto;text-align:center;-webkit-overflow-scrolling:touch}.scoring__links{margin-top:10px;margin-left:5px;flex:0 0 150px;position:relative}.scoring__link{position:absolute;display:flex}.scoring__link .material-icons{font-size:12px}.scoring__link-item{display:block;width:30px;cursor:pointer;text-align:center}.scoring__header{text-align:center;font-size:14px;font-weight:bold}.scoring__navigation{display:flex;flex-direction:row-reverse;width:100%;margin-right:30px;align-items:center}.library{display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden}.lib_nav{display:flex;flex-direction:column;width:50px;padding:10px 5px 0 5px;height:100%;background-color:#ededf2;font-size:smaller}.lib_nav .nav-item{cursor:pointer;display:flex;flex-direction:column;flex:0 0 auto;align-items:center;color:rgba(56,0,81,0.9);margin-bottom:10px;padding:5px;height:40px;width:40px;justify-content:center;caret-color:transparent}.lib_nav .nav-item.active{border-radius:5px;background-color:purple;color:white}.lib_nav .nav-item.inactive{cursor:not-allowed;color:lightgrey}.libGal{display:flex;flex-direction:column;caret-color:transparent;flex-grow:1;padding:20px;overflow-y:scroll}.libGalSection{display:flex;flex-direction:column}.libGalSection .info{display:flex;align-items:center;margin:10px 0 10px 0;border:40px solid lightgray;border-radius:3px;padding:10px;display:flex;flex-direction:row;justify-content:space-around}.libGalSection .info .gs__title{font-weight:bolder;font-size:large;margin-bottom:10px}.libGalSection .info .gs__desc{flex-grow:1;font-size:medium}.libGalSection .info .gs__img{display:flex;flex-grow:0}.libGalSection .libGalSubSection{margin-top:20px;display:flex;flex-direction:column;border-radius:3px;padding-bottom:10px}.libGalSection .libGalSubSection .galSubSub{margin-top:10px}.libGalSection .libGalSubSection .ssc__title{display:flex;flex-grow:1;align-items:center}.libGalSection .libGalSubSection .ssc__desc{display:flex;flex-grow:1;text-align:center;justify-content:center}.libGalSection .libGalSubSection .ssc_link{display:flex;margin-top:2px;text-align:center;justify-content:center;cursor:pointer}.libGalSection .libGalSubSection .ssc_scores{margin:20px 0 20px 0;display:flex;flex-wrap:wrap;justify-content:space-around}.libGalSection .libGalSubSection .ssc_scores .libGalScore{display:flex;flex-direction:column;flex-grow:0;min-width:100px;margin:10px;align-items:center;text-align:center;width:200px;border:2px solid black;background-color:white;color:black;cursor:pointer;box-shadow:2px 3px 14px 0px rgba(0,0,0,0.75);box-shadow:2px 3px 14px 0px rgba(0,0,0,0.75)}.libGalSection .libGalSubSection .ssc_scores .libGalScore .galScorePic{padding:0;border-bottom:1px solid;margin-bottom:2px}.libGalSection .libGalSubSection .ssc_scores .libGalScore .galScorePic svg{width:200px;height:200px}.libGalSection .libGalSubSection .ssc_scores .libGalScore .galScorePic img{width:200px;height:100%}.libGalSection .libGalSubSection .ssc_scores .libGalScore .sc__title{font-size:medium;margin:3px}.libGalSection .libGalSubSection .ssc_scores .libGalScore .sc__composer{font-size:small;margin:0 3px 3px 3px}.libGalSection .libGalSubSection .ssc_scores .libGalScore .sc__level{margin:0 3px 3px 3px}.libGalSection .libGalSubSection:nth-child(even){background-color:#fbefff}.galSecNav{display:flex;align-items:center;justify-content:center;font-size:small;margin-bottom:10px}.galSecNav .nav_item{cursor:pointer;padding:5px;margin:0 10px 5px 10px;font-weight:bold}.galSecNav .nav_item.active{color:purple;border-bottom:3px solid purple}.lib_author_block{display:flex;flex-direction:column;border-radius:3px;width:90%;max-width:840px;flex-shrink:0}.lib_author_block h3{margin:5px;text-align:center;color:rgba(56,0,81,0.9);background-image:linear-gradient(to right, white, rgba(56,0,81,0.2), white)}.score-card{display:flex;flex-direction:row;justify-content:stretch;align-items:center;margin:10px;padding-bottom:10px;cursor:pointer;flex-shrink:0}.score-card:last-child{border-bottom:0}.score-card__info{max-width:400px;width:45%;display:flex;flex-direction:column;justify-content:space-around}.score-card__actions{position:absolute;top:0;bottom:0;left:0;right:0;z-index:10;background-color:rgba(255,255,255,0.95);display:flex;flex-direction:column;justify-content:center;align-items:center}.score-card__actions h3{font-style:italic;font-size:12px;background-image:none}.score-card__actions button{outline:none;border:0;background-color:#fff;color:#283f6c;margin-left:15px;display:flex;flex-direction:column;align-items:center}.score-card__actions button:active,.score-card__actions button:hover{background-color:rgba(105,15,118,0.901961);color:#fff}.score-card__actions button:first-child{margin-left:10px}.score-card__actions button svg{width:24px;height:24px;fill:currentColor}.score-card__actions button .material-icons{font-size:24px}.score-card__action-items{display:flex;flex-direction:row;justify-content:center}.action__highlight{color:#ffb200}.score-card__title{font-weight:bold;display:flex;align-items:center}.score-card__title .material-icons{font-size:14px;color:grey;margin-left:5px}.score-card__title svg{margin-left:5px;width:14px;height:14px;fill:currentColor;color:grey}.score-card__subtitle{margin-top:8px}.score-card__opus{margin-top:8px;color:grey}.score-card__lastPlayTime{color:#71220f}.score-card__preview{position:relative;max-width:410px;min-height:100px;margin-left:15px}.score-card__preview img{display:inline-block;width:100%}.pubLib__container{display:flex;flex-direction:column;margin:10px 70px 10px 10px;overflow:hidden;align-items:center;width:100%;height:100%}.pubLib__container h1{margin-bottom:25px}.pubLib__container form{flex-shrink:0}.pubLib__results{overflow-y:auto;padding-bottom:30px;display:flex;align-items:center;flex-direction:column;justify-content:space-between;height:100%;width:100%}.pubLib__info{width:80%}.pubLib__info li{margin-bottom:15px}.form__group{margin:10px}.form__group input{width:96%;height:23px;font-size:14px}.form__group textarea{width:90%;margin:10px;font-size:x-small}.pubLib__import{display:flex;flex-direction:column;flex-grow:1;margin:20px;align-items:center}.pubLib__import>div{flex:1 1 auto}.regular-checkbox:checked:after{content:'\2714';font-size:14px;position:absolute;top:-2px;left:1px;color:#2d8e98}.regular-checkbox:active,.regular-checkbox:checked:active{box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0px 1px 3px rgba(0,0,0,0.1)}.regular-checkbox:focus{outline:none}.regular-checkbox:checked{background-color:#e9ecee;border:1px solid #adb8c0;box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05),inset 15px 10px -12px rgba(255,255,255,0.1);color:#99a1a7}.regular-checkbox{-webkit-appearance:none;background-color:#fafafa;border:1px solid #cacece;padding:7px;border-radius:3px;display:inline-block;position:relative}.pubLib__search{display:flex;flex:1 0 auto;flex-direction:column;align-items:center;width:80%}.pubLib__search form{width:100%;display:flex;margin-bottom:5px}.pubLib__search form div{display:flex}.pubLib__search .group{position:relative;width:100%}.pubLib__search .searchFilter{display:flex;justify-content:flex-end;width:100%;margin-bottom:15px}.pubLib__search .searchFilter div{margin-left:15px;display:flex;align-items:center;justify-content:center;color:grey}.pubLib__search .searchFilter div .material-icons{font-size:18px}.pubLib__search .searchFilter div svg{width:16px;fill:currentColor}.pubLib__search .searchInput{width:100%;display:flex}.pubLib__search .searchInput div{width:100%;position:relative}.pubLib__search .searchInput .clearInput{width:auto;margin-left:5px;display:flex;align-items:center;position:absolute;right:4px;top:7px;outline:none;border:0;background-color:inherit}.pubLib__search .searchInput .clearInput:hover{cursor:pointer}.pubLib__search .searchInput .clearInput .material-icons{font-size:18px;color:rgba(84,148,209,0.5)}.pubLib__search .searchInput input{font-size:14px;line-height:28px;display:block;width:100%;border:none;background-color:rgba(110,160,239,0.17);color:black;border-radius:3px;border-bottom:1px solid #757575}.pubLib__search .searchInput input:focus{outline:none}.pubLib__search label{color:#999;font-weight:normal;position:absolute;pointer-events:none;left:5px;top:10px;transition:0.2s ease all}.pubLib__search input:focus ~ .bar:before,.pubLib__search input:focus ~ .bar:after{width:100%;background-color:#283f6c}.pubLib__search input:focus ~ .bar:before{left:0}.pubLib__search input:focus ~ .bar:after{right:0}.pubLib__search .bar:before,.pubLib__search .bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#5264AE;transition:0.1s ease all}.pubLib__search .bar:before{left:50%}.pubLib__search .bar:after{right:50%}.folder__assignment{padding:20px;display:flex;flex-direction:column;justify-content:space-around}.folder__assignment li{outline:none;margin-bottom:20px;display:flex;align-items:center;cursor:pointer}.search-for-more{background-color:rgba(201,76,76,0.15);color:black;border:0}@media only screen and (max-width: 650px){.score-card{flex-direction:column}.score-card__info{width:100%;align-items:center;text-align:center}.score-card__preview{margin-top:8px;margin-left:0}.library{flex-direction:column}.libGalSection .info{flex-direction:column;border:5px solid lightgray}.libGalSection .info .gs__body{margin-bottom:10px}.libGalSection .info .gs__title{align-items:center;text-align:center}.libGalSection .info .gs__desc{align-items:center;text-align:center}.lib_nav{flex-direction:row;height:50px;padding-top:5px;padding-bottom:5px;width:100%;justify-content:center}.lib_nav .nav-item{margin-right:5px}.pubLib__container{margin:10px 10px 10px 10px}}.loader{border:16px solid rgba(56,0,81,0.2);border-top:16px solid #fff;border-radius:50%;width:80px;height:80px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.modal{display:block;position:fixed;z-index:10000;left:0;top:35px;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4);-webkit-overflow-scrolling:touch}.onTop{z-index:30000}.modalForce{display:block;position:fixed;z-index:20000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4);-webkit-overflow-scrolling:touch}.close{color:white;float:right;font-size:24px;font-weight:bold}.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}.modal-header{padding:2px 16px;background-color:#06498b;color:white}.modal-footer{padding:2px 16px;background-color:#226c61;color:white}.modal-content{position:relative;background-color:#fefefe;margin-top:50px;margin-left:auto;margin-right:auto;margin-bottom:20px;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);animation-name:animatetop;animation-duration:0.4s}.help-header{padding:2px 16px;background-color:#9a423f;color:white}.help-body{color:black;padding:2px 16px;line-height:1.8}.help-body svg{width:16px}.help-body .material-icons{font-size:18px}.help-body button{display:inline;cursor:default;font-size:12px}.help-body button:hover{background-color:rgba(249,233,205,0.5)}.help-footer{display:flex;padding:16px 16px;color:black;justify-content:space-around}.help-content{position:relative;background-color:#fefefe;margin-top:50px;margin-left:auto;margin-right:auto;margin-bottom:100px;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);animation-name:animatetop;animation-duration:0.4s}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;background-color:#64cebe;color:black;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1}.tooltiptext--right{right:30px}.tooltiptext--left{left:30px}.tooltip:hover .tooltiptext{visibility:visible}.datatable{flex:1 1 auto}.datatable table{width:100%;border-collapse:collapse}.datatable table th{text-align:left;background-color:white;color:black}.datatable table th,.datatable table td{padding:10px}.datatable table tr:nth-child(odd){background-color:rgba(110,160,239,0.09)}.datatable table tr:hover{background-color:rgba(56,0,81,0.2)}.datatable td.action_items{padding:7px;max-width:20px;color:#283f6c}.datatable td.action_items span{cursor:pointer}.datatable td.action_items a{color:#283f6c;text-decoration:none}.docu-container{display:flex;height:100%;flex-direction:row}.docu-container button{display:inline}.docu-container nav{background:linear-gradient(#380051, rgba(220,123,75,0.5));flex:0 0 auto;padding-right:20px;max-width:20%;padding-bottom:40px;overflow-y:scroll}.docu-container nav ol{padding-left:20px}.docu-container nav li{margin-top:20px;list-style-type:none}.docu-container nav a{color:#fff;text-decoration:none;display:flex;align-items:center}.docu-container nav a i{margin-right:5px}.docu-container nav a .material-icons{font-size:18px}.docu-container .docu-content{flex:1 1 auto;overflow-y:scroll;padding:20px}.docu-container .docu-content h3{text-align:left}.docu-container .docu-content svg{width:16px}.settings-container{display:flex;height:100%;width:100%;flex-direction:row}.settings-container button{display:inline}.settings-container nav{background:linear-gradient(#380051, rgba(255,255,255,0.5));flex:0 0 auto;padding-right:20px;max-width:20%;padding-bottom:40px;z-index:0;overflow-y:scroll}.settings-container nav ol{padding-left:20px}.settings-container nav li{margin-top:20px;list-style-type:none}.settings-container nav a{color:#fff;text-decoration:none;display:flex;align-items:center}.settings-container nav a i{margin-right:5px}.settings-container nav a .material-icons{font-size:18px}.settings-container .settings-content{flex:1 1 auto;overflow-y:scroll;padding:20px}.settings-container .settings-content h3{text-align:left}.settings-container .settings-content .warning{color:red}.settings-container .settings-content input{border:1px solid grey;border-radius:2px}.settings-container .settings-content th,.settings-container .settings-content td{padding:10px}.settings-content #calibrationModal .modal-content{margin-left:20%;margin-right:5%}#calibrationModal .modal-content{max-width:600px}.settings--piano{padding:15px;display:flex;justify-content:center;flex-direction:column;flex-grow:1}.settings--piano .piano-leftkey{fill:currentColor;color:red}.settings--piano .piano-rightkey{fill:currentColor;color:red}.settings--piano .piano-middleC{fill:currentColor;color:red}.settings--piano p{display:flex;justify-content:center}.settings--piano svg{height:100%;width:100%}.loginPage{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;margin:20px 20px}.loginPage div{margin-bottom:20px}.preview__container{display:flex;padding:15px 25px;flex-direction:column;overflow-x:hidden;width:100%;align-items:center}.preview__container h1{font-size:large}.preview__container h2{font-size:medium}.preview__container h3{margin-block-end:0}.preview__container p{text-align:justify}.preview__container div{margin-top:15px}.preview__container div:nth-child(1){margin-top:0}.preview__container a.linkButton{text-decoration:none;background-color:#ea71f9;color:black;font-size:large;border:1px solid black;border-radius:10px;padding:10px;margin-right:15px;white-space:nowrap;flex-shrink:0;word-wrap:break-word}.preview__container .center2{display:flex;align-items:center;justify-content:center;width:100%;height:auto}.preview__composer{text-align:right}.preview__image{text-align:center}.preview__image img{max-width:100%}.preview__audio{display:flex;flex-direction:column;align-items:center}.preview__audio .audio__note{font-size:small;max-width:250px;margin-top:5px}.fatal{display:flex;color:red;width:100%;height:100%;justify-content:center;align-content:center;align-items:center;vertical-align:center;font-size:large}.main{flex:1 1 auto;height:100%;overflow:hidden;display:flex;-webkit-overflow-scrolling:touch}.center{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.fullWidth{width:100%}.validationError{font-size:12px;color:red;margin-top:2px;margin-bottom:5px}.hidden{display:none !important}@media only screen and (max-width: 650px){.hiddenWhenToSmall{display:none !important}}@media only screen and (min-width: 500px){.material-icons{font-size:24px}}@media only screen and (min-width: 651px){.hiddenWhenToBig{display:none !important}}

