.mode_container{animation:mode_block_in .35s ease backwards;display:flex;flex-direction:column;gap:15px;width:100%}@keyframes mode_block_in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mode_list_block{align-items:center;display:flex;gap:12px;justify-content:space-between}.mode_list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;width:100%}.mode_list::-webkit-scrollbar{display:none}.mode_list .mode_button_load{border-radius:10px;max-width:177px}.mode_list .mode_button,.mode_list .mode_button_load{display:flex;height:50px;min-width:150px;overflow:hidden;position:relative}.mode_list .mode_button{align-items:center;background:#161616;border:1px solid transparent;border-radius:10px;cursor:pointer;flex:1 1 150px;gap:10px;max-width:max-content;padding:0 12px 0 16px;transition:background .3s,border-color .3s;-webkit-user-select:none;user-select:none;white-space:nowrap}.mode_list .mode_button p{color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;transition:color .3s}.mode_list .mode_button:hover{background:#1a1a1a;border-color:hsla(0,0%,100%,.063)}.mode_list .mode_button_active{background:#202020;border-color:hsla(0,0%,100%,.063)}.mode_list .mode_button_active:hover{background:#202020;border-color:hsla(0,0%,100%,.063)}.mode_list .mode_online_servers{align-items:center;color:#fff;display:flex;gap:8px;margin-left:auto;position:relative}.mode_list .mode_online_servers svg{animation:online_pulse_servers 3s infinite;border-radius:50%;fill:#6080ff;height:8px;width:8px}.mode_list .mode_online_servers .mode_count_servers{font-weight:700}@keyframes online_pulse_servers{50%{opacity:.5}}.mode_title{color:hsla(0,0%,100%,.5);font-size:12px;font-weight:500;letter-spacing:-.02em;line-height:20px;min-width:max-content}.mode_title span{text-transform:uppercase}.mode_banner_load{border-radius:10px}.mode_banner,.mode_banner_load{display:flex;height:200px;overflow:hidden;position:relative}.mode_banner{background-color:#161616;border:1px solid hsla(0,0%,100%,.063);border-radius:10px;-webkit-user-select:none;user-select:none}.mode_banner:after{background:linear-gradient(90deg,#161616 28%,hsla(0,0%,9%,.4) 60%,transparent);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.mode_image{background-position:50%;background-size:cover;border-radius:10px;height:100%;left:0;object-fit:cover;opacity:.35;position:absolute;top:0;width:100%;z-index:1}.mode_info{display:flex;flex-direction:column;gap:10px;justify-content:center;padding:32px;z-index:3}.mode_name{color:#fff;font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.mode_description{color:hsla(0,0%,100%,.5);font-size:15px;font-weight:500;letter-spacing:-.02em;line-height:1.5;max-width:500px}.servers_filter{align-items:center;display:flex;justify-content:space-between;min-height:45px;-webkit-user-select:none;user-select:none}.servers_filter_left{flex-direction:row;flex-wrap:wrap}.servers_filter_left,.servers_filter_right{align-items:center;display:flex;gap:15px}.servers_filter_section.lock:hover .servers_filter_section_title,.servers_filter_section.lock:hover .servers_filter_section_value{cursor:auto!important;opacity:1!important}.servers_filter_section{align-items:center;display:flex;gap:8px;position:relative;transition:.3s}.servers_filter_section:hover .servers_filter_section_title,.servers_filter_section:hover .servers_filter_section_value{opacity:.75}.servers_filter_section_title{color:hsla(0,0%,100%,.5);cursor:pointer;font-weight:500;transition:.3s}.servers_filter_section_value{align-items:center;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:3px;transition:.3s}.servers_filter_section_value span{max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.servers_filter_section_value svg{fill:#fff;height:20px;transition:.3s;width:20px}.servers_filter_section.is_open .servers_filter_section_value svg{transform:rotate(180deg)}.servers_filter_switch{align-items:center;cursor:pointer;display:flex;gap:8px;position:relative;transition:.3s}.servers_filter_switch:hover{opacity:.75}.servers_filter_switch_title{color:hsla(0,0%,100%,.5);font-weight:500;transition:.3s}.servers_filter_switch_block .servers_slider{background:#202020;border-radius:20px;display:flex;height:24px;position:relative;transition:.3s;width:42px}.servers_filter_switch_block .servers_slider span{background:#fff;border-radius:50%;height:16px;left:4px;position:absolute;top:4px;transition:.3s;width:16px}.servers_filter_switch_block .servers_slider.active{background:#6080ff}.servers_filter_switch_block .servers_slider.active span{transform:translateX(18px)}.servers_filter .servers_fast_play{align-items:center;background:#6080ff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;height:40px;height:45px;justify-content:center;line-height:1;padding:0 20px;transition:background .3s,color .3s,opacity .3s,border-color .3s;user-select:none}.servers_filter .servers_fast_play svg{flex-shrink:0;height:16px;transition:fill .3s;width:16px}.servers_filter .servers_fast_play.is-disabled,.servers_filter .servers_fast_play:disabled{opacity:.5;pointer-events:none}.servers_filter .servers_fast_play svg{fill:#fff}.servers_filter .servers_fast_play:hover{opacity:.85}.servers_filter_cat_item{align-items:center;border-radius:7px;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:space-between;padding:9px 10px;transition:background .3s,color .3s;white-space:nowrap;width:100%}.servers_filter_cat_item svg{fill:#6080ff;height:15px;opacity:0;transition:.3s;width:15px}.servers_filter_cat_item:hover{background:#202020;color:#fff}.servers_filter_cat_item.active{color:#fff}.servers_filter_cat_item.active svg{opacity:1}.servers_list{animation:mode_block_in .3s ease backwards;display:flex;flex-direction:column;gap:15px}.servers_block{display:grid;gap:15px}.servers_type{color:hsla(0,0%,100%,.5);font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.servers_wrapper{align-content:flex-start;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%}.server_block_load{overflow:hidden}.server_block,.server_block_load{border-radius:10px;height:85px;position:relative;width:100%}.server_block{background-color:#161616;border:1px solid transparent;cursor:pointer;display:flex;transition:border-color .3s}.server_block_hover:hover{border-color:hsla(0,0%,100%,.063)}.server_block_hover:hover .server_img{opacity:.6}.server_block_cursor{cursor:auto}.server_new{border-color:rgba(96,128,255,.5)}.server_new_bagde{background:#6080ff;border-radius:7px;color:#fff;font-size:12px;font-weight:500;letter-spacing:-.02em;margin-left:12px;margin-top:-12px;padding:4px 6px;position:absolute;z-index:3}.server_gradient{background:radial-gradient(hsla(0,0%,9%,.4),#161616);pointer-events:none;z-index:2}.server_gradient,.server_img{border-radius:10px;height:100%;position:absolute;width:100%}.server_img{left:0;object-fit:cover;opacity:.32;top:0;transition:opacity .3s;-webkit-user-select:none;user-select:none;z-index:1}.server_container{padding:15px;width:100%;z-index:5}.server_container,.server_info{display:flex;justify-content:space-between}.server_info{flex-direction:column;min-width:0}.server_name_wrapper{align-items:center;display:flex;gap:8px;z-index:2}.server_name{color:#fff;font-size:16px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.server_info_server{align-items:center;display:flex;gap:10px}.server_players{align-items:center;background-color:var(--color-players-low);border-radius:7px;color:var(--color-players);display:flex;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;height:22px;letter-spacing:-.02em;line-height:1;padding:0 8px;z-index:2}.server_players svg{fill:var(--color-players);height:12px;width:12px}.server_maps{font-size:13px;letter-spacing:-.02em;line-height:1.4;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2}.server_maps,.server_reason{color:hsla(0,0%,100%,.5);font-weight:500}.server_reason{font-size:14px}.server_buttons{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between}.server_button svg{cursor:pointer;fill:hsla(0,0%,100%,.5);height:20px;transition:fill .3s;width:20px}.server_button svg:hover{fill:#fff}.servers_none{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:280px;text-align:center}.servers_none svg{fill:hsla(0,0%,100%,.5);height:46px;opacity:.7;width:46px}.servers_none p{color:hsla(0,0%,100%,.5);font-size:16px;font-weight:600}.modal_server{height:800px;position:relative;width:675px}.server_map_block{overflow:hidden}.server_modal_gradient{background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,7%,.69) 50%,#131313);height:100%;max-height:201px;z-index:3}.server_map_img,.server_modal_gradient{pointer-events:none;position:absolute;width:100%}.server_map_img{border-radius:10px;height:201px;left:0;object-fit:cover;opacity:.5;top:0}.server_modal_header{align-items:end;display:flex;flex-direction:row;height:200px;padding:24px;width:100%}.server_modal_info{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%;z-index:3}.server_modal_info_name{color:#fff;font-size:25px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.server_modal_info_online{align-items:center;background:#101010;border:1px solid hsla(0,0%,100%,.063);border-radius:24px;display:flex;gap:6px;padding:10px 16px;width:max-content}.server_modal_info_online svg{fill:#6080ff;height:16px;width:16px}.server_modal_info_online_block{align-items:end;display:flex;gap:5px}.server_modal_info_online_block p{color:#fff;font-size:20px;font-variant-numeric:tabular-nums;font-weight:600}.server_modal_info_online_block span{color:hsla(0,0%,100%,.5)}.server_modal_details{border-bottom:1px solid hsla(0,0%,100%,.063);border-top:1px solid hsla(0,0%,100%,.063);gap:10px;padding:16px}.server_modal_details .server_modal_details_block{display:flex;gap:16px}.server_modal_details .server_modal_details_block .server_modal_detail,.server_modal_details .server_modal_details_block .server_modal_detail_ip{display:flex;flex-direction:column;gap:5px}.server_modal_details .server_modal_details_block .server_modal_detail span,.server_modal_details .server_modal_details_block .server_modal_detail_ip span{color:hsla(0,0%,100%,.5);font-size:12px;font-weight:600;text-transform:uppercase}.server_modal_details .server_modal_details_block .server_modal_detail p,.server_modal_details .server_modal_details_block .server_modal_detail_ip p{color:#fff;font-size:16px;font-weight:600}.server_modal_details .server_modal_details_block .server_modal_detail_ip p{align-items:center;cursor:pointer;display:flex;gap:5px;transition:.3s}.server_modal_details .server_modal_details_block .server_modal_detail_ip p svg{fill:hsla(0,0%,100%,.5);height:16px;transition:.3s;width:16px}.server_modal_details .server_modal_details_block .server_modal_detail_ip p:hover{color:hsla(0,0%,100%,.5)}.server_modal_details .server_modal_details_block .server_modal_detail_ip p:hover svg{fill:hsla(0,0%,100%,.5)}.server_modal_button{width:max-content}.server_players_container{display:flex;flex-direction:column;gap:16px}.server_players_block{max-height:519px;min-height:519px;overflow:auto;padding:24px;position:relative}.server_players_head{align-items:center;display:flex;gap:20px;height:25px;padding:0 8px 12px 12px}.server_players_head span{color:hsla(0,0%,100%,.376);font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.server_players_head_nick{flex:1 0 auto}.server_players_list,.server_players_list ul{display:flex;flex-direction:column}.server_players_list ul{gap:5px}.server_players_list ul li{align-items:center;border-radius:7px;display:flex;gap:30px;min-height:44px;padding:0 10px;transition:background .3s}.server_players_list ul li:hover{background:#161616}.server_players_list ul li span{color:hsla(0,0%,100%,.5)}.server_players_left{align-items:center;display:flex;flex:1 0 auto;gap:10px}.server_players_avatar{cursor:pointer;height:34px;position:relative;width:34px}.server_players_avatar .server_players_avatar_img{border-radius:50%;height:34px;object-fit:cover;width:34px}.server_players_team{align-items:center;background:#101010;border-radius:50%;bottom:-5px;display:flex;height:16px;left:22px;padding:2px;position:absolute;width:16px}.server_players_nick{cursor:pointer;max-width:140px;overflow:hidden;text-overflow:ellipsis;transition:.2s;white-space:nowrap}.server_players_nick:hover span{color:#fff}.server_players_nick span{color:hsla(0,0%,100%,.5);font-size:16px;line-height:20px;transition:.2s}.server_players_ping svg{height:18px;outline:none;width:18px}.server_players_skeletons{display:flex;flex-direction:column;gap:8px}.server_player_load{border-radius:7px;height:44px;width:100%}.server_players_list_none{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:275px;text-align:center}.server_players_list_none svg{fill:hsla(0,0%,100%,.5);height:42px;opacity:.7;width:42px}.server_players_list_none span{color:hsla(0,0%,100%,.5);font-size:15px;font-weight:600}@media(min-width:800px){.server_modal_details{align-items:center;display:flex;justify-content:space-between}}@media(max-width:800px){.servers_filter{display:none!important}.mode_list_block{align-items:start;flex-direction:column}.server_modal_details{display:grid}.server_modal_details_block{justify-content:space-between}.server_modal_button{width:100%}.server_modal_info_name{font-size:20px!important}}@media(max-width:1100px){.modal_server{width:100%}.servers_filter_right{display:none!important}}