[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%;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 .simplebar-content{pointer-events:none;-moz-user-select:none;user-select:none;-webkit-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:"";left:2px;opacity:0;position:absolute;right:2px;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{bottom:2px;top:2px}.simplebar-track.simplebar-horizontal{height:11px;left:0}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{height:7px;left:0;min-height:0;min-width:10px;right:auto;top:2px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{left:0;right:auto}.hs-dummy-scrollbar-size{direction:rtl;height:500px;opacity:0;overflow-x:scroll;overflow-y:hidden;position:fixed;visibility:hidden;width:500px}.simplebar-hide-scrollbar{-ms-overflow-style:none;left:0;overflow-y:scroll;position:fixed;scrollbar-width:none;visibility:hidden}
@font-face{font-family:Twitchy\.TV;src:url(/assets/fonts/Twitchy.TV.ttf)}@font-face{font-family:Roboto;font-weight:200;src:url(/assets/fonts/Roboto-Thin.ttf)}@font-face{font-family:Roboto;font-style:italic;font-weight:200;src:url(/assets/fonts/Roboto-ThinItalic.ttf)}@font-face{font-family:Roboto;src:url(/assets/fonts/Roboto-Regular.ttf)}@font-face{font-family:Roboto;font-style:italic;src:url(/assets/fonts/Roboto-Italic.ttf)}@font-face{font-family:Roboto;font-weight:500;src:url(/assets/fonts/Roboto-Medium.ttf)}@font-face{font-family:Roboto;font-style:italic;font-weight:500;src:url(/assets/fonts/Roboto-MediumItalic.ttf)}@font-face{font-family:Roboto;font-weight:600;src:url(/assets/fonts/Roboto-Bold.ttf)}@font-face{font-family:Roboto;font-style:italic;font-weight:600;src:url(/assets/fonts/Roboto-BoldItalic.ttf)}@font-face{font-family:Roboto;font-weight:800;src:url(/assets/fonts/Roboto-Black.ttf)}@font-face{font-family:Roboto;font-style:italic;font-weight:800;src:url(/assets/fonts/Roboto-BlackItalic.ttf)}html{height:100%}body{background-color:#0e0e10;color:#efeff1;margin:0;min-height:100%}a{color:#9146ff;text-decoration:none;transition:color .2s ease-in-out,background-color .2s ease-in-out}a:active,a:focus,a:hover{color:#772ce8}a.disabled{pointer-events:none}a.disabled,a.disabled:active,a.disabled:focus,a.disabled:hover{color:#bebebf}ul{margin:0;padding:0}*{font-family:Roboto}.container{padding-left:1rem;padding-right:1rem}.container:not(.is-fluid){margin:0 auto}@media only screen and (min-width:576px){.container:not(.is-fluid){max-width:540px;width:100%}}@media only screen and (min-width:768px){.container:not(.is-fluid){max-width:720px;width:100%}}@media only screen and (min-width:992px){.container:not(.is-fluid){max-width:960px;width:100%}}@media only screen and (min-width:1200px){.container:not(.is-fluid){max-width:1140px;width:100%}}@media only screen and (min-width:1320px){.container:not(.is-fluid){max-width:1380px;width:100%}}@media only screen and (min-width:1620px){.container:not(.is-fluid){max-width:1560px;width:100%}}.container-sm{margin:0 auto;padding-left:1rem;padding-right:1rem;width:100%}@media only screen and (min-width:576px){.container-sm{max-width:540px}}@media only screen and (min-width:768px){.container-sm{max-width:720px}}@media only screen and (min-width:992px){.container-sm{max-width:960px}}@media only screen and (min-width:1200px){.container-sm{max-width:1140px}}@media only screen and (min-width:1320px){.container-sm{max-width:1380px}}@media only screen and (min-width:1620px){.container-sm{max-width:1560px}}.container-md{margin:0 auto;padding-left:1rem;padding-right:1rem;width:100%}@media only screen and (min-width:768px){.container-md{max-width:720px}}@media only screen and (min-width:992px){.container-md{max-width:960px}}@media only screen and (min-width:1200px){.container-md{max-width:1140px}}@media only screen and (min-width:1320px){.container-md{max-width:1380px}}@media only screen and (min-width:1620px){.container-md{max-width:1560px}}.container-lg{margin:0 auto;padding-left:1rem;padding-right:1rem;width:100%}@media only screen and (min-width:992px){.container-lg{max-width:960px}}@media only screen and (min-width:1200px){.container-lg{max-width:1140px}}@media only screen and (min-width:1320px){.container-lg{max-width:1380px}}@media only screen and (min-width:1620px){.container-lg{max-width:1560px}}.container-xl{margin:0 auto;padding-left:1rem;padding-right:1rem;width:100%}@media only screen and (min-width:1200px){.container-xl{max-width:1140px}}@media only screen and (min-width:1320px){.container-xl{max-width:1380px}}@media only screen and (min-width:1620px){.container-xl{max-width:1560px}}.container-xxl{margin:0 auto;padding-left:1rem;padding-right:1rem;width:100%}@media only screen and (min-width:1320px){.container-xxl{max-width:1380px}}@media only screen and (min-width:1620px){.container-xxl{max-width:1560px}}.container-xxxl{margin:0 auto;padding-left:1rem;padding-right:1rem;width:100%}@media only screen and (min-width:1620px){.container-xxxl{max-width:1560px}}.simple-bar .simplebar-scrollbar:before{background-color:#0e0e10;border:2px solid #bebebf}.channel-list,.channel-list .channels{background-color:#1f1f23}.channel-list .channels{list-style-type:none}.channel-list .channels .channel{align-items:center;display:flex;height:40px;padding:5px 15px 5px 5px}.channel-list .channels .channel:active,.channel-list .channels .channel:focus,.channel-list .channels .channel:hover{background-color:#26262c;transition:background-color .2s ease-in-out}.channel-list .channels .channel .profile-picture{height:100%;min-width:40px}.channel-list .channels .channel .profile-picture img{border-radius:50%;height:100%;width:auto}.channel-list .channels .channel .channel-content{display:flex;flex-direction:column;justify-content:space-between;margin-left:10px;width:60%}.channel-list .channels .channel .channel-content .channel-name{color:#efeff1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-list .channels .channel .channel-content .current-game{color:#bebebf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-list .channels .channel .actions .icon-button{padding:5px}.channel-list .channels .channel .actions .icon-button:not(.disabled):active svg,.channel-list .channels .channel .actions .icon-button:not(.disabled):focus svg,.channel-list .channels .channel .actions .icon-button:not(.disabled):hover svg{fill:#efeff1}.channel-list .channels .channel .actions .icon-button svg{fill:#772ce8;height:16px;width:16px}.channel-list .channels .channel .live-icon{--size:7px;background-color:red;border-radius:50%;height:var(--size);margin-left:auto;width:var(--size)}.channel-list .simple-bar{height:350px}.button{background-color:#9146ff;border-radius:5px;color:#efeff1;cursor:pointer;display:inline-block;padding:5px 15px;transition:color .2s ease-in-out,background-color .2s ease-in-out}.button:not(.disabled):active,.button:not(.disabled):focus,.button:not(.disabled):hover{background-color:#772ce8;color:#efeff1}.button.disabled{background-color:#bebebf;color:#18181b;cursor:default}.icon-button{cursor:pointer;display:inline-block;padding:0;transition:all .2s ease-in-out,background-color .2s ease-in-out}.icon-button svg{transition:fill .2s ease-in-out,background-color .2s ease-in-out}.icon-button.disabled{cursor:default}.notices>*{border-radius:5px;padding:15px}.notices :not(.shown){display:none}.notices .success{background-color:#d4edda;color:#155724}.notices .error{background-color:#f8d7da;color:#721c24}#page-followed #followed-channels{width:33%}#page-followed #followed-channels .simple-bar{height:350px}#page-group-create .group-edit-content .group-details,#page-group-edit .group-edit-content .group-details{margin-bottom:20px}#page-group-create .group-edit-content .group-details label,#page-group-edit .group-edit-content .group-details label{display:block;margin-bottom:10px}#page-group-create .group-edit-content .channel-lists,#page-group-edit .group-edit-content .channel-lists{display:flex;width:100%}#page-group-create .group-edit-content .channel-lists .channel-list,#page-group-edit .group-edit-content .channel-lists .channel-list{width:50%}#page-group-create .group-edit-content .channel-lists .channel-list .simple-bar,#page-group-edit .group-edit-content .channel-lists .channel-list .simple-bar{height:400px}#page-group-create .group-edit-content .channel-lists #followed-channels,#page-group-edit .group-edit-content .channel-lists #followed-channels{margin-right:20px}#page-group-create .group-edit-content .channel-lists #followed-channels .actions .button[data-action=move-channel-down],#page-group-create .group-edit-content .channel-lists #followed-channels .actions .button[data-action=move-channel-up],#page-group-create .group-edit-content .channel-lists #followed-channels .actions .button[data-action=remove-channel],#page-group-create .group-edit-content .channel-lists #group-channels .actions .button[data-action=add-channel],#page-group-edit .group-edit-content .channel-lists #followed-channels .actions .button[data-action=move-channel-down],#page-group-edit .group-edit-content .channel-lists #followed-channels .actions .button[data-action=move-channel-up],#page-group-edit .group-edit-content .channel-lists #followed-channels .actions .button[data-action=remove-channel],#page-group-edit .group-edit-content .channel-lists #group-channels .actions .button[data-action=add-channel]{display:none}#page-group-create .group-edit-content .group-actions,#page-group-create .group-edit-content .notices,#page-group-edit .group-edit-content .group-actions,#page-group-edit .group-edit-content .notices{margin-top:20px}#page-group-index .group-header{display:flex;justify-content:flex-end}#page-group-index .group-header h3{margin:0 auto 0 0}#page-group-index .group-header .icon-button{margin-left:5px}#page-group-index .group-header .icon-button svg{height:16px;width:16px}#page-group-index .groups{display:flex;flex-wrap:wrap;justify-content:space-between}#page-group-index .groups .group{width:calc(50% - 10px)}#navbar .navbar-content{align-items:center;display:flex;justify-content:flex-start}#navbar .navbar-content #navbar-text{font-size:36px;font-size:2.25rem;margin:0}#navbar .navbar-content .navbar-account{align-items:center;display:flex;margin-left:auto}#navbar .navbar-content .navbar-account .profile-picture{--image-size:40px;border-radius:50%;height:var(--image-size);margin-left:10px;-o-object-fit:cover;object-fit:cover;width:var(--image-size)}#navbar .navbar-content .login-button{margin-left:auto}#navbar .navbar-navigation .navbar-navigation-inner .navbar-menu{background-color:#772ce8;display:flex;justify-content:flex-start}#navbar .navbar-navigation .navbar-navigation-inner .navbar-menu .navbar-menu-link{position:relative}#navbar .navbar-navigation .navbar-navigation-inner .navbar-menu .navbar-menu-link>a{background-color:#772ce8;color:#efeff1;display:block;padding:5px 30px}#navbar .navbar-navigation .navbar-navigation-inner .navbar-menu .navbar-menu-link>a:active,#navbar .navbar-navigation .navbar-navigation-inner .navbar-menu .navbar-menu-link>a:focus,#navbar .navbar-navigation .navbar-navigation-inner .navbar-menu .navbar-menu-link>a:hover{background-color:#9146ff}#navbar .navbar-navigation .navbar-navigation-inner .navbar-menu .navbar-menu-link .navbar-submenu{display:flex;flex-direction:column;left:0;opacity:0;position:absolute;right:0;transition:opacity .2s ease-in-out;visibility:hidden;z-index:10}#navbar .navbar-navigation .navbar-navigation-inner .navbar-menu .navbar-menu-link .navbar-submenu>a{background-color:#772ce8;color:#efeff1;padding:5px 15px}#navbar .navbar-navigation .navbar-navigation-inner .navbar-menu .navbar-menu-link .navbar-submenu>a:active,#navbar .navbar-navigation .navbar-navigation-inner .navbar-menu .navbar-menu-link .navbar-submenu>a:focus,#navbar .navbar-navigation .navbar-navigation-inner .navbar-menu .navbar-menu-link .navbar-submenu>a:hover{background-color:#9146ff}#navbar .navbar-navigation .navbar-navigation-inner .navbar-menu .navbar-menu-link:active .navbar-submenu,#navbar .navbar-navigation .navbar-navigation-inner .navbar-menu .navbar-menu-link:focus .navbar-submenu,#navbar .navbar-navigation .navbar-navigation-inner .navbar-menu .navbar-menu-link:hover .navbar-submenu{opacity:1;visibility:visible}