:root{--main-text-color:#ccc;--pane-title-bgcolor:#222;--pane-body-bgcolor_1:#444;--pane-body-bgcolor_2:#333;--indicator-color:rgba(255,255,255,.5);--indicator-outline-color:rgba(30,30,30,.5);--active-color:#f55}body{-webkit-box-shadow:14px 10px 413px 3px rgba(0,0,0,.6);background-image:url(../media/bg.206bad1b.jpg);background-size:cover;-moz-box-shadow:14px 10px 43px 3px rgba(0,0,0,.6);box-shadow:14px 10px 43px 3px rgba(0,0,0,.6);background-color:#333!important}.clickable{cursor:pointer}.loadmask{z-index:9999;background:#000 url(../media/spinner.2e7b8381.gif) 50% no-repeat;width:100%;height:100%;animation-duration:1s;animation-fill-mode:both;position:fixed;top:0;left:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.fadeOut{animation-name:fadeOut}.bpm-info{background-color:#343a40}@keyframes bump{0%{background-color:var(--active-color)}to{background-color:#343a40}}.bump{animation-name:bump}.App{text-align:center;color:#ccc}.App .rc-slider-handle{background-color:#fff;border:2px solid #f55}.App .rc-slider-track{background-color:#f55}.advancedSlider .inlineBtn{font-size:.7em}.App .pane{background-image:linear-gradient(var(--pane-body-bgcolor_1),var(--pane-body-bgcolor_2));border:1px solid #555;border-radius:8px;box-shadow:10px 10px 30px 3px rgba(0,0,0,.15)}.App .app-container{margin-top:1rem}.App .container{border-radius:5px;margin-bottom:1rem;padding-bottom:1rem}.App .pane .pane-title{text-transform:uppercase;color:var(--pane-title-color);background-color:var(--pane-title-bgcolor);text-align:left;border-radius:5px 5px 0 0;padding:0 1rem}.App .pane-body{padding:1rem;display:block}.App .bpm-info{margin:.5rem;padding:.3rem}.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:var(--main-text-color);background-color:transparent;border:0 solid #ccc;font-weight:lighter}.Planner{font-size:80%}.Planner .locked{background-color:#6c757d}.step{background-color:rgba(144,161,177,.157);margin-bottom:1px}.Planner .current-step{background-color:#f55}.SimpleProgress .bar{background-color:#f55;padding:1px}.SimpleVis{position:relative}.SimpleVis div{text-align:center;border-radius:50%;width:2rem;height:2rem;font-size:1rem;line-height:2rem}.SimpleVis .active{color:#555;background-color:#f55}.PresetsManager{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:.5rem;font-size:80%}.PresetsManager .presetItem{color:#333;background-color:#f8f9fa;border:1px solid #dee2e6;margin-bottom:1px}.PresetsManager .presetItem .userPresetSavedDtm{color:#6c757d;padding:0 1em}.PresetsManager .editBtn{color:#fff;background-color:#dc3545;border:1px solid #c82333;margin-left:1em;padding:0 1em}.PresetsManager .btn{color:#495057!important;background-color:#e9ecef!important;border-color:#ced4da!important}.PresetsManager .btn:hover{background-color:#f8f9fa!important;border-color:#adb5bd!important}.Accent{cursor:pointer;background-color:transparent;border:1px solid #f55;border-radius:5px;min-width:1.5rem;height:2.2rem;margin-right:1px;display:inline-block}.Accent .type1{background-color:#f55;border-radius:4px 4px 0 0;height:.7rem;position:relative;top:-.1rem}.Accent .type2{background-color:#f75;height:.7rem;position:relative;top:.69rem}.Accent .type0{background-color:#f95;border-radius:0 0 4px 4px;height:.7rem;position:relative;top:1.39rem}.Accent.active{box-shadow:0 0 2px 3px rgba(221,221,221,.733);border-color:rgba(221,221,221,.733);-moz-box-shadow:0 0 2px 3px #dd8d8d}.modal-body .code{word-break:break-all;background-color:#ccc;margin-top:1rem;padding:1rem;font-family:Courier New,Courier,monospace;font-size:60%}.about .pane-body{font-size:1em}.about a{color:#f55}.footer{color:#777;font-size:.7em}.footer .badge{background-color:transparent;font-weight:400}.about code{color:#f55;font-size:15px}.svgText{fill:var(--main-text-color);font-size:1%}.trackView{flex-wrap:nowrap;display:flex}.trackView .trackContainer{width:100%;margin:auto;padding:0 .5em}.trackView .btnContainer{margin:auto}.trackView .beatsCntBadge{font-size:x-large}.trackView .btn-xs,.btn-group-xs>.btn{border-radius:.1rem;padding:.15rem .35rem;font-size:.575rem;line-height:1}.trackRow{margin-bottom:10px;display:flex}.trackRow .label{display:flex}.trackRow .cells{width:100%;display:flex}.trackView .indicator{background-color:var(--indicator-color);border:1px solid var(--indicator-outline-color);border-radius:2px;width:.3rem;position:absolute}.trackRow .cell{border:.1em solid #a55;border-radius:.2em;flex-grow:1;min-width:.5em;min-height:2em;margin:.1em}.presetItem .btn{line-height:.8}.presetItem .col{padding:0}
.rc-slider{touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;border-radius:6px;width:100%;height:14px;padding:5px 0;position:relative}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.rc-slider-rail{background-color:#e9e9e9;border-radius:6px;width:100%;height:4px;position:absolute}.rc-slider-track,.rc-slider-tracks{background-color:#abe2fb;border-radius:6px;height:4px;position:absolute}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translateY(-5px)}.rc-slider-handle{z-index:1;cursor:pointer;width:14px;height:14px;cursor:-webkit-grab;cursor:grab;opacity:.8;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-x;background-color:#fff;border:2px solid #96dbfa;border-radius:50%;margin-top:-5px;position:absolute}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.rc-slider-handle:focus{box-shadow:none;outline:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{box-shadow:unset;border-color:#96dbfa}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{cursor:-webkit-grabbing;cursor:grabbing;border-color:#57c5f7;box-shadow:0 0 5px #57c5f7}.rc-slider-mark{width:100%;font-size:12px;position:absolute;top:18px;left:0}.rc-slider-mark-text{color:#999;text-align:center;vertical-align:middle;cursor:pointer;display:inline-block;position:absolute}.rc-slider-mark-text-active{color:#666}.rc-slider-step{background:0 0;width:100%;height:4px;position:absolute}.rc-slider-dot{vertical-align:middle;cursor:pointer;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-2px}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{box-shadow:none;cursor:not-allowed;background-color:#fff;border-color:#ccc}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{width:4px;bottom:0;left:5px}.rc-slider-vertical .rc-slider-track-draggable{border:0;border-left:5px solid transparent;border-right:5px solid transparent;transform:translate(-5px)}.rc-slider-vertical .rc-slider-handle{z-index:1;touch-action:pan-y;margin-top:0;margin-left:-5px;position:absolute}.rc-slider-vertical .rc-slider-mark{height:100%;top:0;left:18px}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{animation-duration:.3s;animation-play-state:paused;animation-fill-mode:both;display:block!important}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{animation-timing-function:cubic-bezier(.23,1,.32,1);transform:scale(0)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform-origin:50% 100%;opacity:0;transform:scale(0)}to{transform-origin:50% 100%;transform:scale(1)}}@keyframes rcSliderTooltipZoomDownOut{0%{transform-origin:50% 100%;transform:scale(1)}to{transform-origin:50% 100%;opacity:0;transform:scale(0)}}.rc-slider-tooltip{visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:absolute;top:-9999px;left:-9999px}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{color:#fff;text-align:center;background-color:#6c6c6c;border-radius:6px;min-width:24px;height:24px;padding:6px 2px;font-size:12px;line-height:1;text-decoration:none;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{border-style:solid;border-color:transparent;width:0;height:0;position:absolute}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-width:4px 4px 0;border-top-color:#6c6c6c;margin-left:-4px;bottom:4px;left:50%}