body{font-family:Avenir,Helvetica,Arial,sans-serif;background:var(--gray-700);margin:0}::selection{background:var(--primary-2)}select{background:var(--gray-700);color:#fff;border:0;outline:none;font-size:.9rem}.control-knob[data-v-c4585e66]{display:flex;justify-content:space-between;align-items:center;width:100%}.track[data-v-c4585e66]{margin-right:1rem;position:relative;width:100%;height:8px;background:linear-gradient(var(--gray-600),var(--gray-700));padding:0}.progress[data-v-c4585e66]{position:absolute;top:0;left:0;background:linear-gradient(var(--primary-2),var(--primary-2));height:100%;margin:0}.handle[data-v-c4585e66]{position:absolute;width:2rem;background:linear-gradient(var(--gray-150) 0,var(--gray-200) 8%,var(--gray-300) 92%,var(--gray-700) 100%);height:200%;top:-50%;box-shadow:3px 3px 3px #0000004d}.handle[data-v-c4585e66]:hover,.handle.active[data-v-c4585e66]{filter:brightness(1.2)}.numeric[data-v-c4585e66]{width:4rem;background:radial-gradient(var(--gray-600),var(--gray-800));color:#fff;font-size:12px;height:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--primary-2)}.val-input[data-v-c4585e66]{background:transparent;width:100%;color:inherit;border:0;height:100%}.val-input[data-v-c4585e66]:hover{background:rgba(255,255,255,.05)}.val-input[data-v-c4585e66]:focus{outline:none;background:rgba(255,255,255,.08);color:#fff}@media (max-width: 768px){.track[data-v-c4585e66]{height:16px}.val-input[data-v-c4585e66]{font-size:16px}}.instrument-container[data-v-4b5ea84e]{background:linear-gradient(var(--gray-400),var(--gray-300));padding:0;border-radius:0;margin-right:8px;width:400px;height:400px;display:flex;flex-direction:column;color:#fff}.instrument-container .title[data-v-4b5ea84e]{background:#00aaff;background:var(--gray-800);color:var(--gray-100);font-size:1.4rem;padding:.2rem .2rem .2rem .4rem;border-radius:inherit;margin-bottom:0;text-transform:uppercase;font-weight:700}.pattern-config[data-v-4b5ea84e]{margin:0;padding:4px;background:#333;color:#fff}.control-row[data-v-4b5ea84e]{display:flex;border-bottom:1px solid #666;padding:4px;color:var(--gray-000);justify-content:flex-start;align-items:flex-start}.control-label[data-v-4b5ea84e]{width:120px}.control-main[data-v-4b5ea84e]{width:100%}.tabs-container[data-v-4b5ea84e]{background:var(--gray-500);padding:8px 4px;display:flex;align-items:flex-start;margin-bottom:0}.tab[data-v-4b5ea84e]{background:var(--gray-100);color:var(--gray-800);border-right-width:0;padding:3px 8px;cursor:pointer;margin-right:2px;width:72px;font-weight:700}.tab[data-v-4b5ea84e]:hover{background:white}.tab[data-v-4b5ea84e]:last-of-type{border-right-width:1px}.tab.active[data-v-4b5ea84e]{background:linear-gradient(var(--primary-1),var(--primary-2));background:var(--primary-2);color:#fff}.info[data-v-4b5ea84e]{background:var(--gray-800);color:#fff;padding:0 8px}.selected-tab[data-v-4b5ea84e]{overflow:auto;height:100%}button[data-v-4b5ea84e]{background:var(--gray-600);color:#fff;border:0;padding:4px 12px;cursor:pointer;font-weight:700;font-size:1rem}button[data-v-4b5ea84e]:hover{background:var(--gray-700)}@media (max-width: 768px){.instrument-container[data-v-4b5ea84e]{width:100%;height:488px}.tab[data-v-4b5ea84e]{padding:8px}.control-row[data-v-4b5ea84e]{padding:10px}}:root{--gray-000: #f0f0f0;--gray-100: #cccccc;--gray-150: #999999;--gray-200: #63656b;--gray-300: #585a5b;--gray-400: #4e5252;--gray-500: #444444;--gray-600: #303233;--gray-700: #2b2b2b;--gray-800: #212121;--gray-900: #1c1c1c;--gray-1000: #0f0f0f;--primary-1: #e6bd7e;--primary-2: #cc8747;--secondary-1: #79c2ff;--secondary-2: #1885a1;--secondary-3: #476a75;--green: #0b9c45;--brown: #a1630d;--orange: #b04b2c;--red: #e63939}.export-modal[data-v-5c814b75]{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:110;overflow:hidden}.overlay[data-v-5c814b75]{background:rgba(0,0,0,.7);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.main[data-v-5c814b75]{width:400px;min-height:200px;background:var(--gray-500);color:var(--gray-100);overflow:hidden}.header[data-v-5c814b75]{display:flex;background:var(--gray-700);color:#fff;justify-content:space-between;align-items:center;overflow:hidden}.inner[data-v-5c814b75]{padding:16px}button[data-v-5c814b75]{background:var(--gray-100);border:0;padding:8px;width:90px;margin-right:2px;font-weight:700;cursor:pointer}button[data-v-5c814b75]:hover{background:white}.header button[data-v-5c814b75]{height:100%}.close-button[data-v-5c814b75]{margin-right:4px;height:2rem!important;width:2.5rem}iframe[data-v-5c814b75]{border:0;width:100%;height:100%}@media (max-width: 768px){.main[data-v-5c814b75]{width:80vw;height:80vh}}select[data-v-aae78eb4]{height:100%;padding:0 8px}.noselect[data-v-aae78eb4]{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.instruments-container[data-v-aae78eb4]{display:flex;margin-top:8px;justify-content:flex-start;align-items:flex-start;padding:8px}.export-button-container-mobile[data-v-aae78eb4]{display:none}.top-bar[data-v-aae78eb4]{display:flex;padding:8px;background:var(--gray-800)}button[data-v-aae78eb4]{background:var(--gray-100);border:0;padding:4px 8px;width:90px;margin-right:2px;font-weight:700;cursor:pointer}button[data-v-aae78eb4]:hover{background:white}.controls-container[data-v-aae78eb4]{display:flex}.active[data-v-aae78eb4]{background:var(--secondary-2)!important;color:#fff}.tempo-container[data-v-aae78eb4]{background:var(--gray-100);display:flex;align-items:center;padding:4px;width:200px}.scale-name[data-v-aae78eb4]{background:var(--gray-600);display:flex;align-items:center;margin-left:2px;color:var(--gray-100)!important;padding:0 12px}.scale-container[data-v-aae78eb4]{display:flex;color:var(--gray-200)}.scale-container__inner[data-v-aae78eb4]{display:flex;padding-left:12px}.root[data-v-aae78eb4]{margin-left:12px}.viz[data-v-aae78eb4]{margin-left:8px;border:1px solid var(--gray-400)}.about[data-v-aae78eb4]{color:var(--gray-300);padding:32px 8px;display:flex;align-items:center;text-transform:lowercase}a[data-v-aae78eb4]{color:var(--gray-300)}.export-button[data-v-aae78eb4]{margin-left:8px}@media (max-width: 768px){.instruments-container[data-v-aae78eb4]{flex-direction:column;padding-top:100px}.top-bar[data-v-aae78eb4]{flex-direction:column;position:fixed;top:0;z-index:100;width:100%;padding:4px 0 0}.controls-container[data-v-aae78eb4]{height:2.4rem}.scale-container[data-v-aae78eb4]{height:2.4rem;background:var(--gray-500);color:var(--gray-100);margin-top:.4rem;margin-bottom:.4rem;padding:2px;justify-content:space-between}.viz[data-v-aae78eb4]{justify-self:flex-end;position:}.tempo-container[data-v-aae78eb4]{width:initial;flex-grow:1}.scale-container__inner[data-v-aae78eb4]{padding:0 8px}.about[data-v-aae78eb4]{justify-content:center}.export-button--desktop[data-v-aae78eb4]{display:none}.export-button-container-mobile[data-v-aae78eb4]{display:flex;width:100%;justify-content:flex-end;margin-bottom:16px;height:2rem}}a[data-v-5d9fc749]{color:#fff!important}.export-app[data-v-5d9fc749]{display:flex;width:100%;justify-content:center;align-items:center;height:100vh}.download-container[data-v-5d9fc749]{height:100%}