body{margin:0;font-family:Crimson Text,Palatino,Georgia,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:hidden;overflow:hidden}.audio-streams{display:none;height:200px}.header{display:flex;justify-content:space-between;background-color:#14100c;padding:5px}.buttons-container{display:flex}.buttons-and-slider-container{display:flex;flex:1;justify-content:end}.slider-container{max-width:100px;margin-left:10px;margin-right:15px;display:flex;align-items:center;flex:1}.button{aspect-ratio:1}.contentheader{display:flex;justify-content:left;background-color:#1a150f;padding:5px;align-items:center}.contentheader-stream{justify-content:left;background-color:#1a150f;padding:5px 5px 15px;align-items:center}.buttons-container,.buttons{display:flex}.back-button{display:flex;padding:5px}.title{padding-left:10px;font-size:16px;color:#fff;flex:1;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;letter-spacing:.0075em}.volume-container{display:flex;max-width:125px;width:125px;align-items:center}.fade-container{margin-left:15px;display:flex;margin-right:15px;width:115px;height:40px}.caption{font-size:10px;color:#fff;flex:1;text-align:center}.caption-mobile-content-header{position:absolute;top:0;font-size:10px;color:#fff;width:100%;text-align:center}.fade-slider-container{width:100px;margin-left:5px;display:flex;flex-direction:column;justify-content:center;padding-top:5px;position:relative}.header-slider-container{display:flex;flex:1;flex-direction:column;justify-content:center;margin-left:5px}.content-header-row{display:flex;align-items:center}.volume-container-mobile{display:flex;flex-grow:1;flex-basis:0;align-items:center;width:50%}.fade-container-mobile{display:flex;height:40px;margin-left:10px;margin-right:15px;width:45%}.emoji-button-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:45px;margin-right:10px}.emoji-button-container:hover{background-color:#362c1d;cursor:pointer}.stream-name-edit-container{flex:1;margin-right:15px;height:35px;display:flex;align-items:center;padding-top:5px}.content-header-top-row{display:flex}.content-header-bottom-row{display:flex;margin-top:15px;justify-content:space-evenly}.content-header-sliders{display:flex}.contentgrid{display:block;height:300px;margin-left:15px}.bottom-row{width:100%;height:10px}.simplebar-scrollbar:before{background-color:#b4a480!important;opacity:.7}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.folder{background-color:#211a12;position:relative;overflow:hidden;border-radius:5px;display:flex;flex-direction:column;outline:solid 0px rgb(201,168,76);margin:2px;aspect-ratio:1/1}.folder-fade{background:linear-gradient(to bottom,transparent 70%,black 100%);position:absolute;top:0;height:100%;width:100%;transition:background-color .1s linear;z-index:0}.folder-fade:hover{background-color:#2a2116;cursor:pointer}.folder-icon{width:65px;margin:0;font-size:45px;pointer-events:none;position:relative;display:flex;filter:invert(50%) sepia(69%) saturate(4435%) hue-rotate(165deg) brightness(101%) contrast(101%);z-index:1}.folder-overlay{position:absolute;color:#fff;font-size:1.25rem;pointer-events:none;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-user-select:none;user-select:none}.folder-icon-container{flex:1;display:flex;justify-content:center;align-items:center;padding-top:5px}.folder-playing-container{position:absolute;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;filter:invert(100%);height:2em;width:2em;padding-top:.25em}.folder-paused-container{position:absolute;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;height:2em;width:2em;padding-top:.3em}.folder-low-row{margin:0;width:100%;text-align:left;font-size:10px;display:flex;justify-content:space-between;z-index:1;align-items:center}.folder-name-container{padding-left:10px;flex:1 1;min-width:0;padding-bottom:5px}.folder-name-container>.folder-name{color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;display:block;font-size:.8rem;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-user-select:none;user-select:none}.folder-edit-button-container{padding-right:4px;padding-bottom:4px}.popup-background{width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:0;background-color:#00000080;z-index:3}.popup{width:300px;height:300px;border-radius:15px;background-color:#14100c;z-index:4}.popup-header{height:40px;color:#fff;text-align:left;font-family:Roboto,Helvetica,Arial,sans-serif;padding:16px 24px 0;font-weight:500;font-size:1.25rem;line-height:1.6;letter-spacing:.0075em}.popup-name-container{flex:1;padding-left:24px;padding-right:24px;margin-bottom:16px}.popup-color-picker{display:flex;flex:1;padding-left:24px;padding-right:24px;margin-bottom:16px}.popup-color-picker .react-colorful{height:100px;flex:1}.popup-color-picker .react-colorful__saturation{border-radius:4px 4px 0 0}.popup-color-picker .react-colorful__hue{height:10px;border-radius:0 0 4px 4px}.popup-color-picker .react-colorful__saturation-pointer{width:30px;height:30px}.popup-color-picker .react-colorful__hue-pointer{width:20px;height:20px}.popup-color-title{color:#ffffffb3;text-align:left;font-weight:400;line-height:1.4375em;font-family:Roboto,Helvetica,Arial,sans-serif;position:relative;font-size:.75rem;margin-bottom:4px;padding:0 24px}.popup-buttons-container{display:flex;justify-content:end;padding-right:6px}.popup-buttons-container-save{display:flex;flex:1;justify-content:center;padding-left:24px;padding-right:24px}.popup-caption{flex:1;text-align:left;padding-left:24px;padding-right:24px;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:1rem;line-height:1.5;letter-spacing:.00938em;color:#ffffffb3;margin-top:10px;margin-bottom:15px}.delete-folder-popup{width:300px;height:150px;border-radius:15px;background-color:#14100c;z-index:4}.stream{background-color:#211a12;position:relative;overflow:hidden;border-radius:5px;display:flex;flex-direction:column;outline:solid 0px rgb(201,168,76);margin:2px;aspect-ratio:1/1;justify-content:space-between}.stream:hover{cursor:pointer}.stream-fade{background:linear-gradient(to bottom,transparent 70%,black 100%);position:absolute;top:0;height:100%;width:100%;transition:background-color .1s linear}.stream-fade:hover{background-color:#2a2116;cursor:pointer}.stream-icon-container{position:absolute;width:100%;height:92%;top:0;left:0;display:flex;align-items:center;justify-content:center;padding-bottom:15px}.stream-icon{font-size:45px;-webkit-user-select:none;user-select:none}.stream-low-row{margin:0;width:100%;text-align:left;font-size:10px;display:flex;justify-content:space-between;z-index:1;align-items:center;-webkit-user-select:none;user-select:none}.stream-high-row{text-align:left;font-size:10px;display:flex;justify-content:space-between;align-items:center;z-index:1;padding-right:5px;padding-top:2px;padding-left:4px}.stream-name-container{padding-left:10px;flex:1;min-width:0;padding-bottom:5px}.stream-name-container>.stream-name{color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;display:block;font-size:.8rem;font-family:Roboto,Helvetica,Arial,sans-serif}.stream-volume-button-container{display:flex;height:25px;width:25px;align-items:center;justify-content:center}.stream-edit-button-container{padding-right:4px;padding-bottom:4px}.add-stream{border-width:2px;border-style:solid;border-color:#0000;display:flex;align-items:center;justify-content:center;background-color:#211a12;border-radius:5px;aspect-ratio:1/1;margin:2px}.add-stream:hover{background-color:#2a2116;cursor:pointer}.add-stream-icon{filter:invert(100%);height:50px;width:50px}.stream-slider-container{flex:1;margin-left:5px;margin-right:8px}.edit-stream{background-color:#211a12;display:flex;border-radius:10px;padding-right:10px;margin-bottom:10px}.edit-stream-mobile{background-color:#211a12;border-radius:10px;padding-right:10px;margin-bottom:10px}.name-container,.link-container{padding-top:8px;padding-bottom:5px;margin-right:15px}.edit-stream-slider-container{margin-left:5px;display:flex;flex:1;align-items:center}.edit-stream-loop-slider-container{margin-left:5px;display:flex;flex:1 1;align-items:center;flex-direction:column;padding-top:5px;position:relative;height:100%;justify-content:end}.loop-container{display:flex;flex:1;margin-right:15px;align-items:center;margin-left:10px}.buttons{display:flex}.remove-container{display:flex;align-items:center;justify-content:center}.edit-stream-row{display:flex;height:54px;margin-bottom:5px}.delete-row{display:flex;height:35px;justify-content:center}.add-edit-stream{background-color:#211a12;height:65px;display:flex;justify-content:center;align-items:center;border-radius:10px;padding-left:15px;padding-right:10px;margin-bottom:10px}.add-edit-stream:hover{background-color:#2a2116;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;padding-left:5px;justify-content:space-evenly}.edit-stream-volume-container{display:flex;flex:1;align-items:center}.loop-caption{font-size:10px;color:#fff;flex:1;text-align:center;position:absolute;top:10px}.loop-caption-no-loop{font-size:10px;color:#fff;flex:1;text-align:center;position:absolute;top:20px}.loop-slider{width:100%}.emoji-popup-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:5;display:flex;justify-content:center;align-items:center}.emoji-popup-background .picker-container{height:325px;width:280px}em-emoji-picker{overflow:hidden;height:325px;width:280px;min-height:250px;max-height:325px;min-width:280px;max-width:280px;--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}.content{background-color:#1a150f;flex:1}.save-popup{width:225px;height:160px;border-radius:15px;background-color:#14100c;z-index:4}.save-popup-name-container{display:flex;padding-left:24px;padding-right:24px;margin-bottom:16px}.save-popup-extension{color:#fff;display:flex;align-items:end;padding-bottom:5px;padding-left:3px}a{color:#c9a84c;text-decoration:none}.player-view-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:15px;padding-left:15px;padding-right:15px;background-color:#14100c;width:175px;height:90px}.playing-text{color:#fff;width:175px}.player-slider{margin-top:15px;flex:1;width:100%}.player-slider-container{margin-left:10px;margin-right:15px;display:flex;align-items:center;flex:1}.chromium-overlay{background-color:#000000bf;position:absolute;top:0;left:0;display:flex;flex-direction:column;height:100%;width:100%}.overlay-text{color:#fff;font-size:10px;padding-left:15px;padding-right:15px;display:flex;flex-direction:column;justify-content:space-evenly;flex:1}.overlay-list{margin-top:5px;padding-inline-start:5px}.overlay-images-container{display:flex;margin-top:10px;justify-content:center}.overlay-image{width:40px;height:40px;margin-left:10px;margin-right:10px}.instructions-link{color:#c9a84c;cursor:pointer;text-decoration:underline}.autoplay-overlay{z-index:1;font-size:18px}.chromium-overlay{background-color:#000000d9;position:absolute;top:0;left:0;display:flex;flex-direction:column;height:100%;width:100%}.enable-audio-box{color:#fff;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:0 18px;text-align:center}.enable-audio-btn{background-color:#c9a84c;color:#1a1a1a;border:none;border-radius:8px;padding:12px 24px;font-size:18px;font-weight:600;cursor:pointer;transition:background-color .15s ease}.enable-audio-btn:hover{background-color:#fff}.enable-audio-sub{font-size:12px;color:#e8dcc0;max-width:340px;line-height:1.4}