.modal{display:none;position:fixed;z-index:100;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:scroll;background-color:#000;background-color:#0006}.filewidget{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:80%;max-width:500px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@-webkit-keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.fw-close{color:#000;float:right;font-size:28px;font-weight:700}.fw-close:hover,.fw-close:focus{color:#000;text-decoration:none;cursor:pointer}.fw-btn-frame td,th{border:none}.fw-header{padding:2px 16px;background-color:#e0e0e0;color:#000}.fw-but{min-width:40px;border:2px solid;border-radius:2px;box-shadow:1px 1px 1px #7f7f7f}.fw-body{padding:2px 16px;background-color:#f8f8f0}.wrapper{overflow:scroll;height:320px}.fw-footer{padding:2px 16px;background-color:#e0e0e0;color:#000}.tab_check{width:1em}.table_name{position:relative;color:#00f}.table_name a,.table_sort a{position:absolute;top:0;left:0;width:100%;height:100%}.table_bts{position:relative;text-align:center}.table_bts a{position:absolute;top:0;left:0;width:100%;height:100%}.table_dts{width:4em;position:relative;text-align:right}.table_cmd{width:2.5em;position:relative;text-align:center}.table_cmd a{position:absolute;top:0;left:0;width:100%;height:100%}#uploader{background-color:ivory}.direntry,.fileentry{text-decoration:none}.filetab{text-align:left;border-collapse:collapse;width:100%}.filetab .file-select{background-color:silver}.filetab td,th{border:solid 1px #888888;color:#000}.inlab{float:left;vertical-align:middle}.inspan{display:block;overflow:hidden;padding-right:5px}#fw-name{width:100%}.error-line{background-color:#fdd}.fullbox{width:90vw;height:80vh}.statusbox,.tinybox{width:30vw}.nobord td,th{border:none;width:auto}.boffo{border:none;padding:0;margin:0;width:auto}.tinygap{font-size:2pt}body{background-color:#f8f8f8}.xmltab td th tr,.simplehead td th tr,th.mkhead,td.mkhdata,.sound_grid * th,.sound_grid * td,.samplelist * td{border:solid 1px;padding:.2em}#filegroup * button{border:solid 1px;border-color:black,}table.xmltab{border-collapse:collapse;text-align:center}.kit_tab * td{border:solid 1px;padding:.2em}table.kit_tab{border-collapse:collapse;text-align:center}td.coltab{border:solid 1px;padding:.2em}.samplelist td{text-align:left}.repeats{font-size:9pt}.tabval td{text-align:left;padding:.5em}.keyval{font-weight:600;background-color:#f0f0f0}.tabval{font-weight:500;background-color:#f8f8f8}td.coltab{width:10px;height:10px}div.trgrid{position:relative;// border: solid 1px;background-color:#ffe8e8}div.kitgrid{position:relative;// border: solid 1px;background-color:#f8ffff}div.trnote{position:absolute;height:4px;background-color:#202020}div.kitlab{position:absolute;font-size:7pt;-webkit-user-select:none;user-select:none}div.notelab{position:absolute;font-size:9pt;-webkit-user-select:none;user-select:none}div.notelabsimp{position:absolute;font-size:9pt;left:18px}div.parmlab{position:absolute;font-size:7pt;top:0;left:2px}div.trkitnote{position:absolute;height:8px;background-color:#202020}div.trnsn{position:absolute;height:4px;// background-color:#A0A0A0}div.trnkn{position:absolute;height:8px;// background-color:#202020}div.arrlab{position:absolute;font-size:7pt}div.arrgrid{position:relative;// border: solid 1px;background-color:#e8e8e0;height:18px}div.arritem{position:absolute;height:16px;color:#fff}div.arritembow{position:absolute;height:16px;color:#000}div.parmplot{position:relative;background-color:ivory;height:64px}div.paramrun{position:absolute;height:1px;background-color:#202020}div.paramconst{position:relative;background-color:ivory;font-size:7pt}.plotspot,.parmplot{margin:0%;padding:0;border-spacing:0px}.plottab th{font-size:9pt;font-weight:500;background-color:#e8e8c0}.mkhead{background-color:#f0f0d0;font-size:9pt;padding:0%;margin:0%}.mkhdata{background-color:#ffffe8;font-size:10pt}.midimh{background-color:#f0f0d0;font-size:10pt}.midismh{background-color:#f0f0e0;font-size:7pt}.midi_mod_knobs td{background-color:#cfffe8;font-size:9pt;border-width:1pt;border:solid 1px;border-color:#000}.midi_mod_knobs th{background-color:#cfffd8;font-size:9pt;border:solid 1px;border-color:#000}.clipbtn{font-size:9pt;padding:0%;margin:0%}.sound_grid th{font-size:6pt;color:#000;width:60px;border-bottom-color:#a0a0a0}.sound_grid td{text-align:center}.hleftb{border-left-width:2px}.unlab{background-color:#e8e8e8}.bbh{border-botoom:hidden}.textsm{font-size:7pt}.textsm2{font-size:8pt}.sample1{background-color:#ffd2c2}.sample2{background-color:#f8c8b8}.audhdr{background-color:#e8e8c8}.samplenb{background-color:#ffd2b2}.samplen{background-color:#f8c8a8}.osc1{background-color:#c0ffc0}.osc2{background-color:#b8f8b8}.noise{background-color:#b8f0ff}.fmmod1{background-color:#e8f8ff}.fmmod2{background-color:#e0f0f0}.distortion{background-color:#c0ecec}.master{background-color:#f8f8c0}.voice{background-color:#ffc8c8}.unison{background-color:#c8ffff}.env1{background-color:#c8ffc8}.env2{background-color:#c0f8c0}.sidechain{background-color:#e8e8ff}.arp{background-color:#c0f0f0}.lfo1{background-color:#f0f0c0}.lfo2{background-color:#e8e8c0}.modfx{background-color:#f0c0f0}.reverb{background-color:#ffc0c0}.delay{background-color:#e0e0ff}.modsources{background-color:#f0f080}.lpf{background-color:#ffe0ff}.hpf{background-color:#f8d8f8}.bass{background-color:#e8ffe8}.treble{background-color:#e0f8e0}// .kit_tab td{// text-align: right;//}.kitentry{background-color:#ffffe8}.kithead,.audiotrack{background-color:#efefd8}.tinyplayer{width:96px}.Dropdown-root{position:relative}.Dropdown-control{position:relative;overflow:hidden;background-color:#fff;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;color:#333;cursor:default;outline:none;padding:8px 52px 8px 10px;transition:all .2s ease}.Dropdown-control:hover{box-shadow:0 1px #0000000f}.Dropdown-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:" ";display:block;height:0;margin-top:-ceil(2.5);position:absolute;right:10px;top:14px;width:0}.is-open .Dropdown-arrow{border-color:transparent transparent #999;border-width:0 5px 5px}.Dropdown-menu{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px #0000000f;box-sizing:border-box;margin-top:-1px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000;-webkit-overflow-scrolling:touch}.Dropdown-menu .Dropdown-group>.Dropdown-title{padding:8px 10px;color:#333;font-weight:700;text-transform:capitalize}.Dropdown-option{box-sizing:border-box;color:#333c;cursor:pointer;display:block;padding:8px 10px}.Dropdown-option:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.Dropdown-option:hover,.Dropdown-option.is-selected{background-color:#f2f9fc;color:#333}.Dropdown-noresults{box-sizing:border-box;color:#ccc;cursor:default;display:block;padding:8px 10px}.butn{vertical-align:top;height:28px;min-height:28px}.tinybutn{padding:1px}#hiddenfileopener{display:none}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.autocompletediv{position:relative}.react-autocomplete-input{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.15);bottom:auto;box-shadow:0 6px 12px #0000002d;display:block;font-size:14px;list-style:none;padding:1px;position:absolute;text-align:left;z-index:20000}.react-autocomplete-input>li{cursor:pointer;padding:10px;min-width:100px}.react-autocomplete-input>li.active{background-color:#337ab7;color:#fff}td.simplechan{width:40px;text-align:left;font-size:18px;color:#fff;vertical-align:top;padding:4px 1px 2px}table.simplehead{text-align:left;table-layout:fixed;width:12px;border:none;border:1px}span.simplepatch{text-align:left;font-size:14px;border:none;border:1px}td.simpleplot{border:none;padding:2px 2px 2px 4px}div.selbox{background-color:gray;position:absolute;opacity:.2}.audiotrack{border:none;width:auto;padding:0}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-theme~=translucent]{background-color:#000000b3}.tippy-box[data-theme~=translucent]>.tippy-arrow{width:14px;height:14px}.tippy-box[data-theme~=translucent][data-placement^=top]>.tippy-arrow:before{border-width:7px 7px 0;border-top-color:#000000b3}.tippy-box[data-theme~=translucent][data-placement^=bottom]>.tippy-arrow:before{border-width:0 7px 7px;border-bottom-color:#000000b3}.tippy-box[data-theme~=translucent][data-placement^=left]>.tippy-arrow:before{border-width:7px 0 7px 7px;border-left-color:#000000b3}.tippy-box[data-theme~=translucent][data-placement^=right]>.tippy-arrow:before{border-width:7px 7px 7px 0;border-right-color:#000000b3}.tippy-box[data-theme~=translucent]>.tippy-backdrop{background-color:#000000b3}.tippy-box[data-theme~=translucent]>.tippy-svg-arrow{fill:#000000b3}