@import"https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.lobby-by-category-container .lobby-by-category{display:grid;grid-template-columns:226px 1fr}.lobby-by-category-container .lobby-by-category .sidebar-container{background:#202020;display:grid;grid-template-rows:auto 1fr auto;height:calc(100dvh - 69px);padding:1rem;position:sticky;top:69px;width:226px}.lobby-by-category-container .lobby-by-category .sidebar-container .logo-container{display:flex;width:140px}.lobby-by-category-container .lobby-by-category .sidebar-container .sidebar-routes{border-top:1px solid #333;display:flex;flex-direction:column;overflow:auto}.lobby-by-category-container .lobby-by-category .sidebar-container .sidebar-links .sidebar-route-item{align-items:center;color:#ddd;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:48px;position:relative;width:100%}.lobby-by-category-container .lobby-by-category .sidebar-container .sidebar-links .sidebar-route-item i{font-size:1.2rem}.lobby-by-category-container .lobby-by-category .sidebar-container .sidebar-links .sidebar-route-item:after{background:#ff8000;border-radius:30px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .2s ease;width:3px}.lobby-by-category-container .lobby-by-category .sidebar-container .sidebar-links .sidebar-route-item:hover:after{opacity:1}.lobby-by-category-container .lobby-by-category .sidebar-container .sidebar-footer{border-top:1px solid #333}.lobby-by-category-container .lobby-by-category .lobby-content-container{background:#171717;flex:1;overflow:auto;padding:1rem}.lobby-by-category-container .lobby-by-category .lobby-content-container .search-games-container{max-width:100%;width:400px}.lobby-by-category-container .lobby-by-category .lobby-content-container .search-games-container .el-input--large .el-input__wrapper{background:#232323;border-radius:8px;box-shadow:inset 0 0 0 1px #232323;transition:all .2s ease}.lobby-by-category-container .lobby-by-category .lobby-content-container .search-games-container .el-input--large .el-input__wrapper.is-focus{background:#2f2f2f;box-shadow:inset 0 0 0 1px #434343!important}.lobby-by-category-container .lobby-by-category .lobby-content-container .swiper-games-container .swiper-game{border-radius:8px;cursor:pointer;transition:all .2s ease;width:calc(16.66667% - 1.66667px)}.lobby-by-category-container .lobby-by-category .lobby-content-container .swiper-games-container .swiper-game picture{border:2px solid #171717;border-radius:8px;overflow:hidden}.lobby-by-category-container .lobby-by-category .lobby-content-container .swiper-games-container .swiper-game picture img{border-radius:8px;transition:all .2s ease}.lobby-by-category-container .lobby-by-category .lobby-content-container .swiper-games-container .swiper-game .game-details .game-name span{color:#fff;font-size:.875rem;text-transform:capitalize}.lobby-by-category-container .lobby-by-category .lobby-content-container .swiper-games-container .swiper-game .game-details .game-favorite i{color:#fff;font-size:1.1875rem}.lobby-by-category-container .lobby-by-category .lobby-content-container .swiper-games-container .swiper-game .game-details .game-favorite:hover i{color:#ff8000}.lobby-by-category-container .lobby-by-category .lobby-content-container .swiper-games-container .swiper-game:hover picture{border-color:#ff8000}.lobby-by-category-container .lobby-by-category .lobby-content-container .swiper-games-container .swiper-game:hover picture img{transform:scale(1.1)}@media screen and (max-width:991px){.lobby-by-category-container .lobby-by-category .lobby-content-container .swiper-games-container .swiper-game{width:calc(50% - 5px)}}.lobby-by-category-container .lobby-by-category .lobby-content-container .swiper-btn{display:flex;height:100%;margin-top:0;top:0;width:40px}.lobby-by-category-container .lobby-by-category .lobby-content-container .swiper-btn .swiper-action{align-items:center;background:#fff3;border-radius:30px;color:#fff;display:flex;font-size:1.5rem;height:80px;justify-content:center;margin-top:-45px;transition:all .2s ease;width:40px}.lobby-by-category-container .lobby-by-category .lobby-content-container .swiper-btn:after{display:none}.lobby-by-category-container .lobby-by-category .lobby-content-container .swiper-btn:hover .swiper-action{background:#ffffff80}.lobby-by-category-container .loading-container{align-items:center;color:#000;display:flex;justify-content:center;padding:20px 30px}.lobby-by-category-container .loading-container .loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.lobby-by-category-container .loading-container .loading-spinner i{font-size:2rem}.lobby-by-category-container .loading-container .loading-spinner span{font-size:1.5rem;text-transform:uppercase}