body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root,body,div#root,html{overflow:hidden}:root,body,div#root,div.App,html{display:block;height:100%;margin:0;padding:0;position:relative;width:100%}div.launchpad{color:#fff;-webkit-user-select:none;user-select:none}div.launchpad div.launchpad-container{background-color:#333;display:inline-block;margin:0;padding:2em;position:relative}div.launchpad div.launchpad-container div.launchpad-content-area{grid-gap:.3em;aspect-ratio:1/1;display:grid;gap:.3em;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);margin:auto;width:26.1em}div.launchpad div.launchpad-container div.launchpad-content-area div.launchpad-field{aspect-ratio:1/1;background-color:#aaa;border-radius:2px;cursor:pointer;display:inline-block;height:3em;position:relative;transition:background-color .1s ease,background .1s ease;width:3em}div.launchpad div.launchpad-container div.launchpad-content-area div.launchpad-field.launchpad-pad-selected:before{border:2px solid #fff;content:"";display:block;height:calc(100% - 4px);left:0;position:absolute;top:0;width:calc(100% - 4px)}div.launchpad div.launchpad-container div.launchpad-content-area div.launchpad-field:after{background-color:#0000;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}div.launchpad div.launchpad-container div.launchpad-content-area div.launchpad-field:hover:after{background-color:rgba(0,0,0,.267)}div.launchpad div.launchpad-container div.launchpad-content-area div.launchpad-field span{bottom:.1em;font-size:.5em;position:absolute;right:.1em}div.launchpad div.launchpad-container div.launchpad-controls{bottom:5pxm;display:inline-block;font-size:10px;height:20px;position:absolute;right:calc(2em + 4px);width:70px}div.launchpad div.launchpad-container div.launchpad-controls div.launchpad-controls-inner{height:100%;position:relative;width:100%}div.launchpad div.launchpad-container div.launchpad-controls div.launchpad-controls-inner button.launchpad-controls-button{background-color:#0000;border:none;color:#fff;cursor:pointer;padding:0;position:absolute;top:0}div.launchpad div.launchpad-container div.launchpad-controls div.launchpad-controls-inner button.launchpad-controls-button.launchpad-controls-button-left{left:0}div.launchpad div.launchpad-container div.launchpad-controls div.launchpad-controls-inner button.launchpad-controls-button.launchpad-controls-button-right{right:0}div.launchpad div.launchpad-container div.launchpad-controls div.launchpad-controls-inner button.launchpad-controls-button[disabled]{color:#666;cursor:not-allowed}div.launchpad div.launchpad-container div.launchpad-controls div.launchpad-controls-inner button.launchpad-controls-button:hover{color:#ccc}div.launchpad div.launchpad-container div.launchpad-controls div.launchpad-controls-inner span{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}div.editor-panel{background-color:#555;display:block;height:100%;margin:0;padding:0;position:relative;-webkit-user-select:none;user-select:none;width:100%}div.editor-panel div.editor-panel-editors{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);left:0;margin:0 0 1em;overflow:auto;padding:0;position:absolute;top:0;width:80%}div.editor-panel div.editor-panel-editors h3{color:#fff}div.editor-panel div.editor-panel-editors div.editor-panel-preview{align-items:center;display:flex;grid-column:1/2;grid-row:1/5;justify-content:center;min-height:600px;min-width:500px}div.editor-panel div.editor-panel-editors div.editor-panel-preview div.editor-panel-preview-inner{margin:auto}div.editor-panel div.editor-panel-editors div.editor-panel-colors{align-items:center;display:flex;grid-column:2/3;grid-row:1/5;justify-content:center;min-height:600px;min-width:500px}div.editor-panel div.editor-panel-editors div.editor-panel-colors div.editor-panel-colors-inner{margin:auto}div.editor-panel div.editor-panel-settings{height:100%;position:absolute;right:0;top:0;width:20%}div.editor-panel div.editor-panel-settings div.editor-panel-settings-resize{background-color:#222;cursor:ew-resize;display:inline-block;height:100%;position:absolute;width:4px}div.editor-panel div.editor-panel-settings div.editor-panel-settings-inner{float:right;height:100%;width:calc(100% - 4px)}div.editor-panel div.editor-panel-timeline{background-color:#444;bottom:0;height:20%;left:0;position:absolute;width:80%}div.editor-panel div.editor-panel-timeline div.editor-panel-timeline-resize{background-color:#222;cursor:ns-resize;display:inline-block;height:4px;position:absolute;width:100%}div.editor-panel div.editor-panel-timeline div.editor-panel-timeline-inner{height:calc(100% - 4px);position:absolute;top:4px;width:100%}div.settings-panel{background-color:#333;color:#fff;display:inline-block;height:100%;-webkit-user-select:none;user-select:none;width:100%}div.settings-panel div.settings-panel-inner{overflow:hidden;padding:1em}div.settings-panel div.settings-panel-inner .settings-panel-content-section h4{cursor:pointer}div.settings-panel div.settings-panel-inner .settings-panel-content-section .settings-panel-option{display:block;height:30px;position:relative;width:100%}div.settings-panel div.settings-panel-inner .settings-panel-content-section .settings-panel-option label{display:block;font-weight:700;margin:0 0 .5em;position:absolute;top:50%;transform:translateY(-50%)}div.settings-panel div.settings-panel-inner .settings-panel-content-section .settings-panel-option span.input{display:block;margin:0 0 1em;position:absolute;right:0;top:50%;transform:translateY(-50%)}div.timeline{height:100%;overflow:auto;-webkit-user-select:none;user-select:none;width:100%}div.timeline div.timeline-inner{height:100%;padding-top:24px;position:relative;width:100%}div.timeline div.timeline-inner div.timeline-header{background-color:#444;height:24px;left:0;overflow:hidden;padding-left:20px;position:absolute;top:0;width:calc(100% + 8px)}div.timeline div.timeline-inner div.timeline-header .timeline-header-play-pause{align-items:center;background-color:#0000;border:none;color:#fff;cursor:pointer;height:100%;justify-content:center;left:0;margin:0;padding:0;position:absolute;top:0;width:20px}div.timeline div.timeline-inner div.timeline-header .timeline-header-play-pause svg{height:12px;width:12px}div.timeline div.timeline-inner div.timeline-header div.timeline-header-inner{height:100%;overflow:hidden;width:100%}div.timeline div.timeline-inner div.timeline-header div.timeline-header-inner div.timeline-header-cursor{background-color:#aaa;border-radius:2px;color:#fff;cursor:ew-resize;height:100%;position:absolute;top:0;transform:translateX(19px);width:4px}div.timeline div.timeline-inner div.timeline-header div.timeline-header-inner div.timeline-header-cursor svg{pointer-events:none;transform:translateX(-50%) translate(2px,-15px)}div.timeline div.timeline-inner div.timeline-header div.timeline-header-inner div.timeline-header-unit{border-left:1px solid #fff;border-right:1px solid #fff;display:inline-block;height:100%}div.timeline div.timeline-inner div.timeline-header div.timeline-header-inner div.timeline-header-unit div.timeline-header-unit-sub{border-left:1px solid #ccc;display:inline-block;height:100%}div.timeline div.timeline-inner div.timeline-pad{display:block;height:24px;margin:0;padding:0;position:relative}div.timeline div.timeline-inner div.timeline-pad+.timeline-pad{border-top:1px solid #333}div.timeline div.timeline-inner div.timeline-pad div.pad-label{color:#fff;display:block;font-size:.8em;left:0;margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%)}div.timeline div.timeline-inner div.timeline-pad div.pad-timeline{height:100%;left:20px;position:absolute;top:0}div.timeline div.timeline-inner div.timeline-pad div.pad-timeline div.timeline-color{background-color:var(--lp-color);border-bottom:2px solid var(--lp-color-dark);border-top:2px solid var(--lp-color-dark);height:calc(100% - 4px);left:0;position:absolute;top:0;z-index:1}div.timeline div.timeline-inner div.timeline-pad div.pad-timeline div.timeline-color div.timeline-color-resize-inner{border-bottom:2px solid rgba(0,0,0,.333);border-top:2px solid rgba(0,0,0,.333);height:calc(100% - 4px);position:relative;width:100%}div.timeline div.timeline-inner div.timeline-pad div.pad-timeline div.timeline-color div.timeline-color-resize-inner div.timeline-color-resize-left{border-left:2px solid rgba(0,0,0,.333);cursor:ew-resize;height:100%;left:0;position:absolute;top:0;width:3px}div.timeline div.timeline-inner div.timeline-pad div.pad-timeline div.timeline-color div.timeline-color-resize-inner div.timeline-color-resize-right{border-right:2px solid rgba(0,0,0,.333);cursor:ew-resize;height:100%;position:absolute;right:0;top:0;width:3px}div.midi-controller svg{aspect-ratio:1/1;background-color:#000;height:482px;max-height:482px;max-width:482px;width:482px}div.midi-controller .pad-1-10:hover,div.midi-controller .pad-1-11:hover,div.midi-controller .pad-1-12:hover,div.midi-controller .pad-1-13:hover,div.midi-controller .pad-1-14:hover,div.midi-controller .pad-1-15:hover,div.midi-controller .pad-1-16:hover,div.midi-controller .pad-1-1:hover,div.midi-controller .pad-1-2:hover,div.midi-controller .pad-1-3:hover,div.midi-controller .pad-1-4:hover,div.midi-controller .pad-1-5:hover,div.midi-controller .pad-1-6:hover,div.midi-controller .pad-1-7:hover,div.midi-controller .pad-1-8:hover,div.midi-controller .pad-1-9:hover,div.midi-controller .pad-10-10:hover,div.midi-controller .pad-10-11:hover,div.midi-controller .pad-10-12:hover,div.midi-controller .pad-10-13:hover,div.midi-controller .pad-10-14:hover,div.midi-controller .pad-10-15:hover,div.midi-controller .pad-10-16:hover,div.midi-controller .pad-10-1:hover,div.midi-controller .pad-10-2:hover,div.midi-controller .pad-10-3:hover,div.midi-controller .pad-10-4:hover,div.midi-controller .pad-10-5:hover,div.midi-controller .pad-10-6:hover,div.midi-controller .pad-10-7:hover,div.midi-controller .pad-10-8:hover,div.midi-controller .pad-10-9:hover,div.midi-controller .pad-11-10:hover,div.midi-controller .pad-11-11:hover,div.midi-controller .pad-11-12:hover,div.midi-controller .pad-11-13:hover,div.midi-controller .pad-11-14:hover,div.midi-controller .pad-11-15:hover,div.midi-controller .pad-11-16:hover,div.midi-controller .pad-11-1:hover,div.midi-controller .pad-11-2:hover,div.midi-controller .pad-11-3:hover,div.midi-controller .pad-11-4:hover,div.midi-controller .pad-11-5:hover,div.midi-controller .pad-11-6:hover,div.midi-controller .pad-11-7:hover,div.midi-controller .pad-11-8:hover,div.midi-controller .pad-11-9:hover,div.midi-controller .pad-12-10:hover,div.midi-controller .pad-12-11:hover,div.midi-controller .pad-12-12:hover,div.midi-controller .pad-12-13:hover,div.midi-controller .pad-12-14:hover,div.midi-controller .pad-12-15:hover,div.midi-controller .pad-12-16:hover,div.midi-controller .pad-12-1:hover,div.midi-controller .pad-12-2:hover,div.midi-controller .pad-12-3:hover,div.midi-controller .pad-12-4:hover,div.midi-controller .pad-12-5:hover,div.midi-controller .pad-12-6:hover,div.midi-controller .pad-12-7:hover,div.midi-controller .pad-12-8:hover,div.midi-controller .pad-12-9:hover,div.midi-controller .pad-13-10:hover,div.midi-controller .pad-13-11:hover,div.midi-controller .pad-13-12:hover,div.midi-controller .pad-13-13:hover,div.midi-controller .pad-13-14:hover,div.midi-controller .pad-13-15:hover,div.midi-controller .pad-13-16:hover,div.midi-controller .pad-13-1:hover,div.midi-controller .pad-13-2:hover,div.midi-controller .pad-13-3:hover,div.midi-controller .pad-13-4:hover,div.midi-controller .pad-13-5:hover,div.midi-controller .pad-13-6:hover,div.midi-controller .pad-13-7:hover,div.midi-controller .pad-13-8:hover,div.midi-controller .pad-13-9:hover,div.midi-controller .pad-14-10:hover,div.midi-controller .pad-14-11:hover,div.midi-controller .pad-14-12:hover,div.midi-controller .pad-14-13:hover,div.midi-controller .pad-14-14:hover,div.midi-controller .pad-14-15:hover,div.midi-controller .pad-14-16:hover,div.midi-controller .pad-14-1:hover,div.midi-controller .pad-14-2:hover,div.midi-controller .pad-14-3:hover,div.midi-controller .pad-14-4:hover,div.midi-controller .pad-14-5:hover,div.midi-controller .pad-14-6:hover,div.midi-controller .pad-14-7:hover,div.midi-controller .pad-14-8:hover,div.midi-controller .pad-14-9:hover,div.midi-controller .pad-15-10:hover,div.midi-controller .pad-15-11:hover,div.midi-controller .pad-15-12:hover,div.midi-controller .pad-15-13:hover,div.midi-controller .pad-15-14:hover,div.midi-controller .pad-15-15:hover,div.midi-controller .pad-15-16:hover,div.midi-controller .pad-15-1:hover,div.midi-controller .pad-15-2:hover,div.midi-controller .pad-15-3:hover,div.midi-controller .pad-15-4:hover,div.midi-controller .pad-15-5:hover,div.midi-controller .pad-15-6:hover,div.midi-controller .pad-15-7:hover,div.midi-controller .pad-15-8:hover,div.midi-controller .pad-15-9:hover,div.midi-controller .pad-16-10:hover,div.midi-controller .pad-16-11:hover,div.midi-controller .pad-16-12:hover,div.midi-controller .pad-16-13:hover,div.midi-controller .pad-16-14:hover,div.midi-controller .pad-16-15:hover,div.midi-controller .pad-16-16:hover,div.midi-controller .pad-16-1:hover,div.midi-controller .pad-16-2:hover,div.midi-controller .pad-16-3:hover,div.midi-controller .pad-16-4:hover,div.midi-controller .pad-16-5:hover,div.midi-controller .pad-16-6:hover,div.midi-controller .pad-16-7:hover,div.midi-controller .pad-16-8:hover,div.midi-controller .pad-16-9:hover,div.midi-controller .pad-2-10:hover,div.midi-controller .pad-2-11:hover,div.midi-controller .pad-2-12:hover,div.midi-controller .pad-2-13:hover,div.midi-controller .pad-2-14:hover,div.midi-controller .pad-2-15:hover,div.midi-controller .pad-2-16:hover,div.midi-controller .pad-2-1:hover,div.midi-controller .pad-2-2:hover,div.midi-controller .pad-2-3:hover,div.midi-controller .pad-2-4:hover,div.midi-controller .pad-2-5:hover,div.midi-controller .pad-2-6:hover,div.midi-controller .pad-2-7:hover,div.midi-controller .pad-2-8:hover,div.midi-controller .pad-2-9:hover,div.midi-controller .pad-3-10:hover,div.midi-controller .pad-3-11:hover,div.midi-controller .pad-3-12:hover,div.midi-controller .pad-3-13:hover,div.midi-controller .pad-3-14:hover,div.midi-controller .pad-3-15:hover,div.midi-controller .pad-3-16:hover,div.midi-controller .pad-3-1:hover,div.midi-controller .pad-3-2:hover,div.midi-controller .pad-3-3:hover,div.midi-controller .pad-3-4:hover,div.midi-controller .pad-3-5:hover,div.midi-controller .pad-3-6:hover,div.midi-controller .pad-3-7:hover,div.midi-controller .pad-3-8:hover,div.midi-controller .pad-3-9:hover,div.midi-controller .pad-4-10:hover,div.midi-controller .pad-4-11:hover,div.midi-controller .pad-4-12:hover,div.midi-controller .pad-4-13:hover,div.midi-controller .pad-4-14:hover,div.midi-controller .pad-4-15:hover,div.midi-controller .pad-4-16:hover,div.midi-controller .pad-4-1:hover,div.midi-controller .pad-4-2:hover,div.midi-controller .pad-4-3:hover,div.midi-controller .pad-4-4:hover,div.midi-controller .pad-4-5:hover,div.midi-controller .pad-4-6:hover,div.midi-controller .pad-4-7:hover,div.midi-controller .pad-4-8:hover,div.midi-controller .pad-4-9:hover,div.midi-controller .pad-5-10:hover,div.midi-controller .pad-5-11:hover,div.midi-controller .pad-5-12:hover,div.midi-controller .pad-5-13:hover,div.midi-controller .pad-5-14:hover,div.midi-controller .pad-5-15:hover,div.midi-controller .pad-5-16:hover,div.midi-controller .pad-5-1:hover,div.midi-controller .pad-5-2:hover,div.midi-controller .pad-5-3:hover,div.midi-controller .pad-5-4:hover,div.midi-controller .pad-5-5:hover,div.midi-controller .pad-5-6:hover,div.midi-controller .pad-5-7:hover,div.midi-controller .pad-5-8:hover,div.midi-controller .pad-5-9:hover,div.midi-controller .pad-6-10:hover,div.midi-controller .pad-6-11:hover,div.midi-controller .pad-6-12:hover,div.midi-controller .pad-6-13:hover,div.midi-controller .pad-6-14:hover,div.midi-controller .pad-6-15:hover,div.midi-controller .pad-6-16:hover,div.midi-controller .pad-6-1:hover,div.midi-controller .pad-6-2:hover,div.midi-controller .pad-6-3:hover,div.midi-controller .pad-6-4:hover,div.midi-controller .pad-6-5:hover,div.midi-controller .pad-6-6:hover,div.midi-controller .pad-6-7:hover,div.midi-controller .pad-6-8:hover,div.midi-controller .pad-6-9:hover,div.midi-controller .pad-7-10:hover,div.midi-controller .pad-7-11:hover,div.midi-controller .pad-7-12:hover,div.midi-controller .pad-7-13:hover,div.midi-controller .pad-7-14:hover,div.midi-controller .pad-7-15:hover,div.midi-controller .pad-7-16:hover,div.midi-controller .pad-7-1:hover,div.midi-controller .pad-7-2:hover,div.midi-controller .pad-7-3:hover,div.midi-controller .pad-7-4:hover,div.midi-controller .pad-7-5:hover,div.midi-controller .pad-7-6:hover,div.midi-controller .pad-7-7:hover,div.midi-controller .pad-7-8:hover,div.midi-controller .pad-7-9:hover,div.midi-controller .pad-8-10:hover,div.midi-controller .pad-8-11:hover,div.midi-controller .pad-8-12:hover,div.midi-controller .pad-8-13:hover,div.midi-controller .pad-8-14:hover,div.midi-controller .pad-8-15:hover,div.midi-controller .pad-8-16:hover,div.midi-controller .pad-8-1:hover,div.midi-controller .pad-8-2:hover,div.midi-controller .pad-8-3:hover,div.midi-controller .pad-8-4:hover,div.midi-controller .pad-8-5:hover,div.midi-controller .pad-8-6:hover,div.midi-controller .pad-8-7:hover,div.midi-controller .pad-8-8:hover,div.midi-controller .pad-8-9:hover,div.midi-controller .pad-9-10:hover,div.midi-controller .pad-9-11:hover,div.midi-controller .pad-9-12:hover,div.midi-controller .pad-9-13:hover,div.midi-controller .pad-9-14:hover,div.midi-controller .pad-9-15:hover,div.midi-controller .pad-9-16:hover,div.midi-controller .pad-9-1:hover,div.midi-controller .pad-9-2:hover,div.midi-controller .pad-9-3:hover,div.midi-controller .pad-9-4:hover,div.midi-controller .pad-9-5:hover,div.midi-controller .pad-9-6:hover,div.midi-controller .pad-9-7:hover,div.midi-controller .pad-9-8:hover,div.midi-controller .pad-9-9:hover{cursor:pointer;opacity:.5}div.midi-controller .clickThrough{pointer-events:none}div.changelog-area{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}div.changelog-area div.changelog{background-color:#333;border-radius:5px;color:#fff;left:50%;max-height:80%;max-width:800px;overflow-y:auto;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}
/*# sourceMappingURL=main.3464ec10.css.map*/