.mode_container{display:flex;flex-direction:column;gap:15px;width:100%}.mode_list_block{align-items:center;display:flex;gap:10px;justify-content:space-between}.mode_list{display:flex;gap:8px;overflow-x:auto;width:100%}.mode_list::-webkit-scrollbar{display:none}.mode_list .mode_button_load{max-width:177px}.mode_list .mode_button,.mode_list .mode_button_load{border-radius:8px;display:flex;height:50px;min-width:150px;overflow:hidden;position:relative}.mode_list .mode_button{align-items:center;background:#161616;cursor:pointer;flex:1 1 150px;gap:10px;max-width:max-content;padding:16px 10px 16px 16px;transition:.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}.mode_list .mode_button:hover{background:#202020}.mode_list .mode_button_active{background:#202020}.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:#6f78ef;height:8px;width:8px}.mode_list .mode_online_servers .mode_count_servers{font-weight:700}.mode_title{color:hsla(0,0%,100%,.502);font-size:12px;font-weight:500;letter-spacing:-.02em;line-height:20px;min-width:max-content}.mode_title span{text-transform:uppercase}.mode_banner,.mode_banner_load{border-radius:8px;display:flex;height:200px;overflow:hidden;position:relative}.mode_banner{background-color:#161616;-webkit-user-select:none;user-select:none}.mode_info{display:flex;flex-direction:column;justify-content:space-between;padding:42px 32px;z-index:3}.mode_name{color:#fff;font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:38.4px}.mode_description{color:hsla(0,0%,100%,.502);font-size:15px;font-weight:500;letter-spacing:-.02em;line-height:22.5px;max-width:500px}.servers_list{display:flex;flex-direction:column;gap:15px}.servers_type{color:hsla(0,0%,100%,.502);font-size:13px;font-weight:600}.servers_wrapper{align-content:flex-start;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%}.server_block_load{border-radius:8px;height:85px}.server_block,.server_block_load{overflow:hidden;position:relative;width:100%}.server_block{background-color:#161616;border-radius:10px;cursor:pointer;display:flex;min-height:92px}.server_block_cursor{cursor:auto}.server_offline{cursor:auto;opacity:.7}.server_new{outline:2px solid #6f78ef}.server_new_bagde{background:#6f78ef;border-radius:8px;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:linear-gradient(90deg,#161616 28%,hsla(0,0%,9%,.55) 70%,hsla(0,0%,9%,.7));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:.28;top:0;transition:.3s;-webkit-user-select:none;user-select:none;z-index:1}.server_block_hover:hover .server_img{opacity:.65}.server_container{padding:15px;width:100%;z-index:5}.server_container,.server_info{display:flex;justify-content:space-between}.server_info{flex-direction:column}.server_name{color:#fff;font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:19.2px}.server_info_server{align-items:center;display:flex;gap:10px}.server_players{align-items:center;animation:text_shadow 3s infinite;background-color:var(--color-players-low);border-radius:6px;color:var(--color-players);display:flex;font-size:12px;font-weight:600;height:22px;letter-spacing:-.02em;line-height:19.5px;padding:0 8px;z-index:2}.server_players svg{fill:var(--color-players);height:12px;width:12px}@keyframes text_shadow{0%,to{box-shadow:0 0 10px var(--color-players-low)}50%{box-shadow:0 0 20px var(--color-players-low)}}.server_maps{line-height:19.5px;max-width:145px;z-index:2}.server_reason{color:hsla(0,0%,100%,.502);font-size:14px;font-weight:500}.server_buttons{display:flex;flex-direction:column;justify-content:space-between}.server_button svg{cursor:pointer;fill:hsla(0,0%,100%,.502);height:20px;transition:.3s;width:20px}.server_button svg:hover{fill:#fff}.servers_block{display:grid;gap:15px}.modal_server{height:800px;position:relative;width:675px}@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}}.server_map_block{overflow:hidden}.server_modal_gradient{background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,7%,.686) 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:8px;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:19.2px}.server_modal_info_online{align-items:center;background:#101010;border:1px solid #202020;border-radius:24px;display:flex;gap:6px;padding:10px 16px;width:max-content}.server_modal_info_online svg{fill:#6f78ef;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-weight:600}.server_modal_info_online_block span{color:hsla(0,0%,100%,.502)}.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%,.502);font-weight:500;letter-spacing:-.02em;line-height:22.5px}.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;display:flex;gap:30px;min-height:25px;padding:0 10px}.server_players_list ul li span{color:hsla(0,0%,100%,.502)}.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;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%,.502);font-size:16px;line-height:20px;transition:.2s}.server_players_ping svg{height:18px;outline:none;width:18px}.server_modal_details{border-bottom:1px solid #202020;border-top:2px solid #202020;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{display:flex;flex-direction:column;gap:5px}.server_modal_details .server_modal_details_block .server_modal_detail span{color:#888;font-size:12px;font-weight:600;text-transform:uppercase}.server_modal_details .server_modal_details_block .server_modal_detail p{color:#fff;font-size:16px;font-weight:600}.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_ip span{color:#888;font-size:12px;font-weight:600;text-transform:uppercase}.server_modal_details .server_modal_details_block .server_modal_detail_ip p{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:5px;transition:.3s}.server_modal_details .server_modal_details_block .server_modal_detail_ip p svg{fill:hsla(0,0%,100%,.502);height:16px;transition:.3s;width:16px}.server_modal_details .server_modal_details_block .server_modal_detail_ip p:hover{color:hsla(0,0%,100%,.502)}.server_modal_button{align-items:center;background:#6f78ef;border-radius:8px;box-shadow:0 0 16px rgba(111,120,239,.251);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;height:45px;justify-content:center;padding:0 14px;transition:.3s}.server_modal_button svg{fill:#fff;height:20px;transition:.3s;width:20px}.server_modal_button:hover{box-shadow:0 0 16px rgba(111,120,239,.749)}.server_button_copy{align-items:center;background:#202020;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:45px;min-width:45px;transition:.3s}.server_button_copy svg{fill:hsla(0,0%,100%,.502);height:20px;transition:.3s;width:20px}.server_button_copy:hover{background:#252525}.server_players_list_load{align-items:center;display:flex;justify-content:center;max-height:275px;min-height:275px}.server_players_list_load span{color:hsla(0,0%,100%,.502);font-size:15px;font-weight:600;letter-spacing:-.02em;line-height:22.5px;text-align:center;text-decoration-skip-ink:none;text-underline-position:from-font}.mode_image{background-size:cover;border-radius:8px;height:100%;left:0;object-fit:cover;opacity:.2;position:absolute;top:0;width:100%}.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%,.502);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_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%,.502);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:#6f78ef}.servers_filter_switch_block .servers_slider.active span{transform:translateX(18px)}.servers_filter .servers_fast_play{align-items:center;background:#6f78ef;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;height:45px;justify-content:center;padding:0 15px;transition:.3s;user-select:none}.servers_filter .servers_fast_play svg{fill:#fff;height:20px;transition:.3s;width:20px}.servers_filter .servers_fast_play:hover{opacity:.75}.servers_filter_dropdown{animation:fadeIn .2s ease;border-radius:8px;box-shadow:0 8px 18px 0 rgba(0,0,0,.3);overflow:hidden;padding:8px;top:30px;width:max-content;z-index:25}.servers_filter_dropdown_item{align-items:center;border-radius:5px;color:hsla(0,0%,100%,.878);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:space-between;padding:8px;transition:.3s;width:100%}.servers_filter_dropdown_item svg{fill:#6f78ef;height:15px;opacity:0;transition:.3s;width:15px}.servers_filter_dropdown_item:hover{background:#191919}.servers_filter_dropdown .active{background:#202020}.servers_filter_dropdown .active svg{opacity:1}.servers_none{align-items:center;display:flex;flex-direction:column;gap:12px;height:300px;justify-content:center}.servers_none svg{fill:#fff;height:50px;width:50px}.servers_none p{color:#fff;font-size:16px;font-weight:600}.server_name_wrapper{align-items:center;display:flex;gap:8px;z-index:2}@keyframes online_pulse_servers{50%{opacity:.5}}@media(min-width:1080px){.sb_modal{width:400px}}.sb_modal{background:#131313;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;overflow:hidden}.sb_header{border-bottom:1px solid #202020;overflow:hidden;position:relative}.sb_header .sb_header_map{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.sb_header .sb_header_overlay{background:linear-gradient(180deg,hsla(0,0%,7%,.55),hsla(0,0%,7%,.85) 70%,#131313);inset:0;position:absolute;z-index:1}.sb_header .sb_header_body{align-items:center;display:flex;flex-direction:column;gap:6px;padding:28px 20px 20px;position:relative;z-index:2}.sb_score{align-items:center;display:flex;gap:14px}.sb_score .sb_score_num{color:#fff;font-size:30px;font-weight:800;min-width:34px;text-align:center}.sb_score .sb_score_icon svg{display:block;height:32px;width:32px}.sb_score .sb_score_colon{color:#6a6a6a;font-size:22px;font-weight:700}.sb_subinfo{align-items:center;color:#9a9a9a;display:flex;font-size:13px;gap:8px}.sb_subinfo .sb_map{color:#cfcfcf}.sb_subinfo .sb_dot{color:#4a4a4a}.sb_subinfo .sb_online{color:#86ce77}.sb_table{flex:1;max-height:300px;min-height:300px;overflow-y:auto;padding:8px 20px 4px}.sb_table .sb_thead{background:#131313;color:#7a7a7a;display:grid;font-size:12px;grid-template-columns:1fr 70px 90px;padding:8px 4px}.sb_table .sb_thead .sb_th_ping,.sb_table .sb_thead .sb_th_time{text-align:left}.sb_state{color:#7a7a7a;font-size:13px;padding:28px 4px;text-align:center}.sb_group{margin-bottom:6px}.sb_group ul{list-style:none;margin:0;padding:0}.sb_group .sb_group_title{align-items:center;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.3px;padding:10px 4px 6px}.sb_group .sb_group_title svg{flex-shrink:0;height:18px;width:18px}.sb_group .sb_group_title span{color:#d6d6d6}.sb_group .sb_group_spec svg{fill:#8a8a8a}.sb_player{align-items:center;border-radius:8px;display:grid;grid-template-columns:1fr 70px 90px;padding:7px 4px;transition:background .15s ease}.sb_player:hover{background:#1c1c1c}.sb_player .sb_player_left{align-items:center;display:flex;gap:10px;min-width:0;overflow:hidden}.sb_player .sb_player_avatar{flex-shrink:0}.sb_player .sb_player_avatar_img{border-radius:50%;display:block;height:26px;width:26px}.sb_player .sb_player_nick{min-width:0;overflow:hidden}.sb_player .sb_player_nick span{color:#e4e4e4;display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb_player .sb_player_ping{font-size:13px;font-weight:600}.sb_player .sb_player_time{color:#8a8a8a;font-size:13px}.sb_footer{border-top:1px solid #202020;display:flex;gap:10px;padding:16px 20px}.sb_footer .sb_join{align-items:center;background:#6f78ef;border-radius:10px;color:#fff;display:flex;flex:1;font-size:14px;font-weight:600;gap:8px;height:46px;justify-content:center;text-decoration:none;transition:background .15s ease}.sb_footer .sb_join svg{fill:#fff;height:18px;width:18px}.sb_footer .sb_join:hover{background:#5a63e0}.sb_footer .sb_copy{align-items:center;background:#202020;border:none;border-radius:10px;cursor:pointer;display:flex;height:46px;justify-content:center;transition:background .15s ease;width:46px}.sb_footer .sb_copy svg{fill:#bdbdbd;height:18px;width:18px}.sb_footer .sb_copy:hover{background:#2a2a2a}.server_card{flex:1;flex-direction:column;gap:4px;min-width:0;padding:12px 14px;position:relative;z-index:5}.server_card,.server_card_top{display:flex;justify-content:space-between}.server_card_top{align-items:center;gap:10px}.server_card_title{align-items:center;display:flex;gap:8px;min-width:0}.server_card_title .server_name{color:#fff;font-size:15px;font-weight:700;letter-spacing:-.02em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server_play{align-items:center;background:#202020;border-radius:9px;cursor:pointer;display:flex;flex-shrink:0;height:33px;justify-content:center;transition:.2s;width:33px}.server_play svg{fill:#fff;height:15px;width:15px}.server_play:hover{background:#6f78ef}.server_card_bottom{align-items:center;display:flex;gap:10px}.server_online{align-items:center;display:flex;flex-shrink:0;gap:7px}.server_online .server_ring{height:18px;transform:rotate(-90deg);width:18px}.server_online .server_ring .server_ring_bg{fill:none;stroke:#2a2a2a;stroke-width:4}.server_online .server_ring .server_ring_fg{fill:none;stroke-linecap:round;stroke-width:4;transition:stroke-dasharray .3s ease,stroke .3s ease}.server_online .server_online_text{color:#fff;font-size:13px;font-weight:600;letter-spacing:-.02em}.server_maps,.server_online .server_online_text .server_online_max{color:hsla(0,0%,100%,.502)}.server_maps{flex:1;font-size:13px;font-weight:500;letter-spacing:-.02em;max-width:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server_copy{align-items:center;background:#202020;border-radius:9px;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:.2s;width:34px}.server_copy svg{fill:hsla(0,0%,100%,.6);height:16px;transition:.2s;width:16px}.server_copy:hover{background:#6f78ef}.server_copy:hover svg{fill:#fff}.server_friends{flex-shrink:0}.servers_type_count{color:hsla(0,0%,100%,.302);font-weight:500}.servers_select{align-items:center;background:#161616;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;height:44px;padding:0 14px;position:relative;transition:.2s;user-select:none}.servers_select:hover{background:#1c1c1c}.servers_select .servers_select_globe{fill:hsla(0,0%,100%,.6);flex-shrink:0;height:18px;width:18px}.servers_select .servers_select_head{align-items:center;display:flex;gap:8px}.servers_select .servers_select_value{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.servers_select .servers_select_head>svg{fill:hsla(0,0%,100%,.6);flex-shrink:0;height:16px;transition:.2s;width:16px}.servers_select.open .servers_select_head>svg{transform:rotate(180deg)}.servers_select.servers_select_lock{cursor:auto}.servers_select.servers_select_lock:hover{background:#161616}.servers_filter_dropdown{background:#161616;border:1px solid #202020;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:2px;left:0;min-width:100%;padding:6px;position:absolute;top:calc(100% + 6px);z-index:20}.servers_filter_dropdown .servers_filter_dropdown_item{align-items:center;border-radius:7px;color:hsla(0,0%,100%,.702);cursor:pointer;display:flex;font-weight:500;gap:12px;justify-content:space-between;padding:9px 10px;transition:.15s;white-space:nowrap}.servers_filter_dropdown .servers_filter_dropdown_item svg{fill:#6f78ef;height:14px;opacity:0;transition:.15s;width:14px}.servers_filter_dropdown .servers_filter_dropdown_item:hover{background:#1c1c1c;color:#fff}.servers_filter_dropdown .servers_filter_dropdown_item.active{color:#fff}.servers_filter_dropdown .servers_filter_dropdown_item.active svg{opacity:1}.servers_hide_switch{align-items:center;background:#161616;border-radius:10px;cursor:pointer;display:flex;gap:12px;height:44px;padding:0 16px;transition:.2s;user-select:none}.servers_hide_switch:hover{background:#1c1c1c}.servers_hide_switch .servers_hide_switch_title{color:#fff;font-weight:600}.servers_slider{background:#303030;border-radius:20px;display:flex;flex-shrink:0;height:24px;position:relative;transition:.3s;width:42px}.servers_slider span{background:#fff;border-radius:50%;height:16px;left:4px;position:absolute;top:4px;transition:.3s;width:16px}.servers_slider.active{background:#6f78ef}.servers_slider.active span{transform:translateX(18px)}@media(max-width:1100px){.servers_filter_right{display:flex!important}}@media(max-width:800px){.servers_filter{display:flex!important;flex-wrap:wrap;gap:10px}.servers_hide_switch .servers_hide_switch_title{font-size:13px}}