@import url(https://fonts.googleapis.com/css?family=K2D);*{font-family:K2D}body{background:#333;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--main-text-color:#ccc;--pane-title-bgcolor:#222;--pane-body-bgcolor_1:#333;--pane-body-bgcolor_2:#222;--indicator-color:hsla(0,0%,100%,0.5);--indicator-outline-color:rgba(30,30,30,0.5);--active-color:#f55}body{background-image:url(../../static/media/bg.397d90e2.jpg);background-color:#333!important;background-size:cover;box-shadow:14px 10px 43px 3px rgba(0,0,0,.6)}.clickable{cursor:pointer}.loadmask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:url(../../static/media/spinner.e5e13542.gif) 50% no-repeat #000;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}.bpm-info{background-color:#343a40}@keyframes bump{0%{background-color:#f55;background-color:var(--active-color)}to{background-color:#343a40}}@-webkit-keyframes bump{0%{background-color:#f55;background-color:var(--active-color)}to{background-color:#343a40}}.bump{-webkit-animation-name:bump;animation-name:bump}.App{text-align:center;color:#ccc}.App .rc-slider-handle{border:2px solid #f55;background-color:#fff}.App .rc-slider-handle:hover{border-color:#faa}.App .rc-slider-track{background-color:#f55}.advancedSlider .inlineBtn{font-size:.7em}.App .pane{background-image:linear-gradient(#333,#222);background-image:linear-gradient(var(--pane-body-bgcolor_1),var(--pane-body-bgcolor_2));box-shadow:10px 10px 30px 3px rgba(0,0,0,.15)}.App .app-container{margin-top:1rem}.App .container{margin-bottom:1rem;padding-bottom:1rem;border-radius:5px}.App .pane .pane-title{text-transform:uppercase;padding:0 1rem;color:var(--pane-title-color);background-color:#222;background-color:var(--pane-title-bgcolor);text-align:left;border-radius:5px 5px 0 0}.App .pane-body{display:block;padding:1rem}.App .bpm-info{padding:.3rem;margin:.5rem}.input-group-text{min-width:4em}.App .rc-slider-dot-active{border-color:#f55}.App .rc-slider-mark-text-active{color:#fee}.App .rc-slider-handle:hover{border-color:#a55}.App .rc-slider-handle-click-focused:focus{border-color:#f55}.App .badge-light{color:#ccc;color:var(--main-text-color);font-weight:lighter;border:0 solid #ccc;background-color:initial}.Planner{font-size:80%}.Planner .locked{background-color:#6c757d}.step{background-color:rgba(144,161,177,.16);margin-bottom:1px}.Planner .current-step,.SimpleProgress .bar{background-color:#f55}.SimpleProgress .bar{padding:1px}.SimpleVis{position:relative}.SimpleVis div{width:2rem;height:2rem;line-height:2rem;font-size:1rem;text-align:center;border-radius:50%}.SimpleVis .active{background-color:#f55;color:#555}.PresetsManager{font-size:80%}.PresetsManager .presetItem{background-color:rgba(144,161,177,.16);margin-bottom:1px}.PresetsManager .presetItem .userPresetSavedDtm{color:hsla(0,0%,100%,.27);padding:0 1em}.PresetsManager .editBtn{color:#f5f5f5;background-color:#f55;padding:0 1em;margin-left:1em}.Accent{display:inline-block;background-color:initial;min-width:1.5rem;height:2.2rem;border:1px solid #f55;border-radius:5px;margin-right:1px;cursor:pointer}.Accent .type1{border-radius:4px 4px 0 0;top:-.1rem;background-color:#f55}.Accent .type1,.Accent .type2{position:relative;height:.7rem}.Accent .type2{top:.69rem;background-color:#f75}.Accent .type0{height:.7rem;position:relative;top:1.39rem;background-color:#f95;border-radius:0 0 4px 4px}.Accent.active{border-color:hsla(0,0%,86.7%,.733);box-shadow:0 0 2px 3px hsla(0,0%,86.7%,.733);-webkit-box-shadow:0 0 2px 3px hsla(0,0%,86.7%,.733);-moz-box-shadow:0 0 2px 3px #dd8d8d}.modal-body .code{font-family:"Courier New",Courier,monospace;word-break:break-all;font-size:60%;background-color:#ccc;padding:1rem;margin-top:1rem}.about .pane-body{font-size:1em}.about a{color:#f55}.footer{font-size:.7em;color:#777}.footer .badge{background-color:initial;font-weight:400}.about code{font-size:15px;color:#f55}.svgText{font-size:1%;fill:#ccc;fill:var(--main-text-color)}.trackView{display:flex;flex-wrap:nowrap}.trackView .trackContainer{margin:auto;padding:0 .5em;width:100%}.trackView .btnContainer{margin:auto}.trackView .beatsCntBadge{font-size:x-large}.btn-group-xs>.btn,.trackView .btn-xs{padding:.15rem .35rem;font-size:.575rem;line-height:1;border-radius:.1rem}.trackRow{margin-bottom:10px}.trackRow,.trackRow .label{display:flex}.trackRow .cells{display:flex;width:100%}.trackView .indicator{width:.3rem;border-radius:2px;background-color:hsla(0,0%,100%,.5);background-color:var(--indicator-color);border:1px solid rgba(30,30,30,.5);border:1px solid var(--indicator-outline-color);position:absolute}.trackRow .cell{min-width:.5em;min-height:2em;flex-grow:1;border:.1em solid #a55;margin:.1em;border-radius:.2em}.presetItem .btn{line-height:.8}.presetItem .col{padding:0}
/*# sourceMappingURL=main.db159d77.chunk.css.map */