*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:#120d1f;color:#fff;font-family:Nunito,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}.scrollcol::-webkit-scrollbar{width:9px;height:9px}.scrollcol::-webkit-scrollbar-thumb{background:#3a2f5c;border-radius:999px}.scrollcol::-webkit-scrollbar-track{background:transparent}.scrollcol{scrollbar-color:#3a2f5c transparent;scrollbar-width:thin}.choir-scroll::-webkit-scrollbar-thumb{background:#56503f;border-radius:0}.choir-scroll{scrollbar-color:#56503f transparent}@keyframes gktwinkle{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.visually-hidden-input{display:none}.gk-fader{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:22px;background:transparent;cursor:pointer}.gk-fader::-webkit-slider-runnable-track{height:8px;border:2px solid #0d0a14;border-radius:5px;background:linear-gradient(90deg,#4fd6cf,#c9b0ff 50%,#ff6fc3)}.gk-fader::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border:2px solid #0d0a14;border-radius:50%;background:#ffcf2e;box-shadow:1px 1px #000}.gk-fader::-moz-range-track{height:8px;border:2px solid #0d0a14;border-radius:5px;background:linear-gradient(90deg,#4fd6cf,#c9b0ff 50%,#ff6fc3)}.gk-fader::-moz-range-thumb{width:14px;height:14px;border:2px solid #0d0a14;border-radius:50%;background:#ffcf2e}.gk-fader-notes::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ff6fc3,#c9b0ff 50%,#f0e9fb)}.gk-fader-notes::-moz-range-track{background:linear-gradient(90deg,#ff6fc3,#c9b0ff 50%,#f0e9fb)}.jobs-strip>*{flex-shrink:0}.jobs-row{scrollbar-width:none}.jobs-row::-webkit-scrollbar{display:none}.stand-fader{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:24px;background:transparent;cursor:pointer}.stand-fader::-webkit-slider-runnable-track{height:8px;border:1px solid #56503f;background:#17140f}.stand-fader::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border:1.5px solid #17140f;border-radius:2px;background:#fbf8f0;box-shadow:2px 2px #17140f}.stand-fader::-moz-range-track{height:8px;border:1px solid #56503f;background:#17140f}.stand-fader::-moz-range-thumb{width:16px;height:16px;border:1.5px solid #17140f;border-radius:2px;background:#fbf8f0}.staff-sheet .vf-stavenote path,.staff-sheet .vf-stavenote rect,.staff-sheet .vf-multirest path,.staff-sheet .lyrics text{transition:fill .3s ease,stroke .3s ease}.staff-now path,.staff-now rect{fill:#e8177f!important}.staff-now .vf-stem path{stroke:#e8177f!important}.staff-sung text{fill:#e8177f!important}.staff-tappable .vf-stavenote,.staff-tappable .vf-multirest{cursor:pointer}.lanes-fade{transition:fill .2s ease,opacity .25s ease}.lanes-picked{pointer-events:none;animation:lanes-march .9s linear infinite}@keyframes lanes-march{to{stroke-dashoffset:-20}}@media (prefers-reduced-motion: reduce){.lanes-picked{animation:none}}.stand-in{animation:stand-in .25s ease-out}@keyframes stand-in{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.stand-in{animation:none}}.follow-system{transition:box-shadow .2s ease}@media (hover: hover){.follow-system:hover{box-shadow:inset 0 0 0 2px #e8177f47}}@media (hover: hover){.focus-line:hover{outline:2px solid rgba(232,23,127,.28);outline-offset:-2px}}.tap-ripple{pointer-events:none;animation:tap-ripple .55s ease-out forwards}@keyframes tap-ripple{0%{transform:translate(-50%,-50%) scale(.35);opacity:.9}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@media (prefers-reduced-motion: reduce){.tap-ripple{animation-name:tap-fade}}@keyframes tap-fade{0%{transform:translate(-50%,-50%);opacity:.8}to{transform:translate(-50%,-50%);opacity:0}}:root[data-look=printed] body{color:#f8f3e7;font-family:Lexend,system-ui,sans-serif;font-synthesis-weight:none}:root[data-look=printed] .scrollcol::-webkit-scrollbar-thumb{background:#56503f;border-radius:0}:root[data-look=printed] .scrollcol{scrollbar-color:#56503f transparent}:root[data-look=printed] .staff-now path,:root[data-look=printed] .staff-now rect{fill:#a86a1f!important}:root[data-look=printed] .staff-now .vf-stem path{stroke:#a86a1f!important}:root[data-look=printed] .staff-sung text{fill:#a86a1f!important}@media (hover: hover){:root[data-look=printed] .follow-system:hover{box-shadow:inset 0 0 0 2px #a86a1f52}:root[data-look=printed] .focus-line:hover{outline-color:#a86a1f52}}