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-3391864d]{display:flex;justify-content:space-between;align-items:center;width:100%}.track[data-v-3391864d]{margin-right:1rem;position:relative;width:100%;height:8px;background:linear-gradient(var(--gray-600),var(--gray-700));padding:0}.progress[data-v-3391864d]{position:absolute;top:0;left:0;background:linear-gradient(var(--primary-2),var(--primary-2));height:100%;margin:0}.handle[data-v-3391864d]{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-3391864d]:hover,.handle.active[data-v-3391864d]{filter:brightness(1.2)}.numeric[data-v-3391864d]{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-3391864d]{background:transparent;width:100%;color:inherit;border:0;height:100%}.val-input[data-v-3391864d]:hover{background:rgba(255,255,255,.05)}.val-input[data-v-3391864d]:focus{outline:none;background:rgba(255,255,255,.08);color:#fff}@media (max-width: 768px){.track[data-v-3391864d]{height:16px}.val-input[data-v-3391864d]{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-8a36b0fe]{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:110;overflow:hidden}.overlay[data-v-8a36b0fe]{background:rgba(0,0,0,.7);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.main[data-v-8a36b0fe]{width:400px;min-height:200px;background:var(--gray-500);color:var(--gray-100);overflow:hidden}.header[data-v-8a36b0fe]{display:flex;background:var(--gray-700);color:#fff;justify-content:space-between;align-items:center;overflow:hidden}.inner[data-v-8a36b0fe]{padding:16px}button[data-v-8a36b0fe]{background:var(--gray-100);border:0;padding:8px;width:90px;margin-right:2px;font-weight:700;cursor:pointer}button[data-v-8a36b0fe]:hover{background:white}.header button[data-v-8a36b0fe]{height:100%}.close-button[data-v-8a36b0fe]{margin-right:4px;height:2rem!important;width:2.5rem}iframe[data-v-8a36b0fe]{border:0;width:100%;height:100%}.info-container[data-v-8a36b0fe]{margin-top:16px;margin-bottom:4px;display:flex;flex-direction:row;justify-content:space-between;row-gap:5px}@media (max-width: 768px){.main[data-v-8a36b0fe]{width:80vw;height:80vh}}select[data-v-63f4c35f]{height:100%;padding:0 8px}.noselect[data-v-63f4c35f]{-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-63f4c35f]{display:flex;margin-top:8px;justify-content:flex-start;align-items:flex-start;padding:8px}.export-button-container-mobile[data-v-63f4c35f]{display:none}.top-bar[data-v-63f4c35f]{display:flex;padding:8px;background:var(--gray-800)}button[data-v-63f4c35f]{background:var(--gray-100);border:0;padding:4px 8px;width:90px;margin-right:2px;font-weight:700;cursor:pointer}button[data-v-63f4c35f]:hover{background:white}.controls-container[data-v-63f4c35f]{display:flex}.active[data-v-63f4c35f]{background:var(--secondary-2)!important;color:#fff}.tempo-container[data-v-63f4c35f]{background:var(--gray-100);display:flex;align-items:center;padding:4px;width:200px}.scale-name[data-v-63f4c35f]{background:var(--gray-600);display:flex;align-items:center;margin-left:2px;color:var(--gray-100)!important;padding:0 12px}.scale-container[data-v-63f4c35f]{display:flex;color:var(--gray-200)}.scale-container__inner[data-v-63f4c35f]{display:flex;padding-left:12px}.root[data-v-63f4c35f]{margin-left:12px}.viz[data-v-63f4c35f]{margin-left:8px;border:1px solid var(--gray-400)}.about[data-v-63f4c35f]{color:var(--gray-300);padding:32px 8px;display:flex;align-items:center;text-transform:lowercase}a[data-v-63f4c35f]{color:var(--gray-300)}.export-button[data-v-63f4c35f]{margin-left:8px}@media (max-width: 768px){.instruments-container[data-v-63f4c35f]{flex-direction:column;padding-top:100px}.top-bar[data-v-63f4c35f]{flex-direction:column;position:fixed;top:0;z-index:100;width:100%;padding:4px 0 0}.controls-container[data-v-63f4c35f]{height:2.4rem}.scale-container[data-v-63f4c35f]{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-63f4c35f]{justify-self:flex-end}.tempo-container[data-v-63f4c35f]{width:initial;flex-grow:1}.scale-container__inner[data-v-63f4c35f]{padding:0 8px}.about[data-v-63f4c35f]{justify-content:center}.export-button--desktop[data-v-63f4c35f]{display:none}.export-button-container-mobile[data-v-63f4c35f]{display:flex;width:100%;justify-content:flex-end;margin-bottom:16px;height:2rem}}a[data-v-1d16dc6d]{color:#fff!important}.progress-container[data-v-1d16dc6d]{background:var(--gray-300);width:80%;height:32px;position:relative}.progress-bar[data-v-1d16dc6d]{height:100%;background:var(--gray-100);position:relative}.progress-text[data-v-1d16dc6d]{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);color:var(--gray-800)}.export-app[data-v-1d16dc6d]{display:flex;width:100%;justify-content:center;align-items:center;height:100vh}.download-container[data-v-1d16dc6d]{height:100%}