body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}.sp-container{display:flex;flex-direction:column;height:100%;margin-left:.5%;margin-right:.5%}.sp-main-col.active{margin-right:-250px}#root,body,html{padding:0;margin:0;width:100%;height:100vh}.react-contextmenu--visible{background-color:#fff;padding:.7em;border:1.5px solid grey;box-shadow:3px 3px 6px grey}.react-contextmenu-item{cursor:pointer}.react-contextmenu-item--disabled{cursor:not-allowed}.mediaButtons button{width:32%;border-style:none;margin:.5%;padding:2%}.sp-state-playing{background-color:#2cdb2c}.sp-state-paused{background-color:#dbbb2c}.player.loaded .sp-state-stopped{background-color:#db2c2c}button{background-color:#c7c7c7}.sp-alert{display:block;color:#fff;background-color:#e6463e;padding:.3em}.timing-buttons{width:100%;display:flex;position:relative;align-items:center}.timing-buttons div{padding:0 5px;margin:0 2px;flex:1 1;font-size:.8em}.timing-buttons .delete{max-width:3em;color:grey;padding-bottom:2px}.timing-buttons .intro{border-color:#7d00ff;color:#7d00ff}.timing-buttons .cue{border-color:#006400;color:#006400}.timing-buttons .outro{border-color:red;color:red}.timing-buttons.not-central .intro,.timing-buttons.not-central .outro{opacity:.2}.timing-buttons.text-light>*{color:#fff}.timing-buttons.text-light .intro{border-color:#b373f8}.timing-buttons.text-light .cue{border-color:#0f0}.waveform span{float:left;position:relative;display:block;z-index:5}.waveform .current,.waveform .remaining{margin-top:-5px}.waveform .current,.waveform .length,.waveform .remaining{font-weight:800}.waveform .outro,.waveform .remaining{right:0;position:absolute}.waveform .intro,.waveform .length,.waveform .outro{bottom:-5px;position:absolute}.waveform .length{text-align:center;width:100%}.waveform{height:6vh}.waveform .graph{position:absolute;height:6vh;width:100%;overflow:hidden;background:#fff}.waveform .graph canvas{background:transparent}.waveform .graph>wave{height:6vh!important;overflow:hidden!important}.waveform .loading{background:#ccf}.bypass-click{pointer-events:none}.sp-ending-soon{-webkit-animation:green-flash .5s steps(1) infinite;animation:green-flash .5s steps(1) infinite}.ReactModal__Overlay{z-index:10000}.cursor-pointer{cursor:pointer}.card-title.warn-red{color:#b61f1f}.card-title.warn-orange{color:#b16d2a}.item{display:block;cursor:pointer;padding:.2em 5px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.item:hover{background-color:#78acf1}.item.active{background-color:#10c998!important}.item.ghost{opacity:.5}.item.played{background-color:#ddd}.item.played .icon{border:4px solid #000}.item .icon{margin:auto auto -3px;height:18px;width:18px;display:inline-block;border-radius:50%}.item .icon.central{background-color:green}.item .icon.aux{background-color:#07f}.item .icon.ghost{background-color:grey}.item .icon.warn-red{background-color:#ed4040}.item .icon.warn-orange{background-color:#ed9640}.library{display:flex;flex-direction:column;height:100%;overflow:hidden}.library .library-item-list{overflow-y:scroll}@media(max-width:991px){.navbar-header{float:none}.navbar-left,.navbar-right{float:none!important}.navbar-toggle{display:block}.navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1)}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-collapse.collapse{display:none!important}.navbar-nav{float:none!important;margin-top:7.5px}.navbar-nav>li{float:none}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px}.collapse.in{display:block!important}}.navbar-nav{margin:0}.navbar-main{background-color:#2d425f;border:none;max-height:7vh;flex-shrink:0}.navbar-main .btn{max-height:45px}.navbar-main .nav-vu{background:#000}.navbar-main .nav-spin{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.navbar-myradio{background-color:#2d333c;border:none;max-height:7vh;flex-shrink:0}.navbar-myradio .navbar-brand{color:#fff;padding:10px 15px;line-height:30px;margin-right:0}.navbar-myradio .navbar-brand img{max-height:100%}.navbar-myradio .navbar-brand:focus,.navbar-myradio .navbar-brand:hover{color:#e1e1e1}.navbar-myradio .navbar-brand.divider{border-right:1px solid #fff;margin:14px 0;height:22px;padding:0}.navbar-myradio .navbar-nav>li>a,.navbar-myradio .navbar-text{color:#fff}.navbar-myradio .navbar-nav>li.nav-img{height:50px}.navbar-myradio .navbar-nav>li.nav-img>a{height:100%;padding:10px}.navbar-myradio .navbar-nav>li.nav-img>a>img{height:100%}.navbar-myradio .navbar-nav .caret{margin-left:5px}.navbar-myradio .navbar-nav .glyphicon{margin-right:5px}.navbar-myradio .navbar-nav>li>a:focus,.navbar-myradio .navbar-nav>li>a:hover{color:#e1e1e1;background-color:#2d425f}.navbar-myradio .navbar-nav>li>.dropdown-menu{background-color:#2d333c;border-top:none}.navbar-myradio .navbar-nav>li>.dropdown-menu>.dropdown-item{color:#fff}.navbar-myradio .navbar-nav>li>.dropdown-menu>.dropdown-item:focus,.navbar-myradio .navbar-nav>li>.dropdown-menu>.dropdown-item:hover{color:#e1e1e1;background-color:#2d425f}.navbar-myradio .navbar-nav>li>.dropdown-menu>.divider{background-color:#2d425f}.navbar-myradio .navbar-nav .open .dropdown-menu>.active>.dropdown-item,.navbar-myradio .navbar-nav .open .dropdown-menu>.active>.dropdown-item:focus,.navbar-myradio .navbar-nav .open .dropdown-menu>.active>.dropdown-item:hover,.navbar-myradio .navbar-nav>.active>.dropdown-item,.navbar-myradio .navbar-nav>.active>.dropdown-item:focus,.navbar-myradio .navbar-nav>.active>.dropdown-item:hover{color:#e1e1e1;background-color:#2d333c}.navbar-myradio .navbar-nav>.open>.dropdown-item,.navbar-myradio .navbar-nav>.open>.dropdown-item:focus,.navbar-myradio .navbar-nav>.open>.dropdown-item:hover{color:#e1e1e1;background-color:#2d425f!important}.navbar-myradio .navbar-toggle{border-color:#2d425f}.navbar-myradio .navbar-toggle:focus,.navbar-myradio .navbar-toggle:hover{background-color:#2d425f}.navbar-myradio .navbar-toggle .icon-bar{background-color:#fff}.navbar-myradio .navbar-collapse,.navbar-myradio .navbar-form{border-color:#fff}.navbar-myradio .navbar-link{color:#fff}.navbar-myradio .navbar-link:hover{color:#e1e1e1}.navbar-myradio .navbar-brand:hover{color:#e1e1e1;background-color:#2d425f!important}@media(max-width:767px){.navbar-myradio .navbar-nav .open .dropdown-menu>li>.dropdown-item{color:#fff}.navbar-myradio .navbar-nav .open .dropdown-menu>li>.dropdown-item:focus,.navbar-myradio .navbar-nav .open .dropdown-menu>li>.dropdown-item:hover{color:#e1e1e1}.navbar-myradio .navbar-nav .open .dropdown-menu>.active>.dropdown-item,.navbar-myradio .navbar-nav .open .dropdown-menu>.active>.dropdown-item:focus,.navbar-myradio .navbar-nav .open .dropdown-menu>.active>.dropdown-item:hover{color:#e1e1e1;background-color:#2d425f}}.alertbar{position:fixed!important;top:0;left:0;width:100vw;min-height:38.5px;z-index:99999;-webkit-transform:translateY(-50px);transform:translateY(-50px);transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.alertbar.visible{-webkit-transform:translateY(0);transform:translateY(0)}.logo-hover{position:relative}.logo-hover .logo-myradio{opacity:0;position:absolute;left:25px;transition:.4s;height:32px}.logo-hover .logo-webstudio{opacity:1;transition:.4s;height:28px;margin-top:-5px}.logo-hover:hover .logo-myradio{opacity:1}.logo-hover:hover .logo-webstudio{opacity:0}.nav-link.connect{min-width:90px}.pfl-live.nav-vu{box-shadow:inset 0 0 3px 6px #dc3545;padding-top:6px}#baps-modal .loading{margin:4em}#baps-modal .logo{max-width:70%}#timelord{background:#000;border:1px solid red;color:#fff;padding:0 1em;font-size:1.1em}#timelord a{text-decoration:none;color:#fff}#timelord time{font-weight:700;font-size:1.1em;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums}#timelord .error{font-weight:700;font-size:1.1em;-webkit-animation:red-text-flash 1s steps(1) infinite;animation:red-text-flash 1s steps(1) infinite}#timelord .error,#timelord .source{margin-left:1em;border-left:2px solid grey;padding-left:1em}#timelord .studio{color:#2cdfff;font-weight:700}#timelord .studio.studio1{color:red}#timelord .studio.studio2{color:#246ee6}#timelord .studio.studio3{color:#0f0}#timelord .studio.studio4{color:#bb00dc}#timelord .studio.studio5{color:#b5009b}#timelord .studio.studio8{color:orange}.channel{height:100%;display:flex;flex-direction:column;box-shadow:--var(--channel-shadow);background:var(--channel-background);color:var(--channel-color)}.channel .channel-item-list{flex-grow:1;overflow-y:scroll}.channel .player{height:auto;background:var(--player-background);color:var(--player-color);opacity:.5}.channel .player.loaded{opacity:1}.mixer-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;position:relative}.mixer-buttons button{flex:1 1;background:transparent;border:1px solid #000;z-index:100}.mixer-buttons.error-animation{-webkit-animation:red-flash .5s steps(1) infinite;animation:red-flash .5s steps(1) infinite}.mixer-buttons.pfl{background-color:#dc3545}.mixer-buttons .mixer-buttons-backdrop{position:absolute;top:0;left:0;height:100%;background-color:var(--mixer-backdrop)}.mixer-buttons.disabled .mixer-buttons-backdrop{background-color:var(--mixer-backdrop-disabled)}:root{--background:#e2e1e0;--channel-background:#fff;--channel-color:#212529;--channel-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);--player-background:#fff;--player-color:#212529;--mixer-backdrop:#78acf1;--mixer-backdrop-disabled:#999;--sidebar-background:var(--channel-background)}@-webkit-keyframes red-flash{50%{background-color:#ffc7c7}}@keyframes red-flash{50%{background-color:#ffc7c7}}@-webkit-keyframes green-flash{50%{background-color:#c7ffc7}}@keyframes green-flash{50%{background-color:#c7ffc7}}@-webkit-keyframes red-text-flash{50%{color:red}}@keyframes red-text-flash{50%{color:red}}.loading-dialogue{position:fixed;top:20%;left:50%;-webkit-transform:translate(-50%,-20%);transform:translate(-50%,-20%);text-align:left}.loading-dialogue .logo-container{text-align:center;overflow-x:hidden;position:relative;transition:width .6s ease-in-out}.loading-dialogue .logo-container .logo{height:50px}.loading-dialogue .logo-container .logo-big-bapsicle{height:30vh}.loading-dialogue .inner{text-align:center}.hover-menu .hover-label{display:none}.hover-menu .hover-label.always-show{display:block}@media(max-height:900px){.hide-low-height{display:none}.item{font-size:.92em}.navbar.hover-menu .hover-label{display:none}.hover-menu .btn{padding-top:.1em;padding-bottom:.1em;font-size:.75em}.hover-menu .hover-label{font-size:11px;margin-top:-4px;display:block;width:100%}.hover-menu:not(:hover){height:15px}.hover-menu:not(:hover)>:not(.hover-label){display:none!important}}.sp{display:grid;grid-template-areas:"channels sb-tg sb";grid-template-columns:1fr auto auto;grid-template-rows:100%;overflow:hidden;background:var(--background);flex-grow:1}.sp .channels{display:grid;grid-area:channels;grid-template-columns:repeat(3,1fr);grid-template-rows:100%;grid-gap:10px;padding:10px}.sp .channels .channel-vu{height:40px;text-align:center;background:#000}.sp .channels .channel-vu span{font-size:.7em}.sp .channels .channel-vu canvas{max-width:100%;border-left:1px solid grey;border-right:1px solid grey}.sp #sidebar{grid-area:sb;display:flex;flex-direction:column;height:100%;min-width:250px;width:22vw;transition:all .3s}.sp #sidebar.hidden{margin-right:-44vw}.sp #sidebar .library-column{flex-grow:1;min-height:0;background:var(--sidebar-background);display:flex;flex-direction:column}.sp #sidebar .mic-control{background:var(--sidebar-background);position:relative}.sp #sidebar .mic-control .toggle{cursor:pointer;position:absolute;right:1em;top:.2em}.sp #sidebar-toggle{grid-area:sb-tg;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;height:100%}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}#uploadIframe{max-height:600px;height:60vh}#importerIframe,#uploadIframe{width:100%;box-sizing:content-box}#importerIframe{height:100%}.sp-mic-live{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9000;pointer-events:none;box-shadow:inset 0 0 3px 6px red}#micLiveTimer{background:#000;border:3px solid #fff;color:#fff;font-weight:700;width:100%;display:inline-block;text-align:center;padding:0}#micLiveTimer .text{margin:0;float:left;padding:0 10px;border-right:3px solid #fff}#micLiveTimer.live{border:3px solid red}#micLiveTimer.live .text{border-right:3px solid red;background:red;color:#fff}#micMeter{background:#000;max-height:40px;text-align:center}#micMeter canvas{max-width:100%}#track-hover-tooltip{padding:1rem 2rem;min-width:300px;font-size:1em}#track-hover-tooltip hr{margin:.6rem .4rem .6rem 0;border-top:1px solid hsla(0,0%,100%,.5)}#track-hover-tooltip hr:last-of-type{display:none}.react-contexify__item__content svg{margin:4px .6em 0 0}.__react_component_tooltip{border-radius:3px;display:inline-block;font-size:13px;left:-999em;opacity:0;padding:8px 21px;position:fixed;pointer-events:none;transition:opacity .3s ease-out;top:-999em;visibility:hidden;z-index:999}.__react_component_tooltip.allow_click,.__react_component_tooltip.allow_hover{pointer-events:auto}.__react_component_tooltip:after,.__react_component_tooltip:before{content:"";width:0;height:0;position:absolute}.__react_component_tooltip.show{opacity:.9;margin-top:0;margin-left:0;visibility:visible}.__react_component_tooltip.place-top:before{bottom:-8px}.__react_component_tooltip.place-bottom:before,.__react_component_tooltip.place-top:before{border-left:10px solid transparent;border-right:10px solid transparent;left:50%;margin-left:-10px}.__react_component_tooltip.place-bottom:before{top:-8px}.__react_component_tooltip.place-left:before{right:-8px}.__react_component_tooltip.place-left:before,.__react_component_tooltip.place-right:before{border-top:6px solid transparent;border-bottom:6px solid transparent;top:50%;margin-top:-5px}.__react_component_tooltip.place-right:before{left:-8px}.__react_component_tooltip .multi-line{display:block;padding:2px 0;text-align:center}
/*# sourceMappingURL=main.964b7c20.chunk.css.map */