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;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:#e8dcc0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;font-size:.78rem;line-height:1.15;font-family:Cinzel,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}.track-list{display:flex;flex-direction:column;gap:5px;padding:2px 0 4px}.track-row{display:grid;grid-template-columns:18px 34px 1fr auto;align-items:center;gap:9px;padding:9px 10px;background:#211a12;border:1px solid rgb(54,44,29);border-radius:9px;position:relative;overflow:hidden;transition:background .15s,border-color .15s}.track-row:hover{background:#2a2116}.track-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}.track-row.playing{border-color:#5c3a1e;background:#2a1f14}.track-row.playing:before{background:linear-gradient(180deg,#b83232,#c9a84c);box-shadow:0 0 10px 1px #b832328c;animation:ember 2.4s ease-in-out infinite}@keyframes ember{0%,to{opacity:.55}50%{opacity:1}}.track-emoji{font-size:22px;text-align:center;line-height:1;-webkit-user-select:none;user-select:none}.track-main{min-width:0}.track-name{font-size:15px;color:#e8dcc0;line-height:1.2;word-break:break-word}.track-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px}.chip{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-family:Cinzel,serif;letter-spacing:.03em;color:#b4a480;border:1px solid #4a3d28;border-radius:5px;padding:1px 5px 2px;background:#00000026;white-space:nowrap}.chip .chip-ic{display:inline-flex}.chip.layers{color:#7d7157}.track-actions{display:flex;align-items:center;gap:3px}.mini-btn{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:transparent;border:1px solid transparent;color:#7d7157;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.mini-btn:hover{color:#e6c866;background:#2c2216;border-color:#362c1d}.mini-btn.del:hover{color:#ff9a8a;background:#3a1a17}.play-btn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;margin-left:2px;background:#2c2216;border:1px solid #4a3d28;color:#c9a84c;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.play-btn:hover{background:#8b1a1a;border-color:#b83232;color:#e8dcc0}.play-btn:active{transform:scale(.93)}.track-row.playing .play-btn{background:#8b1a1a;border-color:#b83232;color:#fff}.drag{background:none;border:none;cursor:grab;color:#7d7157;font-size:15px;line-height:1;padding:0;text-align:center;-webkit-user-select:none;user-select:none;touch-action:none}.drag:active{cursor:grabbing}.track-progress{grid-column:1 / -1;display:flex;align-items:center;gap:9px;margin-top:8px;padding-left:2px}.track-progress .pt{font-size:10px;color:#c9a84c;font-variant-numeric:tabular-nums;min-width:30px}.track-progress .pt:last-child{text-align:right}.ptrack{flex:1;height:4px;border-radius:3px;background:#3a2d1a;position:relative}.pfill{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:3px;background:linear-gradient(90deg,#b83232,#e6c866)}.pfill:after{content:"";position:absolute;right:-3px;top:50%;width:7px;height:7px;border-radius:50%;transform:translateY(-50%);background:#e6c866;box-shadow:0 0 7px 2px #e6c86699}.track-mix{grid-column:1 / -1;display:flex;align-items:center;gap:9px;margin-top:8px;padding-left:2px}.mix-mute{background:none;border:none;color:#7d7157;cursor:pointer;display:grid;place-items:center;padding:0}.mix-mute:hover{color:#e6c866}.mix-range{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:3px;background:linear-gradient(90deg,#c9a84c var(--fill,60%),#3a2f1e var(--fill,60%));outline:none;cursor:pointer}.mix-range:disabled{opacity:.5;cursor:default}.mix-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#e6c866;border:1px solid #6b551f}.mix-range::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#e6c866;border:1px solid #6b551f}.add-track-row{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px;margin-top:3px;border:1px dashed #4a3d28;border-radius:9px;color:#7d7157;font-family:Cinzel,serif;font-size:13px;letter-spacing:.03em;cursor:pointer;background:transparent;width:100%;transition:color .15s,border-color .15s}.add-track-row:hover{color:#e6c866;border-color:#c9a84c}.add-track-row .plus{font-size:18px;line-height:1}.tracks-empty{text-align:center;padding:30px 20px 24px;color:#7d7157}.tracks-empty-mark{font-size:32px;opacity:.5;margin-bottom:8px}.tracks-empty h3{font-family:Cinzel,serif;font-weight:600;color:#b4a480;margin:0 0 6px;font-size:15px}.tracks-empty p{margin:0 auto 4px;font-size:13px;max-width:240px;line-height:1.5}@media (prefers-reduced-motion: reduce){.track-row.playing:before{animation:none;opacity:.9}}.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{background-color:#1a150f;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:34px 24px 30px}.pv-now{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.pv-disc{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#3a2a18,#1c140c);border:1px solid #5c4a24;color:#e6c866}.pv-disc.idle{color:#7d7157;border-color:#362c1d}.pv-disc.active{animation:pv-pulse 2.2s ease-out infinite}@keyframes pv-pulse{0%{box-shadow:0 0 #c9a84c73}70%{box-shadow:0 0 0 18px #c9a84c00}to{box-shadow:0 0 #c9a84c00}}.pv-title{font-family:Cinzel,serif;font-weight:600;font-size:17px;letter-spacing:.03em;color:#e8dcc0}.pv-sub{font-size:13px;color:#7d7157}.pv-vol{width:100%;max-width:280px}.pv-vol-label{font-family:Cinzel,serif;font-size:11px;letter-spacing:.05em;color:#7d7157;text-transform:uppercase;margin-bottom:8px}.pv-vol-row{display:flex;align-items:center;gap:12px}.pv-mute{background:none;border:none;color:#b4a480;cursor:pointer;display:grid;place-items:center;padding:4px;border-radius:7px}.pv-mute:hover{color:#e6c866}.pv-mute.muted{color:#e0745f}.pv-mute:disabled{color:#4a3d28;cursor:default}.pv-range{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:3px;background:linear-gradient(90deg,#c9a84c var(--fill,100%),#3a2f1e var(--fill,100%));outline:none;cursor:pointer}.pv-range.muted{background:linear-gradient(90deg,#6b5a44 var(--fill,100%),#2a2318 var(--fill,100%))}.pv-range:disabled{opacity:.5;cursor:default}.pv-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#e6c866;border:1px solid #6b551f;box-shadow:0 0 6px #c9a84c99}.pv-range::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#e6c866;border:1px solid #6b551f}.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}