.settings-button{cursor:pointer;padding:10px;position:fixed;right:0;top:0;z-index:3}.settings-container{padding:15px 10px;display:flex;flex-direction:column;flex-wrap:nowrap}.settings-container button.ok-button{margin:0 auto}.settings-container hr{width:100%}@font-face{font-family:Symbola;src:local("Symbola"),url(/wp-content/themes/page-builder-framework/js/practice-app/assets/Symbola-bef67703.otf) format("otf")}@font-face{font-family:MusiSync;src:local("MusiSync"),url(/wp-content/themes/page-builder-framework/js/practice-app/assets/MusiSync-ae032c62.ttf) format("truetype")}.staff-control{position:relative;z-index:2;display:flex;width:100%;padding:12px 75px;margin-bottom:35px;box-sizing:border-box}.staff-control .staff-control__tempo{display:flex;align-items:center;border:1px solid gray;border-radius:5px;padding:0 5px}.staff-control .staff-control__tempo-title{font-size:12px;padding-left:10px}.staff-control .staff-control__tempo-value{padding:0 4px}.staff-control .staff-control__buttons{display:flex;align-items:center;width:50%;margin-left:auto}.staff-control .staff-control__buttons button{padding:5px;color:#000}.staff-control__progress{flex-grow:1;margin:0 5px}.staff-control__range-badge{display:flex;align-items:center;border:1px solid #bf7b21;border-radius:5px;padding:0 4px 0 8px;font-size:12px;color:#bf7b21;font-weight:600;white-space:nowrap;margin-left:8px;align-self:stretch}.staff-control__range-restart{padding:2px!important;color:#bf7b21!important;margin-left:4px}.staff-control__range{flex-grow:1;margin:0 5px;accent-color:orange}@media (max-width: 680px){.staff-control{flex-direction:column}.staff-control .staff-control__title,.staff-control .staff-control__buttons{width:100%}}.pan-drum.pan-drum--thumbnail{background-color:#e7f2ff}.pan-drum.pan-drum--thumbnail .pan-drum__svg{width:340px;height:250px}.pan-drum.pan-drum--container{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:fixed}.pan-drum.pan-drum--container .pan-drum__svg{width:calc(100vw - 100px);height:calc(100vh - 100px);height:calc(var(--vh, 1vh) * 100 - 100px);padding:50px;transition:.25s}.pan-drum.pan-drum--container .pan-drum__svg.pan-drum__svg--with-staff{height:calc(100vh - 330px);height:calc(var(--vh, 1vh) * 100 - 330px);transform:translateY(105px)}.debug-fab{position:fixed;bottom:16px;right:16px;z-index:1000;background:#1a1a2e;color:#fff;border:none;border-radius:24px;padding:10px 16px;font-size:14px;cursor:pointer;box-shadow:0 2px 8px #0006;opacity:.85}.debug-fab:hover{opacity:1}.debug-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:1001;display:flex;align-items:center;justify-content:center;padding:16px}.debug-modal{background:#1a1a2e;color:#e0e0e0;border-radius:8px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;font-family:monospace;font-size:12px}.debug-modal__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #333;font-size:14px;font-family:sans-serif;font-weight:600}.debug-modal__close{background:none;border:none;color:#aaa;font-size:16px;cursor:pointer;padding:0 4px}.debug-modal__close:hover{color:#fff}.debug-modal__log{flex:1;overflow-y:auto;padding:12px 16px;line-height:1.8}.debug-modal__empty{color:#666;font-family:sans-serif}.debug-modal__actions{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid #333}.debug-modal__btn{background:#333;color:#e0e0e0;border:none;border-radius:4px;padding:8px 16px;font-size:13px;cursor:pointer;font-family:sans-serif}.debug-modal__btn:hover{background:#444}.debug-modal__btn--primary{background:#4a6fa5}.debug-modal__btn--primary:hover{background:#5a7fb5}.debug-modal__btn:disabled{opacity:.4;cursor:default}.student-dashboard{margin:10px auto;text-align:center}.student-dashboard__box{margin:5px 10px;text-decoration:none;display:inline-flex;flex-direction:column;background:white;width:340px;height:340px;border-radius:1%;box-shadow:1px 1px 4px #6d6c6c}.student-dashboard__image{font-size:20px;height:250px;width:340px;border-radius:1% 1% 0 0}.student-dashboard__title{font-size:34px;color:#000;margin:auto}.mannette-cello__left--text{transform:translate(226px,488px)}.mannette-cello__left--note{transform:scale(.18) translate(17%,200%)}.mannette-cello__middle--text{transform:translate(585px,234px)}.mannette-cello__middle--note{transform:scale(.15) translate(211%,13%)}.mannette-cello__right--text{transform:translate(922px,482px)}.mannette-cello__right--note{transform:scale(.18) translate(321%,198%)}body{font-family:Open Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.adminDashDisplay{margin:50px auto;text-align:center}.adminTable{max-width:72%;margin:20px auto}.alert{background-color:#ff4545;margin:50px}.dashBox{margin:5px 10px;display:inline-block;background:white;width:375px;height:430px;border-radius:1%;box-shadow:1px 1px 4px #6d6c6c}.dashButtons{font-size:34px;background:white;border:0px;height:60px;width:70%;cursor:pointer;padding:5px 10px;margin:10px 10px 20px}.dashImages{font-size:20px;height:340px;width:375px;border-radius:1% 1% 0 0}.studentDiv{width:70%;margin:0 auto}#login-form{background-color:#fc9102;width:20%;height:250px;margin:75px auto 10px;padding:25px;border-radius:2px;text-align:center;min-width:215px}#formTitle{margin:10px}input{margin:5px 5px 10px;border:1px black solid}.heading{text-align:center;font-size:40px;color:#f78504;margin:10px auto}h1{font-size:30px;margin-top:0;text-align:center}h3{margin:0}.logout-button{margin-top:10px;padding-left:15px}.logout-text{margin:0;font-size:16px;padding-left:33px}.log-in,.log-out,.register{background-color:#eb6505;border-radius:4px;color:#fff;font-size:15px;margin-top:10px;min-height:40px;min-width:80px;outline:0;cursor:pointer;border:0px}.log-in:hover,.log-out:hover,.register:hover{background-color:#e24906}.logo{margin:10px auto;max-height:90px;border-radius:1%}.loginTitle{text-align:center;height:110px;width:100%;background-color:#fc9102}.link-button{background:none;color:inherit;border:none;padding:0;font:inherit;outline:0;border-bottom:1px solid #444;cursor:pointer}.note-text{font-size:50px;fill:#000;pointer-events:none}.note-text--outlined{stroke-linejoin:round;fill:#fff;stroke:#000;stroke-width:2px}.hidden-note-text{fill:transparent;pointer-events:none}