.sidebar-space{display:block;left:0;background-color:#1f1f23;min-width:240px;max-width:240px;overflow:hidden scroll;direction:ltr}.sidebar{display:block;position:relative;left:0;background-color:#1f1f23;min-width:240px;max-width:240px;border-right:0;z-index:1;padding-top:5px;direction:rtl}[dir=ltr] .sidebar .sidebar-button{right:10px!important}.sidebar .sidebar-button{position:absolute;top:10px;left:10px;font-size:22px;cursor:pointer}.sidebar .side-control{padding:5px 0}.sidebar .side-control .title .icon-title{display:none}.sidebar .side-control .title .text-title{font-size:14px;color:#c8c8c8;text-align:right;display:flex;align-items:center;border-bottom:1px solid #3a3a3d;margin:0 15px;padding-bottom:10px}.sidebar .side-control .title a{font-size:22px;color:#7c7c7c;text-align:right;padding-right:15px;margin-right:auto}.sidebar .side-control .title a:hover{color:#9147ff}.sidebar .side-control .title .camera-on{padding-right:0!important;padding-left:2px;margin-top:5px;font-size:20px}.sidebar .users{text-align:left;padding:0;margin:0}.sidebar .users .user{font-size:14px;list-style:none;padding:5px 5px 5px 10px;display:flex;align-items:center;justify-content:flex-end}.sidebar .users .user .info:hover{background-color:#26262c}.sidebar .users .user .user-avatar{width:35px;height:35px;margin-right:7px;border-radius:10px;overflow:hidden;min-width:-moz-fit-content;min-width:fit-content}.sidebar .users .user .user-avatar img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.sidebar .users .user .info{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;line-height:1.3}.sidebar .users .user .name{color:#c8c8c8;display:flex;flex-direction:row-reverse;justify-content:space-between;position:relative;margin-right:15px}.sidebar .users .user .name .username{font-size:14px;padding-left:4px;text-overflow:ellipsis;overflow:hidden;margin-bottom:0;direction:ltr;width:80%}.sidebar .users .user .name .count{font-size:12px;font-weight:500;color:#fff;top:1px}.sidebar .users .user .name .count:after{content:"";width:7px;position:absolute;height:7px;border-radius:50%;background-color:#e91916;top:4px;right:-12px}.sidebar a:focus-visible,.sidebar button:focus-visible{outline:2px solid #a970ff;outline-offset:2px}.sidebar .users .user .category{direction:ltr;color:#adadb8!important}.sidebar .users .user .category:hover{text-decoration:none!important;color:#a970ff!important}.sidebar .users .user .category p{text-overflow:ellipsis;overflow:hidden;padding:0 5px;font-size:13px;width:80%;float:left;margin-bottom:0}.sidebar-small-space{min-width:50px;max-width:50px;background-color:#1f1f23}.sidebar-small-space .sidebar{height:100%;min-width:50px;max-width:50px}.sidebar-small-space .sidebar .title .text-title{display:none}.sidebar-small-space .sidebar .title .icon-title{display:block;text-align:center;justify-content:center;flex-direction:column;padding-bottom:0}.sidebar-small-space .sidebar .title #open-side{padding:0;margin:0}.sidebar-small-space .sidebar .user-avatar{width:35px;height:35px;margin-right:0}.sidebar-small-space .sidebar .user{position:relative;justify-content:center}.sidebar-small-space .sidebar .user .info{display:none;background-color:#18181b;border-radius:7px;padding:10px;width:-moz-max-content;width:max-content;position:fixed!important;left:75px;-ms-box-shadow:0 0 5px 0 #432176;-o-box-shadow:0 0 5px 0 #432176;box-shadow:0 0 5px #432176}.sidebar-small-space .sidebar .user .info .name{color:#9147ff}.sidebar-small-space .sidebar .user .info .description{font-size:13px;color:#fff;font-weight:500;margin:5px 0}.sidebar-small-space .sidebar .user .info .live-count{font-size:13px;color:#c8c8c8;font-weight:300;display:inline-block;position:relative}.sidebar-small-space .sidebar .user .info .live-count:after{content:"";width:7px;position:absolute;height:7px;border-radius:50%;background-color:#3bd944;top:5px;right:-14px}.sidebar-small-space .sidebar .users .user:hover>.info{display:block}[dir=ltr] .side-control{direction:ltr}[dir=ltr] #close-side{right:15px}[dir=rtl] #close-side{left:15px}#close-side{position:absolute;top:10px;font-size:22px;text-align:right;margin-right:auto;background-color:transparent;color:#e4e4e6!important}.btn-purple{background-color:#9147ff!important;color:#fff!important;border-radius:.3rem!important;font-weight:700!important}.btn-purple:hover{background-color:#772ce8!important;color:#fff!important}.loadingAnimation{border:3px solid hsl(210deg 32% 15%);border-top-color:#9147ff;border-radius:50%;width:3em;height:3em;animation:spin 1s linear infinite}.small-menu-column{border-radius:10px!important;padding:10px 15px!important}.dropdown-menu{background-color:#18181b;border:1px solid #0e0e10}.small-menu-column .dropdown-item{border-radius:30px}.dropdown-menu .dropdown-item{font-size:13px!important;color:#c8c8c8;font-weight:400!important;text-align:center;transition:all .3s}.header .head-items .nav-link{color:#c8c8c8;font-size:13px;padding:0 10px;font-weight:700}.small-menu{border-radius:4px;background-color:transparent;border:1px solid transparent;color:#fff!important;width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:17px!important;position:relative}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.header .head-items .nav-link:hover{color:#9147ff}.form-control-c{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box;line-height:1.5;transition:box-shadow var(--timing-short) ease-in,border var(--timing-short) ease-in,background-color var(--timing-short) ease-in;border-style:solid;border-width:2px;border-width:var(--border-width-input);border-color:#ffffff36;color:var(--color-text-input);background-color:#ffffff38;display:block;width:100%;height:2.5rem;border-radius:.4rem!important;padding:.5rem 1rem!important;font-size:var(--font-size-6)!important}.sidebar-small-space .login-notice{display:none!important}.login-notice{border-radius:15px;margin:10px;border:1px solid #2a2a3c;padding:10px 15px;text-align:center;background-color:#18181b;overflow:hidden}.login-notice .head{font-size:14px;color:#c8c8c8;padding-top:10px;font-weight:400}.login-notice .desc{color:#c8c8c8;font-size:12px;margin-top:20px;font-weight:400}.login-notice .head .primary-color{font-size:15px;font-weight:800;color:#9147ff}.login-notice .twitch-login{font-size:13px!important;color:#fff!important;display:flex;margin-top:15px;margin-bottom:5px;justify-content:center;align-items:center;font-weight:400!important;background-color:#9147ff;border-radius:5px;padding:5px 10px}