.servers-list .sidebar{z-index:500;position:fixed;top:0;left:0;background:var(--background-light);height:100%;display:flex;flex-direction:column;width:300px}.servers-list .sidebar .title{text-align:center;font-size:25px;padding:10px;font-style:italic}.servers-list .sidebar .list{overflow-y:scroll}.servers-list .sidebar .list .item{margin-top:10px;padding:10px;display:flex;cursor:pointer;position:relative}.servers-list .sidebar .list .item .icone img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:60px}.servers-list .sidebar .list .item .name{padding-left:10px;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.servers-list .sidebar .list .item .total{font-family:Roboto}.servers-list .sidebar .list .item:hover{background:var(--background)}.servers-list .sidebar .list .item .info{position:absolute;bottom:10px;right:0;padding-right:20px;font-size:20px}.servers-list .sidebar .list::-webkit-scrollbar{width:0;height:0;visibility:hidden}.servers-list .sidebar .item-add{cursor:pointer;text-align:center;background:var(--dark-primary-color);padding:10px}.servers-list .sidebar .item-add a{border-radius:10px;text-decoration:none;color:#fff}.servers-list .sidebar .item-add-close{cursor:pointer;text-align:center;background:var(--dark-danger-color);padding:10px}.servers-list .sidebar .item-add-close a{border-radius:10px;text-decoration:none;color:#fff}.servers-list .sidebar .item-add-valid{cursor:pointer;text-align:center;background:var(--dark-success-color);padding:10px}.servers-list .sidebar .item-add-valid a{border-radius:10px;text-decoration:none;color:#fff}.servers-list .sidebar .add-servers input{width:100%;height:40px;font-size:22px;padding:0;border:0;color:#fff;background:var(--background-light);text-align:center}.servers-list .sidebar .add-servers input:focus{outline:none}.servers-list .sidebar .add-servers input:-ms-input-placeholder{color:#fff}.servers-list .sidebar .add-servers input::-moz-placeholder{color:#fff}.servers-list .sidebar .add-servers input::placeholder{color:#fff}.servers-list .sidebar .premium{position:relative;width:100%;height:100%}.servers-list .sidebar .premium .placement{position:absolute;left:50%;top:30%;transform:translate(-50%,-30%);width:100%}.servers-list .sidebar .premium .placement .top{text-align:center}.servers-list .sidebar .premium .placement .top img{width:90%}.servers-list .sidebar .premium .placement .text{margin-top:20px;top:-10px;position:relative;text-align:center;font-size:25px;font-style:italic;overflow:hidden;text-overflow:ellipsis;font-weight:700}.servers-list .sidebar .premium .placement .shop-button{margin-top:10px;text-align:center}.servers-list .sidebar .premium .placement .shop-button .go-to-shop{text-decoration:none;color:#fff;background:var(--dark-primary-color);padding:10px;border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);font-size:23px;font-weight:700}.servers-list .sidebar .premium .placement .shop-button .go-to-shop:hover{box-shadow:0 8px 25px -8px var(--dark-primary-color)}.servers-list .switch-mode{z-index:500;border-bottom-right-radius:15px;padding:20px;background:var(--main-color);position:absolute;top:0;left:0;cursor:pointer;font-weight:700;font-style:italic}.bot-sidebar .sidebar{z-index:500;position:fixed;top:0;right:0;background:var(--background-light);height:100%;display:flex;flex-direction:column;width:300px}.bot-sidebar .sidebar .title{text-align:center;font-size:25px;padding:10px;font-weight:700;font-style:italic}.bot-sidebar .sidebar .premium{position:relative;width:100%;height:100%}.bot-sidebar .sidebar .premium .placement{position:absolute;left:50%;top:30%;transform:translate(-50%,-30%);width:100%}.bot-sidebar .sidebar .premium .placement .top{text-align:center}.bot-sidebar .sidebar .premium .placement .top img{width:90%}.bot-sidebar .sidebar .premium .placement .text{margin-top:20px;top:-10px;position:relative;text-align:center;font-size:25px;font-style:italic;overflow:hidden;text-overflow:ellipsis;font-weight:700}.bot-sidebar .sidebar .premium .placement .shop-button{margin-top:10px;text-align:center}.bot-sidebar .sidebar .premium .placement .shop-button .go-to-shop{text-decoration:none;color:#fff;background:var(--dark-primary-color);padding:10px;border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);font-size:23px;font-weight:700}.bot-sidebar .sidebar .premium .placement .shop-button .go-to-shop:hover{box-shadow:0 8px 25px -8px var(--dark-primary-color)}.bot-sidebar .switch-mode{z-index:500;border-bottom-left-radius:15px;padding:20px;background:var(--main-color);position:fixed;top:0;right:0;cursor:pointer;font-weight:700;font-style:italic}.modal-credit{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(2,2,2,.712);z-index:500}.modal-credit .center{position:absolute;left:50%;top:30%;transform:translate(-50%,-30%)}.modal-credit .center .title{font-size:30px;font-weight:700;font-style:italic;text-align:center}.modal-credit .center .list{display:flex;flex-direction:column}.modal-credit .center .list .item{cursor:pointer;text-align:center;font-style:italic;padding:10px;background:var(--dark-primary-color);border-radius:10px;margin-top:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.modal-credit .center .list .item span{font-family:Roboto,sans-serif;font-style:italic;font-weight:700}.modal-credit .center .list .item:hover{box-shadow:0 8px 25px -8px var(--dark-primary-color)}.modal-credit .center .list .close{cursor:pointer;margin-top:20px;padding:10px;background:var(--dark-danger-color);border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);position:relative;font-style:italic;text-align:center}.modal-credit .center .list .close:hover{box-shadow:0 8px 25px -8px var(--dark-danger-color)}.modal-credit .center .list .active{position:absolute;bottom:-120px;left:50%;transform:translate(-50%);font-size:60px;font-style:normal}.modal-settings{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(2,2,2,.712);z-index:500}.modal-settings .center{position:absolute;left:50%;top:30%;transform:translate(-50%,-30%)}.modal-settings .center .title{font-size:30px;font-weight:700;font-style:italic;text-align:center}.modal-settings .center .sub-title{font-size:15px;font-weight:700;text-align:start;margin-top:30px}.modal-settings .center .lang{display:flex;flex-wrap:wrap}.modal-settings .center .lang .country{cursor:pointer;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-settings .center .lang .country img{border-radius:10px}.modal-settings .center .lang .active,.modal-settings .center .lang .country:hover{color:var(--primary-color)}.modal-settings .center .close{margin-top:15px;text-align:center}.modal-settings .center .close a{color:#fff;text-decoration:none;padding:10px;border-radius:10px;background:var(--dark-danger-color);font-style:italic;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.modal-settings .center .close a:hover{box-shadow:0 8px 25px -8px var(--dark-danger-color)}.toast{position:fixed;top:0;left:0;width:100%;z-index:800}.toast .center{position:absolute;left:50%;transform:translate(-50%);margin-top:20px}.toast .center .list{display:flex;flex-direction:column}.toast .center .list .notification{z-index:800;margin-top:15px;padding:10px;background:var(--dark-primary-color);border-radius:10px;border-top-right-radius:0;width:300px;position:relative;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.toast .center .list .notification .title{font-weight:700;font-style:italic;font-size:20px}.toast .center .list .notification .content{font-size:18px}.toast .center .list .notification .close{cursor:pointer;display:flex;justify-content:center;align-items:center;width:25px;height:25px;font-size:15px;background:var(--danger-color);top:0;right:0;position:absolute;border-bottom-left-radius:10px}.navbar .hud{position:fixed;left:0;bottom:0;display:flex}.navbar .hud .avatar{padding:10px}.navbar .hud .avatar img{width:80px;border-radius:10px}.navbar .hud .info{display:flex;flex-direction:column;justify-content:center;font-size:22px;font-family:Roboto}.navbar .box{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:100%}.navbar .box .navigation{display:flex;justify-content:center;flex-wrap:wrap}.navbar .box .navigation .item{text-decoration:none;padding:10px;color:#fff;font-size:22px;font-weight:700;font-style:italic;position:relative}.navbar .box .navigation .active,.navbar .box .navigation .item:hover{color:var(--primary-color)}.navbar .box .navigation .item:not(:first-child){margin-left:10px}@media (max-width:1220px){.navbar .hud{display:none}}