@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);.p-x-70{padding-inline:70px}.m-t-30{margin-top:30px}.m-b-40{margin-bottom:40px}.m-30{margin:30px}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#0b0b0b;--primary-light:#141414;--secondary-color:#884ab2;--terciary-color:#a16fc3;--warning-color:#ffbf00;--muted-color:#333;--bg-primary:linear-gradient(180deg,var(--primary-color) 0%,var(--primary-light) 100%);--bg-secondary:linear-gradient(90deg,var(--secondary-color) 0%,var(--terciary-color) 100%);--primary-text:#fff;--muted-text:#666;--font:"Ubuntu",sans-serif}body,button,input,textarea{font-family:Ubuntu,sans-serif;font-family:var(--font)}:focus{outline:none}a{text-decoration:none}.loader-container{display:flex;justify-content:center;width:100%}.modal-base{background:linear-gradient(180deg,#0b0b0b,#141414);background:var(--bg-primary);border-bottom:2px solid #ffbf00;border-bottom:2px solid var(--warning-color);border-radius:5px;color:#fff;color:var(--primary-text);max-width:600px;min-width:300px;overflow-x:hidden;overflow-y:scroll;padding:3rem;width:100%}.modal-base::-webkit-scrollbar{display:none}.App,body .MuiPaper-root{background:linear-gradient(180deg,#0b0b0b,#141414);background:var(--bg-primary)}.App{flex-direction:column;height:100vh;overflow:hidden}.App,main{display:flex;width:100%}main{height:92%;justify-content:space-between}main>.left-container{display:flex;flex:1 1 70%;flex-direction:column;height:100%;padding-inline:1.5rem}main #header{padding:1rem}main #header a.logo{align-items:center;display:flex;max-width:163px}main #header a.logo:active,main #header a.logo:visited{-webkit-text-fill-color:transparent}main #header svg{z-index:1}main #header h1{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px;border-radius:50%;color:#884ab2;color:var(--secondary-color);font-size:1.5rem;font-weight:800;padding:10px;-webkit-transform:translateX(-10%);transform:translateX(-10%);z-index:2}#tv{margin-right:auto;width:100%}#tv,.panel{height:100%}.panel{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.8);border-left:1px solid #333;border-left:1px solid var(--muted-color);display:flex;flex:0 1 30%;flex-direction:column;min-width:460px;position:relative;z-index:3}.panel-collapsed{flex:0 1 60px;min-width:0;min-width:auto;overflow:hidden}.panel .loader-container{position:absolute;right:15px;top:80px;width:50px;z-index:100}.panel .panel-header{align-items:center;display:grid;grid-template-columns:.75fr 1fr .75fr;padding-block:1rem;position:relative;right:0;top:0;z-index:99}.panel .panel-header .toggle-collapse-btn svg{transition:none}.panel.panel-collapsed .pageChange,.panel.panel-collapsed .panel-filter,.panel.panel-collapsed .panel-header #select-panel-view,.panel.panel-collapsed .panel-header .filterBtn,.panel.panel-collapsed .panel-header .select-panel-view-form,.panel.panel-collapsed .stream-list{display:none}.panel.panel-collapsed .panel-header{grid-template-columns:1fr}.panel.panel-collapsed .panel-header .toggle-collapse-btn svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#select-panel-view{color:#fff;color:var(--primary-text);padding:0;text-align:center}.panel .MuiSvgIcon-root{color:#fff;color:var(--primary-text);transition:all .3s ease}.panel .MuiSelect-select{font-family:Ubuntu,sans-serif;font-family:var(--font)}.panel .css-1yk1gt9-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root.Mui-focused .MuiOutlinedInput-notchedOutline{border:none}body .css-1poimk-MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper{background:linear-gradient(180deg,#0b0b0b,#141414);background:var(--bg-primary)}body .MuiOutlinedInput-notchedOutline{border:none}body .MuiMenuItem-root.MuiMenuItem-gutters.MuiButtonBase-root{color:#fff;color:var(--primary-text)}body .MuiMenuItem-root.MuiMenuItem-gutters.Mui-selected.MuiButtonBase-root{background:linear-gradient(90deg,#884ab2,#a16fc3)!important;background:var(--bg-secondary)!important}.panel button.filterBtn{transition:all .3s ease}.panel button.streamBtn{view-timeline-name:--revealing-image;view-timeline-axis:block;animation-timeline:--revealing-image;animation-range:entry 25% cover 40%;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-timing-function:ease;animation-timing-function:ease;display:flex;gap:1rem;position:relative;width:100%}@-webkit-keyframes fadeIn{0%{opacity:0;scale:75%}to{opacity:1;scale:100%}}@keyframes fadeIn{0%{opacity:0;scale:75%}to{opacity:1;scale:100%}}.panel button.streamBtn p.viewer_count{color:#666;color:var(--muted-text)}.panel button.streamBtn p.viewer_count:before{color:#dc3545;content:"⬤";margin-right:5px}.panel button.filterBtn,.panel button.toggle-collapse-btn{height:40px;margin-inline:auto;width:40px}.panel button.streamBtn>div{display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:space-evenly;text-align:start;width:100%}.panel button.streamBtn>div>div{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.panel button.streamBtn>div>h3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;max-width:220px;overflow:hidden;width:100%}.panel .stream-list::-webkit-scrollbar{display:none}.panel .stream-list{display:flex;flex-direction:column;gap:7px 0;height:100%;max-height:100%;overflow:scroll;padding-inline:10px;scroll-behavior:smooth}.panel .streamBtn{background:none;border:2px solid #666;border:2px solid var(--muted-text);border-radius:20px;cursor:pointer;opacity:.8;padding:7px;transition:all .3s ease}.panel .streamBtn:hover{opacity:1}.panel .streamBtn-active{border-color:#884ab2;border-color:var(--secondary-color);opacity:1;outline:1px solid #884ab2;outline:1px solid var(--secondary-color)}.panel .streamBtn img{border-radius:5px}.panel .streamBtn div h3{color:#fff;color:var(--primary-text)}.panel .streamBtn div p{color:#666;color:var(--muted-text)}.panel .streamBtn-active>div>p{color:#884ab2;color:var(--secondary-color)}.panel .pageChange{display:flex;justify-content:center;margin-top:auto;padding-inline:2rem}.panel .pageChange button{border-radius:50%;height:64px;width:64px}.panel .stream-chat-container{height:100%}.panel.panel-collapsed .stream-chat-container{overflow:hidden;width:0}.panel .stream-chat{border:none}.panel .filter-active{background-color:#884ab2;background-color:var(--secondary-color)}.css-lce9v1-MuiTabs-root .MuiTabs-indicator{transition:all .3s ease}.navbar{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.8);border-top:1px solid #333;border-top:1px solid var(--muted-color);display:flex;height:8%;justify-content:center;margin-top:auto;max-height:70px;padding:1rem;width:100%}.navbar,.navbar .MuiBox-root .navbar__link{color:#666;color:var(--muted-text);transition:color .5s ease}.navbar .MuiBox-root .navbar__link{line-height:10px}.navbar .MuiBox-root .navbar__link:hover{color:#fff;color:var(--primary-text)}.MuiInput-root.MuiInput-underline:before,.MuiInput-root.MuiInput-underline:hover:not(.Mui-disabled):before{border-color:#333;border-color:var(--muted-color)}.MuiInput-root.MuiInput-underline:after{border-color:#884ab2;border-color:var(--secondary-color)}body .MuiAutocomplete-input,body .MuiAutocomplete-noOptions,body .MuiAutocomplete-option,body .MuiAutocomplete-root svg,body .MuiInputLabel-root,body .MuiInputLabel-root.Mui-focused{color:#fff;color:var(--primary-text)}body .panel-filter .MuiOutlinedInput-root{border-bottom:1px solid #333;border-bottom:1px solid var(--muted-color);border-radius:0;transition:border-color .3s ease}body .panel-filter .MuiOutlinedInput-root.Mui-focused{border-color:#884ab2;border-color:var(--secondary-color)}body .panel-filter{background-color:#0b0b0b;background-color:var(--primary-color);min-height:45%;padding-bottom:2.5rem;position:fixed;right:0;top:72px;width:100%}body .panel-filter-container{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.8);height:100%;position:fixed;right:0;top:0;width:100%}body .panel.panel-collapsed .panel-filter-container{background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial}@media screen and (max-width:1000px){main #header{padding-right:3rem}.panel{height:92vh;position:fixed;right:0;top:0}.panel.panel-collapsed{-webkit-backdrop-filter:initial;backdrop-filter:none;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:initial;min-width:0;min-width:auto}.panel.panel-collapsed .panel-header{grid-template-columns:1fr}}@media screen and (max-width:768px){#tv{width:100%}main .left-container{padding:0}}@media screen and (max-width:500px){.panel{min-width:0;min-width:auto;width:100%}.panel.panel-collapsed{width:auto}h2.MuiTypography-h2{font-size:3rem}}@font-face{font-display:block;font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(/static/media/material-symbols-outlined.d7d80a21543152902110.woff2) format("woff2")}.material-symbols-outlined{-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-family:Material Symbols Outlined}@font-face{font-display:block;font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;src:url(/static/media/material-symbols-rounded.8f85f5ea84fcd20b77a7.woff2) format("woff2")}.material-symbols-outlined,.material-symbols-rounded{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;display:inline-block;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}.material-symbols-rounded{-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-family:Material Symbols Rounded}@font-face{font-display:block;font-family:Material Symbols Sharp;font-style:normal;font-weight:100 700;src:url(/static/media/material-symbols-sharp.fe9412e8b0cde01db032.woff2) format("woff2")}.material-symbols-sharp{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:Material Symbols Sharp;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}
/*# sourceMappingURL=main.389a5ac5.css.map*/