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;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:hidden;overflow:hidden;text-align:center}.audio-streams{display:none;height:200px}.header{background-color:#2d3040;display:flex;justify-content:space-between;padding:5px}.buttons-and-slider-container{display:flex;flex:1 1;justify-content:end}.slider-container{align-items:center;display:flex;flex:1 1;margin-left:10px;margin-right:15px;max-width:100px}.button{aspect-ratio:1}.contentheader{display:flex;padding:5px}.contentheader,.contentheader-stream{align-items:center;background-color:#222639;justify-content:left}.contentheader-stream{padding:5px 5px 15px}.buttons-container{display:flex}.back-button{display:flex;padding:5px}.title{color:#fff;flex:1 1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:.0075em;overflow:hidden;padding-left:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.volume-container{align-items:center;display:flex;max-width:125px;width:125px}.fade-container{display:flex;height:40px;margin-left:15px;margin-right:15px;width:115px}.caption{flex:1 1}.caption,.caption-mobile-content-header{color:#fff;font-size:10px;text-align:center}.caption-mobile-content-header{position:absolute;top:0;width:100%}.fade-slider-container{flex-direction:column;padding-top:5px;position:relative;width:100px}.fade-slider-container,.header-slider-container{display:flex;justify-content:center;margin-left:5px}.header-slider-container{flex:1 1;flex-direction:column}.content-header-row,.volume-container-mobile{align-items:center;display:flex}.volume-container-mobile{flex-basis:0;flex-grow:1;width:50%}.fade-container-mobile{display:flex;height:40px;margin-left:10px;margin-right:15px;width:45%}.emoji-button-container{align-items:center;border-radius:45px;display:flex;height:40px;justify-content:center;margin-right:10px;width:40px}.emoji-button-container:hover{background-color:#3e4050;cursor:pointer}.stream-name-edit-container{align-items:center;display:flex;flex:1 1;height:35px;margin-right:15px;padding-top:5px}.content-header-top-row{display:flex}.content-header-bottom-row{display:flex;justify-content:space-evenly;margin-top:15px}.content-header-sliders{display:flex}.contentgrid{display:block;height:300px;margin-left:15px}.bottom-row{height:10px;width:100%}.simplebar-scrollbar:before{background-color:#9698a1!important;opacity:.7}[data-simplebar]{align-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;position:relative}.simplebar-wrapper{height:inherit;max-height:inherit;max-width:inherit;overflow:hidden;width:inherit}.simplebar-mask{direction:inherit;height:auto!important;overflow:hidden;width:auto!important;z-index:0}.simplebar-mask,.simplebar-offset{bottom:0;left:0;margin:0;padding:0;position:absolute;right:0;top:0}.simplebar-offset{-webkit-overflow-scrolling:touch;box-sizing:inherit!important;direction:inherit!important;resize:none!important}.simplebar-content-wrapper{-ms-overflow-style:none;box-sizing:border-box!important;direction:inherit;display:block;height:100%;max-height:100%;max-width:100%;overflow:auto;position:relative;scrollbar-width:none;width:auto}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;height:0;width:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;pointer-events:none;width:100%}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;flex-basis:0;flex-grow:inherit;flex-shrink:0;float:left;height:100%;margin:0;max-height:1px;max-width:1px;overflow:hidden;padding:0;pointer-events:none;position:relative;width:100%;z-index:-1}.simplebar-height-auto-observer{box-sizing:inherit;display:block;height:1000%;left:0;min-height:1px;min-width:1px;opacity:0;top:0;width:1000%;z-index:-1}.simplebar-height-auto-observer,.simplebar-track{overflow:hidden;pointer-events:none;position:absolute}.simplebar-track{bottom:0;right:0;z-index:1}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{-webkit-touch-callout:none;pointer-events:none;-webkit-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{left:0;min-height:10px;position:absolute;right:0}.simplebar-scrollbar:before{background:#000;border-radius:7px;content:"";opacity:0;position:absolute;transition:opacity .2s linear .5s}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{bottom:2px;left:2px;right:2px;top:2px}.simplebar-track.simplebar-horizontal{height:11px;left:0}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{bottom:0;left:0;min-height:0;min-width:10px;right:auto;top:0;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{left:0;right:auto}.simplebar-dummy-scrollbar-size{-ms-overflow-style:scrollbar!important;direction:rtl;height:500px;opacity:0;overflow-x:scroll;overflow-y:hidden;position:fixed;visibility:hidden;width:500px}.simplebar-dummy-scrollbar-size>div{height:200%;margin:10px 0;width:200%}.simplebar-hide-scrollbar{-ms-overflow-style:none;left:0;overflow-y:scroll;position:fixed;scrollbar-width:none;visibility:hidden}.folder{aspect-ratio:1/1;background-color:#292d3c;border-radius:5px;display:flex;flex-direction:column;margin:2px;outline:0 solid #b9f;overflow:hidden;position:relative}.folder-fade{background:linear-gradient(180deg,transparent 70%,#000);height:100%;position:absolute;top:0;transition:background-color .1s linear;width:100%;z-index:0}.folder-fade:hover{background-color:#3a3d4b;cursor:pointer}.folder-icon{display:flex;-webkit-filter:invert(50%) sepia(69%) saturate(4435%) hue-rotate(165deg) brightness(101%) contrast(101%);filter:invert(50%) sepia(69%) saturate(4435%) hue-rotate(165deg) brightness(101%) contrast(101%);font-size:45px;margin:0;pointer-events:none;position:relative;width:65px;z-index:1}.folder-overlay{color:#fff;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1.25rem;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none}.folder-icon-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding-top:5px}.folder-playing-container{-webkit-filter:invert(100%);filter:invert(100%);padding-top:.25em}.folder-paused-container,.folder-playing-container{color:#fff;height:2em;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:2em}.folder-paused-container{padding-top:.3em}.folder-low-row{align-items:center;display:flex;font-size:10px;justify-content:space-between;margin:0;text-align:left;width:100%;z-index:1}.folder-name-container{flex:1 1;min-width:0;padding-bottom:5px;padding-left:10px}.folder-name-container>.folder-name{color:#fff;display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%}.folder-edit-button-container{padding-bottom:4px;padding-right:4px}.popup-background{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.popup{background-color:#2d3143;border-radius:15px;height:300px;width:300px;z-index:4}.popup-header{color:#fff;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1.25rem;font-weight:500;height:40px;letter-spacing:.0075em;line-height:1.6;padding:16px 24px 0;text-align:left}.popup-color-picker,.popup-name-container{flex:1 1;margin-bottom:16px;padding-left:24px;padding-right:24px}.popup-color-picker{display:flex}.popup-color-picker .react-colorful{flex:1 1;height:100px}.popup-color-picker .react-colorful__saturation{border-radius:4px 4px 0 0}.popup-color-picker .react-colorful__hue{border-radius:0 0 4px 4px;height:10px}.popup-color-picker .react-colorful__saturation-pointer{height:30px;width:30px}.popup-color-picker .react-colorful__hue-pointer{height:20px;width:20px}.popup-color-title{color:hsla(0,0%,100%,.7);font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1.4375em;margin-bottom:4px;padding:0 24px;position:relative;text-align:left}.popup-buttons-container{display:flex;justify-content:end;padding-right:6px}.popup-buttons-container-save{display:flex;justify-content:center}.popup-buttons-container-save,.popup-caption{flex:1 1;padding-left:24px;padding-right:24px}.popup-caption{color:hsla(0,0%,100%,.7);font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.00938em;line-height:1.5;margin-bottom:15px;margin-top:10px;text-align:left}.delete-folder-popup{background-color:#2d3143;border-radius:15px;height:150px;width:300px;z-index:4}.stream{aspect-ratio:1/1;background-color:#292d3c;border-radius:5px;display:flex;flex-direction:column;justify-content:space-between;margin:2px;outline:0 solid #b9f;overflow:hidden;position:relative}.stream:hover{cursor:pointer}.stream-fade{background:linear-gradient(180deg,transparent 70%,#000);height:100%;position:absolute;top:0;transition:background-color .1s linear;width:100%}.stream-fade:hover{background-color:#3a3d4b;cursor:pointer}.stream-icon-container{align-items:center;display:flex;height:92%;justify-content:center;left:0;padding-bottom:15px;position:absolute;top:0;width:100%}.stream-icon{font-size:45px;-webkit-user-select:none;user-select:none}.stream-low-row{margin:0;-webkit-user-select:none;user-select:none;width:100%}.stream-high-row,.stream-low-row{align-items:center;display:flex;font-size:10px;justify-content:space-between;text-align:left;z-index:1}.stream-high-row{padding-left:4px;padding-right:5px;padding-top:2px}.stream-name-container{flex:1 1;min-width:0;padding-bottom:5px;padding-left:10px}.stream-name-container>.stream-name{color:#fff;display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.stream-volume-button-container{align-items:center;display:flex;height:25px;justify-content:center;width:25px}.stream-edit-button-container{padding-bottom:4px;padding-right:4px}.add-stream{align-items:center;aspect-ratio:1/1;background-color:#292d3c;border:2px solid transparent;border-radius:5px;display:flex;justify-content:center;margin:2px}.add-stream:hover{background-color:#3a3d4b;cursor:pointer}.add-stream-icon{-webkit-filter:invert(100%);filter:invert(100%);height:50px;width:50px}.stream-slider-container{flex:1 1;margin-left:5px;margin-right:8px}.edit-stream{display:flex}.edit-stream,.edit-stream-mobile{background-color:#292d3c;border-radius:10px;margin-bottom:10px;padding-right:10px}.link-container,.name-container{margin-right:15px;padding-bottom:5px;padding-top:8px}.edit-stream-loop-slider-container,.edit-stream-slider-container{align-items:center;display:flex;flex:1 1;margin-left:5px}.edit-stream-loop-slider-container{flex-direction:column;height:100%;justify-content:end;padding-top:5px;position:relative}.loop-container{align-items:center;display:flex;flex:1 1;margin-left:10px;margin-right:15px}.buttons{display:flex}.remove-container{align-items:center;display:flex;justify-content:center}.edit-stream-row{display:flex;height:54px;margin-bottom:5px}.delete-row{height:35px}.add-edit-stream,.delete-row{display:flex;justify-content:center}.add-edit-stream{align-items:center;background-color:#292d3c;border-radius:10px;height:65px;margin-bottom:10px;padding-left:15px;padding-right:10px}.add-edit-stream:hover{background-color:#3a3d4b;cursor:pointer}.edit-stream-sliders{display:flex;width:100%}.edit-stream-top-row{display:flex;padding-left:15px;padding-top:5px}.edit-stream-bottom-row{display:flex;height:65px;justify-content:space-evenly;padding-left:5px}.edit-stream-volume-container{align-items:center;display:flex;flex:1 1}.loop-caption{top:10px}.loop-caption,.loop-caption-no-loop{color:#fff;flex:1 1;font-size:10px;position:absolute;text-align:center}.loop-caption-no-loop{top:20px}.loop-slider{width:100%}.emoji-popup-background{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.emoji-popup-background .picker-container,em-emoji-picker{height:325px;width:280px}em-emoji-picker{--border-radius:10px;--category-icon-size:24px;--color-border-over:rgba(0,0,0,.1);--color-border:rgba(0,0,0,.05);--font-family:"Roboto","Helvetica","Arial",sans-serif;--font-size:16px;--rgb-accent:187,153,255;--rgb-background:41,45,60;--rgb-color:255,255,255;max-height:325px;max-width:280px;min-height:250px;min-width:280px;overflow:hidden}.content{background-color:#222639;flex:1 1}.save-popup{background-color:#2d3143;border-radius:15px;height:160px;width:225px;z-index:4}.save-popup-name-container{display:flex;margin-bottom:16px;padding-left:24px;padding-right:24px}.save-popup-extension{align-items:end;color:#fff;display:flex;padding-bottom:5px;padding-left:3px}a{color:#b9f;text-decoration:none}.player-view-container{align-items:center;background-color:#2d3042;display:flex;flex-direction:column;height:90px;justify-content:space-between;padding-left:15px;padding-right:15px;padding-top:15px;width:175px}.playing-text{color:#fff;width:175px}.player-slider{flex:1 1;margin-top:15px;width:100%}.player-slider-container{align-items:center;display:flex;flex:1 1;margin-left:10px;margin-right:15px}.chromium-overlay{background-color:rgba(0,0,0,.75)}.overlay-list{-webkit-padding-start:5px;margin-top:5px;padding-inline-start:5px}.overlay-images-container{display:flex;justify-content:center;margin-top:10px}.overlay-image{height:40px;margin-left:10px;margin-right:10px;width:40px}.autoplay-overlay{font-size:18px;z-index:1}.chromium-overlay{background-color:rgba(0,0,0,.85);display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%}.gm-overlay-top{margin-bottom:15px}.gm-overlay-text{font-size:18px;justify-content:center}.gm-overlay-text,.overlay-text{color:#fff;display:flex;flex:1 1;flex-direction:column;padding-left:15px;padding-right:15px}.overlay-text{font-size:10px;justify-content:space-evenly}.gm-overlay-ignore,.instructions-link{color:#b9f;cursor:pointer;text-decoration:underline}.gm-overlay-ignore{font-size:12px;margin-bottom:25px}
/*# sourceMappingURL=main.efd85ab1.css.map*/