@import"https://fonts.googleapis.com/css?family=Rubik:500";body{background-color:#add8e6;font-family:Rubik,Arial,sans-serif}.main{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:16px;gap:32px}.orchestration{display:flex;justify-content:space-between;gap:24px;width:50%}.button{padding:8px 16px;border:2px solid black;border-radius:8px;background-color:#fff;color:#00008b;cursor:pointer;width:50%;height:80px;font-weight:700}.button2{padding:.75rem 1.25rem;background-color:#0cf;border-radius:10rem;border:none;color:#fff;text-transform:uppercase;font-weight:700;font-size:1rem;letter-spacing:.15rem;cursor:pointer}.button3{font-family:Rubik,Arial,sans-serif;font-size:1em;padding:1em 2em;background-color:#0cf;color:#fff;letter-spacing:.15rem;text-transform:uppercase;font-weight:100;border-radius:4px;width:50%;border:none;cursor:pointer}section{display:flex;flex-direction:column;justify-content:center;width:50%}.fieldset{border:none;padding:1rem 0;display:flex;width:100%;justify-content:space-between;align-items:center}.fieldset>input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:75%;cursor:pointer;outline:none;height:15px;background:#eee;border-radius:12px}input[type=range]::-webkit-slider-runnable-track{height:15px;background:#eee;border-radius:12px}input[type=range]::-moz-range-track{height:15px;background:#eee;border-radius:12px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:15px;width:15px;background-color:#fff;border-radius:50%;border:15px solid #09f;position:relative;top:-7.5px}input[type=range]::-moz-range-thumb{height:15px;width:15px;background-color:#fff;border-radius:50%;border:15px solid #09f;position:relative;top:-7.5px}.playback{display:flex;gap:24px;width:50%}.orchestration>.button3{width:calc(50% - 12px)}@media only screen and (max-width: 1024px){.playback,.button3{width:100%}section{width:100%}.orchestration{width:100%}}@media only screen and (max-width: 420px){.orchestration>.button3{font-size:10px}}.playback>button{width:75%}.playback>fieldset{width:25%;justify-content:flex-end;gap:24px}input[type=radio]{display:none}label[for=snare],label[for~="4p"],label[for~="5p"]{font-family:Rubik,Arial,sans-serif;font-size:1em;padding:1em 2em;background-color:#0cf;color:#fff;letter-spacing:.15rem;text-transform:uppercase;font-weight:100;border-radius:4px;width:50%;border:none;cursor:pointer}.sheet-container{max-width:100%;width:100%;margin:0 auto}#sheet{background-color:#fff}.colorGroupings{display:flex;align-items:center;font-size:1em}.sheet-footer{padding-top:12px;display:flex;justify-content:space-between}input[type=checkbox]{position:relative;top:2px}.share-btn{width:initial;font-size:8pt;padding-left:12px;padding-right:16px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}