.rangeSlider{--pip:var(--range-pip, lightslategray);--pip-text:var(--range-pip-text, var(--pip));--pip-active:var(--range-pip-active, darkslategrey);--pip-active-text:var(--range-pip-active-text, var(--pip-active));--pip-hover:var(--range-pip-hover, darkslategrey);--pip-hover-text:var(--range-pip-hover-text, var(--pip-hover));--pip-in-range:var(--range-pip-in-range, var(--pip-active));--pip-in-range-text:var(--range-pip-in-range-text, var(--pip-active-text))}.rangePips{position:absolute;height:1em;left:0;right:0;bottom:-1em}.rangePips.vertical{height:auto;width:1em;left:100%;right:auto;top:0;bottom:0}.rangePips .pip{height:.4em;position:absolute;top:.25em;width:1px;white-space:nowrap}.rangePips.vertical .pip{height:1px;width:.4em;left:.25em;top:auto;bottom:auto}.rangePips .pipVal{position:absolute;top:.4em;transform:translate(-50%,25%)}.rangePips.vertical .pipVal{position:absolute;top:0;left:.4em;transform:translate(25%,-50%)}.rangePips .pip{transition:all .15s ease}.rangePips .pipVal{transition:all .15s ease,font-weight 0s linear}.rangePips .pip{color:#789;color:var(--pip-text);background-color:#789;background-color:var(--pip)}.rangePips .pip.selected{color:#2f4f4f;color:var(--pip-active-text);background-color:#2f4f4f;background-color:var(--pip-active)}.rangePips.hoverable:not(.disabled) .pip:hover{color:#2f4f4f;color:var(--pip-hover-text);background-color:#2f4f4f;background-color:var(--pip-hover)}.rangePips .pip.in-range{color:#2f4f4f;color:var(--pip-in-range-text);background-color:#2f4f4f;background-color:var(--pip-in-range)}.rangePips .pip.selected{height:.75em}.rangePips.vertical .pip.selected{height:1px;width:.75em}.rangePips .pip.selected .pipVal{font-weight:700;top:.75em}.rangePips.vertical .pip.selected .pipVal{top:0;left:.75em}.rangePips.hoverable:not(.disabled) .pip:not(.selected):hover{transition:none}.rangePips.hoverable:not(.disabled) .pip:not(.selected):hover .pipVal{transition:none;font-weight:700}.rangeSlider{--slider:var(--range-slider, #d7dada);--handle-inactive:var(--range-handle-inactive, #99a2a2);--handle:var(--range-handle, #838de7);--handle-focus:var(--range-handle-focus, #4a40d4);--handle-border:var(--range-handle-border, var(--handle));--range-inactive:var(--range-range-inactive, var(--handle-inactive));--range:var(--range-range, var(--handle-focus));--float-inactive:var(--range-float-inactive, var(--handle-inactive));--float:var(--range-float, var(--handle-focus));--float-text:var(--range-float-text, white)}.rangeSlider{position:relative;border-radius:100px;height:.5em;margin:1em;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.rangeSlider *{-webkit-user-select:none;user-select:none}.rangeSlider.pips{margin-bottom:1.8em}.rangeSlider.pip-labels{margin-bottom:2.8em}.rangeSlider.vertical{display:inline-block;border-radius:100px;width:.5em;min-height:200px}.rangeSlider.vertical.pips{margin-right:1.8em;margin-bottom:1em}.rangeSlider.vertical.pip-labels{margin-right:2.8em;margin-bottom:1em}.rangeSlider .rangeHandle{position:absolute;display:block;height:1.4em;width:1.4em;top:.25em;bottom:auto;transform:translateY(-50%) translate(-50%);z-index:2}.rangeSlider.reversed .rangeHandle{transform:translateY(-50%) translate(50%)}.rangeSlider.vertical .rangeHandle{left:.25em;top:auto;transform:translateY(50%) translate(-50%)}.rangeSlider.vertical.reversed .rangeHandle{transform:translateY(-50%) translate(-50%)}.rangeSlider .rangeNub,.rangeSlider .rangeHandle:before{position:absolute;left:0;top:0;display:block;border-radius:10em;height:100%;width:100%;transition:box-shadow .2s ease}.rangeSlider .rangeHandle:before{content:"";left:1px;top:1px;bottom:1px;right:1px;height:auto;width:auto;box-shadow:0 0 0 0 var(--handle-border);opacity:0}.rangeSlider.hoverable:not(.disabled) .rangeHandle:hover:before{box-shadow:0 0 0 8px var(--handle-border);opacity:.2}.rangeSlider.hoverable:not(.disabled) .rangeHandle.press:before,.rangeSlider.hoverable:not(.disabled) .rangeHandle.press:hover:before{box-shadow:0 0 0 12px var(--handle-border);opacity:.4}.rangeSlider.range:not(.min):not(.max) .rangeNub{border-radius:10em 10em 10em 1.6em}.rangeSlider.range .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(-135deg)}.rangeSlider.range .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(45deg)}.rangeSlider.range.reversed .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(45deg)}.rangeSlider.range.reversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(-135deg)}.rangeSlider.range.vertical .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(135deg)}.rangeSlider.range.vertical .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(-45deg)}.rangeSlider.range.vertical.reversed .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(-45deg)}.rangeSlider.range.vertical.reversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(135deg)}.rangeSlider .rangeFloat{display:block;position:absolute;left:50%;top:-.5em;transform:translate(-50%,-100%);font-size:1em;text-align:center;opacity:0;pointer-events:none;white-space:nowrap;transition:all .2s ease;font-size:.9em;padding:.2em .4em;border-radius:.2em}.rangeSlider .rangeHandle.active .rangeFloat,.rangeSlider.hoverable .rangeHandle:hover .rangeFloat{opacity:1;top:-.2em;transform:translate(-50%,-100%)}.rangeSlider .rangeBar{position:absolute;display:block;transition:background .2s ease;border-radius:1em;height:.5em;top:0;-webkit-user-select:none;user-select:none;z-index:1}.rangeSlider.vertical .rangeBar{width:.5em;height:auto}.rangeSlider{background-color:#d7dada;background-color:var(--slider)}.rangeSlider .rangeBar{background-color:#99a2a2;background-color:var(--range-inactive)}.rangeSlider.focus .rangeBar{background-color:#838de7;background-color:var(--range)}.rangeSlider .rangeNub{background-color:#99a2a2;background-color:var(--handle-inactive)}.rangeSlider.focus .rangeNub{background-color:#838de7;background-color:var(--handle)}.rangeSlider .rangeHandle.active .rangeNub{background-color:#4a40d4;background-color:var(--handle-focus)}.rangeSlider .rangeFloat{color:#fff;color:var(--float-text);background-color:#99a2a2;background-color:var(--float-inactive)}.rangeSlider.focus .rangeFloat{background-color:#4a40d4;background-color:var(--float)}.rangeSlider.disabled{opacity:.5}.rangeSlider.disabled .rangeNub{background-color:#d7dada;background-color:var(--slider)}:root{--dark: rgb(33,33,33);--mid: rgb(75, 75, 75);--mid2: rgb(119, 0, 230);--mid2high: rgb(193, 126, 255);--mid3: #727272;--text: rgb(200,200,200);--range-handle-focus: var(--mid2);--range-handle-border: var(--mid2);--range-slider: var(--mid);--range-range-inactive: var(--dark)}html{background:#000;text-transform:lowercase}a{color:var(--mid2high)}.bg{position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(var(--mid),var(--dark));max-height:100vh;opacity:.5;z-index:-100}.main{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--dark);color:var(--text);width:45vmax;margin:0 auto;font-size:1.25vmax;transition:all .2s;outline:1px solid var(--mid);padding:2vmax}@media screen and (max-width: 700px){.main{width:95vw;font-size:2vmax}}button{background:var(--mid);color:var(--text);border:none;outline:.1vmax solid var(--mid3);outline:none;padding:.5vmax 1vmax;border-radius:.5vmax;font-size:1.5vmax;transition:all .25s;margin-top:1vmax;margin-bottom:1vmax;text-transform:lowercase}button:active{background:var(--mid2)}:global(button:hover){background:var(--mid3)}hr{border-color:var(--mid)}input{font-size:1vmax;padding:1vmax;border-radius:.5vmax;background:var(--dark);color:var(--text)}.hide{visibility:hidden;width:0;height:0;position:fixed;left:-999;top:-999}.control-wrap{min-height:40vmax}.kitlab-logo{display:inline-block;font-size:4vmax}.ra-logo{width:25%;display:inline-block;float:right;position:relative;top:2vmax}.play-btn{min-width:16vmax}.random-btn{min-width:8vmax}.toggle-active,.tab-active{background:var(--mid2)}.spectrum{border:.25vmax solid var(--text);border-radius:1.5vmax;width:99%;height:20vmax}.adsr-vis{width:58%;height:15vmax;display:inline-block;position:relative;bottom:1.5vmax;margin-left:2vmax}.slider-hor{display:inline-block;width:49%}.slider-vert{display:inline-block;text-align:center;max-width:3vmax}.slider-vert .rangeSlider.vertical{height:25vmax;max-height:15vmax}.label-vert{text-align:center;transform:rotate(-90deg);line-height:3vmax;position:relative}.label-hor{font-style:italic;padding:.5vmax}.inline-help{border-left:.1vmax solid var(--text);padding:1vmax;text-align:left}.vu-meter{height:24vmax;width:1vmax;background:var(--mid2);display:inline-block}.textarea{color:var(--mid2);background:var(--dark);width:100%;height:25vmax;border:0}.margin-right{margin-right:2vmax}.footer{font-size:.75vmax}@font-face{font-family:icons;src:url(./icons.wCFVpkVJ.eot?441e89e64206c71748e6f20bc8b51d95?#iefix) format("embedded-opentype"),url(./icons.3MoKrdBS.woff2?441e89e64206c71748e6f20bc8b51d95) format("woff2"),url(./icons.nA2PYDrC.woff?441e89e64206c71748e6f20bc8b51d95) format("woff"),url(./icons.TGVYpSuO.ttf?441e89e64206c71748e6f20bc8b51d95) format("truetype"),url(./icons.iN3NvbaG.svg?441e89e64206c71748e6f20bc8b51d95#icons) format("svg")}i[class^=mi-]:before,i[class*=" mi-"]:before{font-family:icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mi-add:before{content:""}.mi-archive:before{content:""}.mi-arrow-down:before{content:""}.mi-arrow-left-down:before{content:""}.mi-arrow-left-up:before{content:""}.mi-arrow-left:before{content:""}.mi-arrow-right-down:before{content:""}.mi-arrow-right-up:before{content:""}.mi-arrow-right:before{content:""}.mi-arrow-up:before{content:""}.mi-attachment:before{content:""}.mi-backspace:before{content:""}.mi-ban:before{content:""}.mi-bar-chart-alt:before{content:""}.mi-bar-chart:before{content:""}.mi-board:before{content:""}.mi-bold:before{content:""}.mi-book:before{content:""}.mi-bookmark:before{content:""}.mi-calendar:before{content:""}.mi-call:before{content:""}.mi-camera:before{content:""}.mi-caret-down:before{content:""}.mi-caret-left:before{content:""}.mi-caret-right:before{content:""}.mi-caret-up:before{content:""}.mi-check:before{content:""}.mi-chevron-double-down:before{content:""}.mi-chevron-double-left:before{content:""}.mi-chevron-double-right:before{content:""}.mi-chevron-double-up:before{content:""}.mi-chevron-down:before{content:""}.mi-chevron-left:before{content:""}.mi-chevron-right:before{content:""}.mi-chevron-up:before{content:""}.mi-circle-add:before{content:""}.mi-circle-arrow-down:before{content:""}.mi-circle-arrow-left:before{content:""}.mi-circle-arrow-right:before{content:""}.mi-circle-arrow-up:before{content:""}.mi-circle-check:before{content:""}.mi-circle-error:before{content:""}.mi-circle-help:before{content:""}.mi-circle-information:before{content:""}.mi-circle-remove:before{content:""}.mi-circle-warning:before{content:""}.mi-circle:before{content:""}.mi-clipboard-check:before{content:""}.mi-clipboard-list:before{content:""}.mi-clipboard:before{content:""}.mi-clock:before{content:""}.mi-close:before{content:""}.mi-cloud-download:before{content:""}.mi-cloud-upload:before{content:""}.mi-cloud:before{content:""}.mi-cloudy:before{content:""}.mi-comment:before{content:""}.mi-compass:before{content:""}.mi-computer:before{content:""}.mi-copy:before{content:""}.mi-credit-card:before{content:""}.mi-database:before{content:""}.mi-delete-alt:before{content:""}.mi-delete:before{content:""}.mi-document-add:before{content:""}.mi-document-check:before{content:""}.mi-document-download:before{content:""}.mi-document-empty:before{content:""}.mi-document-remove:before{content:""}.mi-document:before{content:""}.mi-download:before{content:""}.mi-drag:before{content:""}.mi-drop:before{content:""}.mi-edit-alt:before{content:""}.mi-edit:before{content:""}.mi-email:before{content:""}.mi-enter:before{content:""}.mi-expand:before{content:""}.mi-export:before{content:""}.mi-external-link:before{content:""}.mi-eye-off:before{content:""}.mi-eye:before{content:""}.mi-favorite:before{content:""}.mi-filter-1:before{content:""}.mi-filter-alt:before{content:""}.mi-filter:before{content:""}.mi-flag:before{content:""}.mi-fog:before{content:""}.mi-folder-add:before{content:""}.mi-folder-check:before{content:""}.mi-folder-download:before{content:""}.mi-folder-remove:before{content:""}.mi-folder:before{content:""}.mi-grid:before{content:""}.mi-heart:before{content:""}.mi-home:before{content:""}.mi-image:before{content:""}.mi-inbox:before{content:""}.mi-italic:before{content:""}.mi-laptop:before{content:""}.mi-layers:before{content:""}.mi-layout:before{content:""}.mi-link-alt:before{content:""}.mi-link:before{content:""}.mi-list:before{content:""}.mi-location:before{content:""}.mi-lock:before{content:""}.mi-log-in:before{content:""}.mi-log-out:before{content:""}.mi-map:before{content:""}.mi-megaphone:before{content:""}.mi-menu:before{content:""}.mi-message-alt:before{content:""}.mi-message:before{content:""}.mi-minimize:before{content:""}.mi-mobile:before{content:""}.mi-moon:before{content:""}.mi-next:before{content:""}.mi-notification-off:before{content:""}.mi-notification:before{content:""}.mi-options-horizontal:before{content:""}.mi-options-vertical:before{content:""}.mi-pause:before{content:""}.mi-pen:before{content:""}.mi-percentage:before{content:""}.mi-pin:before{content:""}.mi-play:before{content:""}.mi-previous:before{content:""}.mi-print:before{content:""}.mi-rain:before{content:""}.mi-refresh:before{content:""}.mi-remove:before{content:""}.mi-reorder-alt:before{content:""}.mi-reorder:before{content:""}.mi-repeat:before{content:""}.mi-save:before{content:""}.mi-search:before{content:""}.mi-select:before{content:""}.mi-send:before{content:""}.mi-settings:before{content:""}.mi-share:before{content:""}.mi-shopping-cart-add:before{content:""}.mi-shopping-cart:before{content:""}.mi-shuffle:before{content:""}.mi-snow:before{content:""}.mi-snowflake:before{content:""}.mi-sort:before{content:""}.mi-speakers:before{content:""}.mi-stop:before{content:""}.mi-storm:before{content:""}.mi-strikethrough:before{content:""}.mi-sun:before{content:""}.mi-sunrise-1:before{content:""}.mi-sunrise:before{content:""}.mi-sunset:before{content:""}.mi-switch:before{content:""}.mi-table:before{content:""}.mi-tablet:before{content:""}.mi-tag:before{content:""}.mi-temperature:before{content:""}.mi-text:before{content:""}.mi-three-rows:before{content:""}.mi-two-columns:before{content:""}.mi-two-rows:before{content:""}.mi-underline:before{content:""}.mi-undo:before{content:""}.mi-unlock:before{content:""}.mi-user-add:before{content:""}.mi-user-check:before{content:""}.mi-user-remove:before{content:""}.mi-user:before{content:""}.mi-users:before{content:""}.mi-volume-off:before{content:""}.mi-volume-up:before{content:""}.mi-warning:before{content:""}.mi-webcam:before{content:""}.mi-wind:before{content:""}.mi-window:before{content:""}.mi-zoom-in:before{content:""}.mi-zoom-out:before{content:""}