body{background:url(/_next/static/media/bg.0b3e87ae.png)}*{font-family:Roboto Mono,Courier New,Courier,monospace;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}h1{margin:17.5px}h1,h2{text-shadow:0 5px 10px rgba(0,0,0,.25);text-align:center;pointer-events:none}h2{margin:0}.sharpOrFlat{margin-left:5px}h3{font-size:medium;text-shadow:0 5px 10px rgba(0,0,0,.25);text-align:center;pointer-events:none;margin:0 0 10px}.gradientOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0,0,0,.15);pointer-events:none;z-index:-1}.flex{display:flex}#allOptions{transform-origin:top;@media screen and (max-width:768px){transform:scale(.8)}@media screen and (max-width:568px){transform:scale(.6)}}.centerflex{margin:0 10px 35px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.centerflex.halfmargin{margin:17.5px}.centerflex.sub{margin:0}.centerflex.optionsCol{width:200px}.colflex{display:flex;flex-direction:column}.rowflex{display:flex;flex-direction:row}.rowflex2{gap:0}.rowflex2,.rowflex3{flex-direction:row;align-items:flex-start;justify-content:space-between}.box{margin-bottom:35px}.box,.measureViz{border-radius:20px;border:2px solid grey;background-color:#fff;box-shadow:0 10px 10px rgba(0,0,0,.25)}.measureViz{display:flex;justify-content:center;align-items:center;color:grey;width:60px;height:25px;margin:0 8.75px 35px}.measureViz.thirdBox{background-color:#992e26}.measureViz.active{background-color:#e64539;border-color:#fff;color:#fff}.disabled{filter:grayscale(.1) contrast(.3);pointer-events:none}.keyGroupDiv,.keyGroupDivMaster{display:flex;flex-direction:row;align-items:center}.button{width:110px;padding:10px;margin:0;border-radius:10px;border:2px solid #fff;background-color:#e64539;box-shadow:0 5px 10px rgba(0,0,0,.25);font-weight:700;font-size:large;color:#fff;cursor:pointer;transition:background-color .2s ease-out}.button.fitLabel{width:-moz-fit-content;width:fit-content}.button:hover{background-color:#992e26}.button:active{color:#fff;background-color:#e64539}.customCheckbox{position:relative;width:25px;height:25px;margin:0 2.5px 5px;border-radius:10px;border:2px solid #fff;background-color:grey;box-shadow:0 5px 10px rgba(0,0,0,.25);cursor:pointer;transition:background-color .2s ease-out}.customCheckbox.alone{margin-bottom:35px}.customCheckbox:hover{background-color:#992e26}.customCheckbox:active{background-color:#e64539}.customCheckbox input[type=checkbox]{visibility:hidden;position:absolute}.customCheckbox input[type=checkbox]:checked+label:before{content:"";position:absolute;top:50%;left:50%;width:25px;height:25px;border-radius:8px;background-color:#e64539;transform:translate(-50%,-50%);z-index:-1;transition:background-color .2s ease-out}.customCheckbox:hover input[type=checkbox]:checked+label:before{background-color:#992e26}.customCheckbox:active input[type=checkbox]:checked+label:before{background-color:#e64539}.customCheckbox label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;font-weight:700;color:#fff;pointer-events:none}.customCheckbox.wider,.customCheckbox.wider input[type=checkbox]:checked+label:before{width:50px}.customCheckbox.wider2,.customCheckbox.wider2 input[type=checkbox]:checked+label:before{width:110px}.customCheckbox.wider3,.customCheckbox.wider3 input[type=checkbox]:checked+label:before{width:140px}.customCheckbox.wider4,.customCheckbox.wider4 input[type=checkbox]:checked+label:before{width:65px}.circle{position:absolute;right:10px;top:10px;width:25px;height:25px;border-radius:12.5px;background:red;opacity:1}.hidden{display:none!important}#vexRenderer>svg{width:65vw!important;height:calc(65vw / 1.83)!important}#vexRenderer.zoom>svg{width:85vw!important;height:calc(85vw / 1.83)!important}#vexRenderer{position:relative;cursor:pointer;transition:transform .3s ease-out,border-color .3s ease-out,border-width .3s ease-out}#vexRenderer.regionsSharp{background-image:linear-gradient(0deg,#00b7b750,#00b70050 15%,#00b70050 23%,#fcd50e50 0,#fcd50e50 41.75%,#b7000050 0,#b7000050 59.25%,#fcd50e50 0,#fcd50e50 78.25%,#00b70050 0,#00b7b750)}#vexRenderer.regions{background-image:linear-gradient(0deg,#00b7b750,#00b70050 15%,#00b70050 21%,#fcd50e50 25%,#fcd50e50 39.75%,#b7000050 43.75%,#b7000050 57.25%,#fcd50e50 61.25%,#fcd50e50 76.25%,#00b70050 80.25%,#00b7b750)}#vexRenderer:hover{transform:scale(1.025)}.playing{border-color:#000;border-width:5px}.vf-stavenote{opacity:1;transition:none}.vf-stavenote.hiddenForSpark{opacity:0;transition:opacity .25s ease-out}.vf-stavenote>.vf-notehead.playing{box-shadow:0 10px 10px rgba(0,0,0,.25)}.vf-notehead>path{z-index:1;transition:fill .1s ease-out}.vf-notehead.playing>path{fill:#e64539;filter:drop-shadow(0 2.5px 2.5px rgb(0 0 0/.25))}.vf-stem{display:none}input[type=range].slider{width:500px;height:25px;background:none;-webkit-appearance:none}input[type=range].slider:focus{outline:none}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;width:25px;height:25px;border-radius:10px;background:#e64539;border:2px solid #fff;box-shadow:0 10px 10px rgba(0,0,0,.25);margin-top:calc(max((6.25px - 2px - 2px) * .5, 0px) - max(25px * .5, 2px))}input[type=range].slider::-webkit-slider-runnable-track{height:6.25px;border:2px solid #fff;border-radius:10px;background:grey;box-shadow:0 10px 10px rgba(0,0,0,.25)}input[type=range].slider::-webkit-slider-thumb:hover{background:#992e26}input[type=range].slider::-webkit-slider-thumb:active{background:#e64539}input[type=range].slider::-moz-range-thumb{width:max(calc(25px - 2px - 2px),0px);height:max(calc(25px - 2px - 2px),0px);border-radius:10px;background:#e64539;border:2px solid #fff;box-shadow:0 10px 10px rgba(0,0,0,.25)}input[type=range].slider::-moz-range-track{height:max(calc(6.25px - 2px - 2px),0px);border:2.5px solid #fff;border-radius:10px;background:grey;box-shadow:none}input[type=range].slider::-moz-range-thumb:hover{background:#992e26}input[type=range].slider::-moz-range-thumb:active{background:#e64539}input[type=range].slider::-ms-fill-lower,input[type=range].slider::-ms-fill-upper{background:transparent;border-color:transparent}input[type=range].slider::-ms-thumb{width:25px;height:25px;border-radius:10px;background:#e64539;border:2px solid #fff;box-shadow:0 10px 10px rgba(0,0,0,.25);margin-top:0;box-sizing:border-box}input[type=range].slider::-ms-track{height:6.25px;border-radius:10px;background:grey;border:2px solid #fff;box-shadow:none;box-sizing:border-box}input[type=range].slider::-ms-thumb:hover{background:#992e26}input[type=range].slider::-ms-thumb:active{background:#e64539}