.vextab-auto{filter:invert(1)}body{font-family:"aviano-future", sans-serif;font-weight:400;font-style:normal;--lime: #40b31d;--lime-rgb: 93,186,0;--black:#0a0621;--poppy:#DA2C38;--poppy-rgb:218, 44, 56;--dark-green:#226f54;--dark-green-rgb:34, 111, 84;--platinum:#E6E6EA;--platinum-rgb:rgb(230, 230, 235);--bs-link-color:var(--platinum);--bs-link-color-rgb: var(--platinum-rgb);background-color:var(--black)}.body-section{background-size:contain;background-attachment:fixed;overflow:hidden;background-position:0 15vw;background-repeat:no-repeat;max-width:800px;margin:0 auto}.hal-button{filter:hue-rotate(-259deg) brightness(4.5) saturate(0.25)}.metronome-container{min-height:100vh;backdrop-filter:hue-rotate(-45deg) brightness(0.85) contrast(1.3) saturate(0.3);background-color:var(--black);background-size:cover;background-attachment:fixed;overflow:hidden;background-position:top;background-repeat:no-repeat;overflow:hidden}.metronome-container .outer-sphere{display:block;position:absolute;top:25%}.metronome-container.playing{backdrop-filter:hue-rotate(-45deg) brightness(0.85) contrast(1.3)}.metronome-container.playing .hal-button{filter:hue-rotate(-259deg) brightness(4.5)}.metronome-container.playing .play-button-future{opacity:0}.metronome-container.playing .pause-button-future{opacity:1}.metronome-container.hit{backdrop-filter:hue-rotate(-45deg) brightness(1.05) contrast(1.3)}.metronome-container.hit .hal-button{filter:hue-rotate(-248deg) brightness(4.7) saturate(1.1)}.metronome-container.hit .outer-sphere{transform:scale3d(1.05, 1.05, 1)}.metronome-container.mhit{backdrop-filter:hue-rotate(-45deg) brightness(1.15) contrast(1.3)}.metronome-container.mhit .outer-sphere{transform:scale3d(1.1, 1.1, 1)}.metronome-container.mhit .hal-button{filter:hue-rotate(-202deg) brightness(4.8) saturate(1.2)}.increment{font-size:9vw;cursor:pointer;margin:0 auto;border-radius:14px}.increment .rotate-left,.increment .rotate-right{transform-origin:center;transition:.3s all}.increment .up,.increment .down{display:inline-block;line-height:.9;padding:5px;width:100%;border-radius:14px;transition:.3s all;transform:rotate(0);overflow:visible;filter:drop-shadow(-1px 1px 5px cyan)}.increment.active .up{filter:drop-shadow(-4px 8px 20px green) brightness(1.5) blur(3px) contrast(2.5)}.increment.active .down{filter:drop-shadow(-4px 8px 20px red) brightness(1.5) blur(3px) contrast(2.5)}.increment.active .rotate-left{transform:rotate(-120deg)}.increment.active .rotate-right{transform:rotate(90deg)}.play-button{width:75%;font-size:23vw;border:2px solid transparent;border-radius:25vw;line-height:0.9;text-align:center;aspect-ratio:1;display:block;line-height:1.1;background-color:transparent;cursor:pointer;position:relative;margin-bottom:1rem;margin-left:auto;margin-right:auto;opacity:0}.play-button:focus-visible{outline:transparent;border-color:transparent}.play-button.show{opacity:1}.play-button .pause-icon{display:none;transform:rotate(90deg)}.play-button .sphere{position:relative;top:-24vh;animation-name:sphere-effect;animation-duration:200s;animation-iteration-count:infinite;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}.play-button .swap-pause{transition:.5s all;position:relative;top:-42vh;display:block}.play-button .play-button-future,.play-button .pause-button-future{position:absolute;top:0;left:0}.play-button .pause-button-future{opacity:0}@keyframes sphere-effect{0%{transform:rotateZ(270deg)}100%{transform:rotateZ(-360deg)}}.offcanvas-toggler{position:absolute;bottom:6px;left:3vw;z-index:5;width:29px;color:#a2c4b1}.offcanvas{background-color:rgba(12,12,12,0.6);background-size:contain;background-position:0 8vh;box-shadow:#26057c 1px 1px 12px 1px;overflow-y:auto;overflow-x:hidden}.offcanvas label{display:block;color:white}.bottom-ui{position:absolute;bottom:0}#mnum{width:100%;background-color:transparent;border:0;font-size:13.3vw;font-weight:900;text-align:center;color:#e6e7e8;padding:0;line-height:1}#mnum:focus-visible{outline-color:rgba(var(--lime-rgb), 0.6);outline-offset:unset;border:1px solid rgba(var(--lime-rgb), 0.9);outline-style:dotted;filter:brightness(1.25);border-radius:14px}.under-bpm-controls .control-icon{background-color:transparent;border:1px solid transparent;border-radius:2px;padding-bottom:5px;color:rgba(255,255,255,0.5)}.under-bpm-controls .control-icon:focus-visible{outline:transparent}.under-bpm-controls .control-icon svg{width:100%}.under-bpm-controls .control-icon.active,.under-bpm-controls a:active{color:#66eeb4}.under-bpm-controls .control-icon.active #beatCount,.under-bpm-controls a:active #beatCount{color:#66eeb4;border-color:#66eeb4}.under-bpm-controls .control-icon.active #beatUnit,.under-bpm-controls a:active #beatUnit{color:#66eeb4}#beatCount{border-bottom:solid rgba(255,255,255,0.95) 1px;display:inline-block;float:left;color:rgba(255,255,255,0.95)}#beatUnit{display:inline-block;clear:left;float:left;color:rgba(255,255,255,0.95)}#eighthNoteToggle{width:70px}#eighthNoteToggle svg{padding:6px}.time-sig-container{position:relative}.time-sig-container .time-sig-controls{position:absolute;top:0px;width:100%;transition:.5s all;opacity:0;z-index:-1;height:0px;overflow:hidden}.time-sig-container .time-sig-controls.show{opacity:1;top:-36vh;height:105px;overflow:visible;z-index:5}.time-sig-container input{font-size:2rem;width:40px;padding:0;text-align:center;margin:0 auto;display:block}#gearMenuSVG{display:block;margin:0 auto}input[type='range'].range-style{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type='range'].range-style:focus{outline:none}input[type='range'].range-style::-webkit-slider-thumb{-webkit-appearance:none}input[type='range'].range-style::-moz-range-thumb{border:none}.range-style{width:100%;height:40px;padding:0 20px;background:transparent;border-radius:10px;filter:invert(1) contrast(0.5) brightness(4.5)}.range-style::-webkit-slider-runnable-track{display:flex;align-items:center;height:20px;border-radius:10px;box-shadow:inset -2px -2px 8px #fff,inset 2px 2px 8px rgba(0,0,0,0.5)}.range-style::-webkit-slider-thumb{position:relative;top:-50%;width:40px;height:40px;background-color:#e0e0e0;background-image:linear-gradient(-45deg, rgba(255,255,255,0.8), transparent);border-radius:50%;box-shadow:-1px -1px 2px #fff,1px 1px 2px rgba(0,0,0,0.3)}.range-style::-moz-range-track{display:flex;align-items:center;height:20px;border-radius:10px;box-shadow:inset -2px -2px 8px #fff,inset 2px 2px 8px rgba(0,0,0,0.5)}.range-style::-moz-range-thumb{position:relative;top:-50%;width:40px;height:40px;background-color:#e0e0e0;background-image:linear-gradient(-45deg, rgba(255,255,255,0.8), transparent);border-radius:50%;box-shadow:-1px -1px 2px #fff,1px 1px 2px rgba(0,0,0,0.3)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bottom-controls{margin-block:.25rem;position:absolute;bottom:0;z-index:3}.bottom-controls .bottom-controls-icon{color:var(--lime)}.bottom-controls .bottom-controls-icon svg{height:1.35rem;width:1.35rem}.bottom-controls .bottom-controls-icon .control-icon{color:#40b31d;background-color:transparent;border:1px solid transparent;border-radius:2px;padding-bottom:5px}.bottom-controls .bottom-controls-icon .control-icon.active,.bottom-controls .bottom-controls-icon a:hover{background-color:#40b31d;border-color:var(--dark-green);color:#0a0621}select.synth-control,select#synthType{height:27px}.ui-emb1{position:absolute;bottom:3px;width:63%;opacity:0.6;right:3px;transform:rotate(180deg)}.ui-emb2{position:absolute;top:0;width:50%;opacity:77%;filter:drop-shadow(2px 4px 8px #FFF);z-index:-5}.ui-emb3{position:absolute;transform:rotate(-90deg) scale(0.3);right:-81vw;top:51vw;opacity:0.6}.users,.sounds,.offcanvas{font-family:Arial,sans-serif;color:white}.users .form,.sounds .form,.offcanvas .form{color:white}.small-help{font-size:15px;background-color:rgba(255,255,255,0.9);color:black;margin:6px;position:relative;top:-11px;border-radius:28px;line-height:1px;padding:1px 5px}.message{color:white}.message.success{background-color:green}.message.error{background-color:red}.message.info{background-color:#1d777f}.save-button{background:green;color:white;text-transform:uppercase;margin-top:10px}.play-button-fut-st0,.pause-button-fut-st0{filter:drop-shadow(0px 4px 4px #fff)}.play-button-fut-st2,.play-button-fut-st3{stroke:#d0e8ec;stroke-width:2px;filter:drop-shadow(1px 1px 44px #b99cff)}.pause-button-fut-st2,.pause-button-fut-st3{stroke:#0f0339;stroke-width:2px;filter:drop-shadow(1px 1px 44px #afe7e6)}@media (min-width: 800px){#mnum{font-size:100px}.metronome-container{background-size:contain}}.sound-select{display:flex;flex-direction:column;position:relative;width:50%;height:40px}.sound-select .option{padding:0 30px 0 10px;font-size:12px;min-height:40px;display:flex;align-items:center;background:#333;border-top:#222 solid 1px;position:absolute;top:0;width:0;pointer-events:none;order:2;z-index:1;transition:background .4s ease-in-out;box-sizing:border-box;overflow:hidden;white-space:nowrap;transition:top .5s ease-in-out;color:#4b8b99}.sound-select .option:hover{background:#0c0123}.sound-select:focus .option{position:relative;top:-135px;pointer-events:all;width:161px;left:-124px}.sound-select:focus input:checked+label:after{top:calc(50% - 2.5px);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid transparent;right:10px}.sound-select input{opacity:0;position:absolute;left:-99999px}.sound-select input:checked+label{order:1;z-index:2;background:#0c0123;border-top:none;position:relative;color:lime}.sound-select input:checked+label:after{content:'';position:absolute;pointer-events:none;z-index:3;width:100%;height:100%;border-left:0px solid transparent;border-right:0px solid transparent;border-top:0px solid white;top:0;right:-10%;background-image:url(../img/sound-wave.svg);background-size:40px 40px;background-repeat:no-repeat}.sound-select input:checked+label:before{position:absolute;right:0;height:40px;width:40px;content:'';background:#0c0123}
/*# sourceMappingURL=rm.min.css.map */