@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;outline:0}input,button{all:unset;box-sizing:border-box}ul,ol{list-style:none}.btn{padding:10px;border-radius:5px;background-color:#171717;transition:background-color .15s}.btn:hover{background-color:#232323}.btn.enabled{background-color:#2a2a2a}.btn:active:not(:has(.menu:hover)){color:#676767}.btn:active *{color:#b2b2b2}::placeholder{color:#676767}@font-face{font-family:liveview-icons;src:url(/assets/liveview-icons-Cu-kN-PF.otf)}.icon{font-family:liveview-icons}.icon-kick:before{content:""}.icon-twitch:before{content:""}.icon-refresh:before{content:""}.icon-manage:before{content:""}.icon-add:before{content:""}.icon-delete:before{content:""}.icon-settings:before{content:""}@font-face{font-family:Red Hat Display;font-style:normal;font-display:swap;font-weight:300 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/red-hat-display:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{height:100vh;background:#131313;color:#b2b2b2;font-family:Red Hat Display,sans-serif;font-size:13px;font-weight:700}#stream-img-wrap{background-color:#000000b3;position:absolute;inset:0;justify-content:center;align-items:center;overflow:hidden;z-index:20;display:flex}#stream-img-wrap img{border-radius:5px}#app{height:100%;overflow-y:hidden}#app #control-bar{display:flex;background-color:transparent!important;padding:10px;gap:10px}#app #control-bar .layout-btn{position:relative}#app #control-bar .layout-btn .counter{font-family:Consolas,sans-serif;position:absolute;left:50%;top:100%;transform:translate(-50%);z-index:5}#app #control-bar #refresh{margin-left:10px}#app #control-bar #manager-btn{margin-left:auto}#app #control-bar #manager-btn,#app #control-bar .menu-btn{position:relative;z-index:10}#app #control-bar #manager-btn.enabled #manager,#app #control-bar #manager-btn.enabled .menu,#app #control-bar .menu-btn.enabled #manager,#app #control-bar .menu-btn.enabled .menu{display:flex}#app #control-bar #manager-btn #manager,#app #control-bar #manager-btn .menu,#app #control-bar .menu-btn #manager,#app #control-bar .menu-btn .menu{font-family:Red Hat Display,sans-serif;background-color:#0f0f0f;display:none;position:absolute;top:100%;right:0;width:216.6666666667px;height:325px;overflow:hidden;border-radius:10px;flex-direction:column;gap:10px;padding:10px}#app #control-bar #manager-btn #manager .menu-row-wrap,#app #control-bar #manager-btn .menu .menu-row-wrap,#app #control-bar .menu-btn #manager .menu-row-wrap,#app #control-bar .menu-btn .menu .menu-row-wrap{display:flex;align-items:center}#app #control-bar #manager-btn #manager .site-btns,#app #control-bar #manager-btn .menu .site-btns,#app #control-bar .menu-btn #manager .site-btns,#app #control-bar .menu-btn .menu .site-btns{gap:10px}#app #control-bar #manager-btn #manager .site-btns .btn,#app #control-bar #manager-btn .menu .site-btns .btn,#app #control-bar .menu-btn #manager .site-btns .btn,#app #control-bar .menu-btn .menu .site-btns .btn{display:flex;flex:1;justify-content:center}#app #control-bar #manager-btn #manager .user-row:hover,#app #control-bar #manager-btn #manager .btn:hover,#app #control-bar #manager-btn .menu .user-row:hover,#app #control-bar #manager-btn .menu .btn:hover,#app #control-bar .menu-btn #manager .user-row:hover,#app #control-bar .menu-btn #manager .btn:hover,#app #control-bar .menu-btn .menu .user-row:hover,#app #control-bar .menu-btn .menu .btn:hover{background-color:#171717}#app #control-bar #manager-btn #manager .btn,#app #control-bar #manager-btn .menu .btn,#app #control-bar .menu-btn #manager .btn,#app #control-bar .menu-btn .menu .btn{background-color:transparent}#app #control-bar #manager-btn #manager .btn.enabled,#app #control-bar #manager-btn .menu .btn.enabled,#app #control-bar .menu-btn #manager .btn.enabled,#app #control-bar .menu-btn .menu .btn.enabled{background-color:#2a2a2a}#app #control-bar #manager-btn #manager .input-row,#app #control-bar #manager-btn .menu .input-row,#app #control-bar .menu-btn #manager .input-row,#app #control-bar .menu-btn .menu .input-row{padding:10px;position:relative}#app #control-bar #manager-btn #manager .input-row .icon,#app #control-bar #manager-btn .menu .input-row .icon,#app #control-bar .menu-btn #manager .input-row .icon,#app #control-bar .menu-btn .menu .input-row .icon{font-size:12px;padding:0}#app #control-bar #manager-btn #manager .input-row input,#app #control-bar #manager-btn .menu .input-row input,#app #control-bar .menu-btn #manager .input-row input,#app #control-bar .menu-btn .menu .input-row input{font-family:inherit;flex:1}#app #control-bar #manager-btn #manager .input-row #completer-wrap,#app #control-bar #manager-btn .menu .input-row #completer-wrap,#app #control-bar .menu-btn #manager .input-row #completer-wrap,#app #control-bar .menu-btn .menu .input-row #completer-wrap{right:0;display:none;position:absolute;background-color:#171717;top:100%;left:0;padding:10px;overflow-y:auto;border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:225px}#app #control-bar #manager-btn #manager .input-row #completer-wrap.visible,#app #control-bar #manager-btn .menu .input-row #completer-wrap.visible,#app #control-bar .menu-btn #manager .input-row #completer-wrap.visible,#app #control-bar .menu-btn .menu .input-row #completer-wrap.visible{display:block}#app #control-bar #manager-btn #manager .input-row #completer-wrap #completer,#app #control-bar #manager-btn .menu .input-row #completer-wrap #completer,#app #control-bar .menu-btn #manager .input-row #completer-wrap #completer,#app #control-bar .menu-btn .menu .input-row #completer-wrap #completer{display:flex;flex-direction:column;gap:10px;text-align:left}#app #control-bar #manager-btn #manager .input-row #completer-wrap #completer span,#app #control-bar #manager-btn .menu .input-row #completer-wrap #completer span,#app #control-bar .menu-btn #manager .input-row #completer-wrap #completer span,#app #control-bar .menu-btn .menu .input-row #completer-wrap #completer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app #control-bar #manager-btn #manager .input-row #completer-wrap #completer span:hover,#app #control-bar #manager-btn .menu .input-row #completer-wrap #completer span:hover,#app #control-bar .menu-btn #manager .input-row #completer-wrap #completer span:hover,#app #control-bar .menu-btn .menu .input-row #completer-wrap #completer span:hover{color:#676767}#app #control-bar #manager-btn #manager #manager-user-wrap,#app #control-bar #manager-btn .menu #manager-user-wrap,#app #control-bar .menu-btn #manager #manager-user-wrap,#app #control-bar .menu-btn .menu #manager-user-wrap{overflow-y:auto}#app #control-bar #manager-btn #manager #manager-user-wrap .icon,#app #control-bar #manager-btn .menu #manager-user-wrap .icon,#app #control-bar .menu-btn #manager #manager-user-wrap .icon,#app #control-bar .menu-btn .menu #manager-user-wrap .icon{font-size:12px;background-color:transparent}#app #control-bar #manager-btn #manager #manager-user-wrap .manager-user-layout,#app #control-bar #manager-btn .menu #manager-user-wrap .manager-user-layout,#app #control-bar .menu-btn #manager #manager-user-wrap .manager-user-layout,#app #control-bar .menu-btn .menu #manager-user-wrap .manager-user-layout{display:none;flex-direction:column}#app #control-bar #manager-btn #manager #manager-user-wrap .manager-user-layout.visible,#app #control-bar #manager-btn .menu #manager-user-wrap .manager-user-layout.visible,#app #control-bar .menu-btn #manager #manager-user-wrap .manager-user-layout.visible,#app #control-bar .menu-btn .menu #manager-user-wrap .manager-user-layout.visible{display:flex}#app #control-bar #manager-btn #manager #manager-user-wrap .manager-user-layout .user-row,#app #control-bar #manager-btn .menu #manager-user-wrap .manager-user-layout .user-row,#app #control-bar .menu-btn #manager #manager-user-wrap .manager-user-layout .user-row,#app #control-bar .menu-btn .menu #manager-user-wrap .manager-user-layout .user-row{display:flex;align-items:center;padding-left:10px;border-radius:5px}#app #control-bar #manager-btn #manager #manager-user-wrap .manager-user-layout .user-row.focused,#app #control-bar #manager-btn .menu #manager-user-wrap .manager-user-layout .user-row.focused,#app #control-bar .menu-btn #manager #manager-user-wrap .manager-user-layout .user-row.focused,#app #control-bar .menu-btn .menu #manager-user-wrap .manager-user-layout .user-row.focused{background-color:#2a2a2a}#app #control-bar #manager-btn #manager #manager-user-wrap .manager-user-layout .user-row span,#app #control-bar #manager-btn .menu #manager-user-wrap .manager-user-layout .user-row span,#app #control-bar .menu-btn #manager #manager-user-wrap .manager-user-layout .user-row span,#app #control-bar .menu-btn .menu #manager-user-wrap .manager-user-layout .user-row span{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app #control-bar #manager-btn #settings,#app #control-bar .menu-btn #settings{width:325px}#app #control-bar #manager-btn #settings .menu-row-wrap,#app #control-bar .menu-btn #settings .menu-row-wrap{gap:10px}#app #control-bar #manager-btn #settings span,#app #control-bar .menu-btn #settings span{text-wrap:nowrap}#app #control-bar #manager-btn #settings input[type=checkbox],#app #control-bar .menu-btn #settings input[type=checkbox]{width:1.2em;height:1.2em;background-color:#2a2a2a;position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;border-radius:5px}#app #control-bar #manager-btn #settings input[type=checkbox]:checked:after,#app #control-bar .menu-btn #settings input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#b2b2b2;font-size:.7em}#app #control-bar #manager-btn #settings #input-interval,#app #control-bar .menu-btn #settings #input-interval{font-family:Consolas,sans-serif;text-align:center;min-width:0;border-radius:5px;padding:10px;background-color:#171717}#app #card-layout-wrap{height:100%;display:flex}#app #card-layout-wrap .card-layout.visible:has(+.divider+.card-layout:not(.visible)),#app #card-layout-wrap .card-layout:not(.visible):has(+.divider+.card-layout.visible){flex-basis:100%!important}#app #card-layout-wrap .card-layout.visible:has(+.divider+.card-layout:not(.visible))+.divider,#app #card-layout-wrap .card-layout:not(.visible):has(+.divider+.card-layout.visible)+.divider{display:none}#app #card-layout-wrap .card-layout{display:grid;grid-template-columns:repeat(auto-fit,325px);justify-content:center;align-content:start;gap:10px;padding:0 10px;min-width:345px;width:100%;overflow-y:auto}#app #card-layout-wrap .card-layout:not(.visible){display:none}#app #card-layout-wrap .card-layout .card{border-radius:10px;user-select:none;display:flex;height:85px!important;overflow:hidden;flex:0 0 325px;background-color:#171717;position:relative}#app #card-layout-wrap .card-layout .card .card-img{margin:10px;z-index:2;border-radius:5px;aspect-ratio:1;object-fit:cover}#app #card-layout-wrap .card-layout .card .card-text-wrap{padding:10px 10px 10px 0;display:flex;flex-direction:column;overflow:hidden;flex:1}#app #card-layout-wrap .card-layout .card .card-text-wrap .card-top-text{width:100%;display:flex}#app #card-layout-wrap .card-layout .card .card-text-wrap .card-top-text .card-user{flex:1}#app #card-layout-wrap .card-layout .card .card-text-wrap .card-views{color:#676767;font-size:12px}#app #card-layout-wrap .card-layout .card .card-text-wrap .card-game{color:#676767;font-size:12px;margin-bottom:2px}#app #card-layout-wrap .card-layout .card .card-text-wrap .card-title{color:#676767;font-size:12px;line-height:1.2em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#app #card-layout-wrap .divider{flex:0 0 10px;position:relative}#app #card-layout-wrap .divider:hover{cursor:col-resize}#app #card-layout-wrap .divider:hover:before{height:100%}#app #card-layout-wrap .divider:before{content:"";position:absolute;background-color:#171717;top:50%;left:50%;border-radius:5px;width:3.3333333333px;height:40px;transform:translate(-50%,-50%);pointer-events:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#171717;border-radius:5px;min-height:40px;background-clip:padding-box}@-moz-document url-prefix(){*{scrollbar-color:#171717 transparent}}