input[type=range]{-webkit-appearance:none;appearance:none;--track-height:1px;--thumb-size:10px;--thumb-border-size:1px;background-color:transparent;margin:0;padding:0}input[type=range]:focus{outline-color:var(--focus)}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;height:var(--track-height);background:var(--black)}input[type=range]::-moz-range-track{-webkit-appearance:none;appearance:none;height:var(--track-height);background:var(--black)}input[type=range]::-ms-track{-webkit-appearance:none;appearance:none;height:var(--track-height);background:var(--black)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:var(--thumb-border-size) solid var(--black);height:var(--thumb-size);width:var(--thumb-size);bottom:calc((var(--thumb-size) - var(--track-height)) / 2);background:var(--contrast);cursor:grab;border-radius:50%;position:relative}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing}input[type=range]::-moz-range-thumb{-webkit-appearance:none;appearance:none;border:var(--thumb-border-size) solid var(--black);height:var(--thumb-size);width:var(--thumb-size);bottom:calc((var(--thumb-size) - var(--track-height)) / 2);background:var(--contrast);cursor:grab;border-radius:50%;position:relative}input[type=range]::-moz-range-thumb:active{cursor:grabbing}input[type=range]::-ms-thumb{-webkit-appearance:none;appearance:none;border:var(--thumb-border-size) solid var(--black);height:var(--thumb-size);width:var(--thumb-size);bottom:calc((var(--thumb-size) - var(--track-height)) / 2);background:var(--contrast);cursor:grab;border-radius:50%;position:relative}input[type=range]::-ms-thumb:active{cursor:grabbing}html{font-size:16px}@font-face{font-family:RoobertMono;src:url(/fonts/RoobertMono-SemiBold.woff2)format("woff2"),url(/fonts/RoobertMono-SemiBold.woff)format("woff");font-style:normal;font-weight:600;font-display:swap}body{min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;--black:#000;--white:#fff;--main:#795cef;--main-light:#b9abeb;--main-faded:rgba(121,92,239,.3);--contrast:#ff6b6b;--focus:blue;--kick:#77f57c;--snare:#f9fb92;--hat:#fb92f7;--hat2:#92d5fb;--1:#ff5f5f;--2:#ff5f5f;--3:#ff5f5f;--wisteria:#b59ecd;--celestial-blue:#338ecc;--melon:#fab8b5;--maya-blue:#8ac5f4;--panel-color-1:#d46174;--panel-color-2:#e38471;--off-color-1:#ecdda6;--off-color-2:#36454f;--off-color-3:whitesmoke;--inactive-color:#545257;--inactive-background:#cdcdcf;--pad-kick:var(--sampler-bottom);--pad-snare:var(--sampler-bottom);--pad-hat:var(--sampler-bottom);--pad-1:var(--wisteria);--pad-2:var(--wisteria);--pad-3:var(--wisteria);--pad-4:var(--wisteria);--background-inner:#e66465;--background-mid:#c57;--background-outer:#9198e5;--sampler-bottom:#556d7c;--control-bar:var(--off-color-1);--btn-red:var(--panel-color-1);--track-label-width:65px;background-color:#fefcf7;background-image:linear-gradient(rgba(255,255,255,.8) 18.84%,rgba(255,255,255,.47) 49.45%,rgba(255,255,255,0) 94.2%),linear-gradient(87deg,#ffcdcd 2.61%,#ffedd8 48.87%,#fbeec3 95.12%);background-repeat:no-repeat;background-size:100% 100%;min-height:100dvh;margin:0;font-family:RoobertMono;font-weight:600}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button{text-transform:none;-webkit-appearance:button;appearance:button;border:1px solid var(--black);color:var(--black);white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px;margin:0 .2rem;padding:0 5px;font-family:inherit;font-size:.8rem;line-height:normal;text-decoration:none;overflow:visible}button::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:2px solid var(--focus);outline-offset:2px}button:disabled{background:var(--inactive-background);color:var(--inactive-color);cursor:default}@media (hover:hover) and (pointer:fine){button:not(:disabled):hover{background-color:var(--main-light)}}@keyframes tracker{0%{left:0}to{left:100%}}