:root{--rotation-speed:1s;--thumb-size:50px}.hidden{display:none}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}main{position:relative}body{background:#9be9ff;font-style:normal}.harp-wrap{margin-left:auto;margin-right:auto;margin-top:var(--gap-2);max-width:580px;padding:var(--flow-space);width:100%}.harp-wrap em,.harp-wrap h1{margin:0;text-align:center;width:100%}.harp-wrap h1{font-size:var(--fs-3);margin-bottom:0;margin-top:40px}.harp-wrap h2{font-size:var(--fs-2);margin-bottom:var(--flow-space);text-align:center}.harp-wrap .harp{--flow-space:40px;height:0;opacity:0;overflow:clip;interpolate-size:allow-keywords;transition:height .3s ease-in-out,opacity .3s ease-in-out}.harp-wrap label:not(label[for=mute-toggle]){display:block;font-size:var(--fs-1);text-wrap:balance}.harp-wrap .harp.visible{height:auto;opacity:1;overflow-x:visible}.harp-wrap .control-group{align-items:center;flex-wrap:wrap}.harp-wrap button{align-items:center;background:var(--color-green);border:1px solid #000;border-radius:50vmax;cursor:pointer;display:block;font:inherit;font-size:var(--fs-0);padding:5px 15px;-webkit-text-decoration:none;text-decoration:none;text-wrap:balance;width:-moz-fit-content;width:fit-content}.harp-wrap button[disabled]{cursor:not-allowed;opacity:.5}.harp-wrap button#start{border-radius:50vmax;cursor:pointer;display:block;font-size:var(--fs-1);margin-left:auto;margin-right:auto;margin-top:100px;padding:20px 40px;-webkit-text-decoration:none;text-decoration:none;text-wrap:balance;width:-moz-fit-content;width:fit-content}.harp-wrap #stopButton{background:#ff6c2f}.harp-wrap #resetButton{background:var(--color-primary)}.harp-wrap .number-display{font-size:var(--fs-1)}.harp-wrap .presets-menu{gap:40px;justify-content:space-between;margin-top:20px;width:100%}.harp-wrap .presets-menu .flow{width:min(100%,25ch)}.harp-wrap .select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;cursor:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;outline:none;padding:0 1em 0 0;width:100%}.harp-wrap .select select::-ms-expand{display:none}.harp-wrap .select{align-items:center;background-color:#fff;border-radius:50vmax;display:grid;font-size:1.25rem;grid-template-areas:"select";line-height:1.1;margin-top:10px;width:100%}.harp-wrap .select select{color:#000;cursor:pointer;line-height:2;padding:.5em 1em;position:relative;z-index:1}.harp-wrap .select:after{background-color:#000;clip-path:polygon(100% 0,0 0,50% 100%);content:"";height:.5em;justify-self:end;transform:translate(-10px);width:.8em;z-index:0}.harp-wrap .select select,.harp-wrap .select:after{grid-area:select}.harp-wrap input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;position:relative;width:99%}.harp-wrap input[type=range]:focus{outline:none}.harp-wrap input[type=range]::-webkit-slider-runnable-track{background-color:#000;border-radius:.5rem;height:2px;position:relative;touch-action:none}.harp-wrap input#slide[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#fff,#fff 0,transparent 0,transparent);background:linear-gradient(90deg,#fff 0,#fff 0,transparent 0,transparent);background:linear-gradient(to right,#fff 0,#fff var(--value,0),transparent var(--value,0),transparent 100%);border:1px solid #000;border-radius:0;height:50px;height:var(--thumb-size);position:relative;touch-action:none;width:2px}.harp-wrap input[type=range]::-webkit-slider-thumb{background-color:#000;border-radius:50%;cursor:pointer;height:16px;transform:translate(var(--offset));width:16px}.harp-wrap input#slide[type=range]::-webkit-slider-thumb{background-color:#000;border-radius:0;margin-left:0;transform:translateY(20px)}.harp-wrap input#slide[type=range]::-webkit-slider-thumb,.harp-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:50px;height:var(--thumb-size);width:50px;width:var(--thumb-size)}.harp-wrap input[type=range]::-webkit-slider-thumb{background-color:#fff;border-radius:50vmax;transform:translateY(-50%)}.harp-wrap input#slide[type=range]::-webkit-slider-thumb{margin-top:-21px}.harp-wrap input[type=range]:focus::-webkit-slider-thumb{border:1px solid #000;outline:3px solid #000;outline-offset:.125rem}.harp-wrap input[type=range]::-moz-range-track{background-color:#000;border-radius:.5rem;height:.5rem}.harp-wrap input[type=range]::-moz-range-thumb{background-color:#5cd5eb;border:none;border-radius:0;height:2rem;width:1rem}.harp-wrap input[type=range]:focus::-moz-range-thumb{border:1px solid #000;outline:3px solid #000;outline-offset:.125rem}.harp-wrap #rnbo-mute-toggle{height:-moz-fit-content;height:fit-content;margin-left:auto;margin-right:0;width:-moz-fit-content;width:fit-content}.harp-wrap #mute-toggle{cursor:pointer;height:20px;margin:0;opacity:0;position:absolute;width:40px}.harp-wrap #mute-toggle+label{cursor:pointer;padding-left:50px;position:relative}.harp-wrap #mute-toggle+label:before{background-color:#ccc;border-radius:20px;content:"";height:20px;left:0;position:absolute;transition:background-color .3s;width:40px}.harp-wrap #mute-toggle+label:after{background-color:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .3s;width:16px}.harp-wrap #mute-toggle:checked+label:before{background-color:#ff6c2f}.harp-wrap #mute-toggle:checked+label:after{transform:translate(20px)}.harp-wrap #mute-toggle:focus+label:before{outline:2px solid #000;outline-offset:2px}.chart-container{border:none;height:300px;margin:20px 0;position:relative;width:100%}#dataChart{border:none;max-height:300px;max-width:100%}