.block_servers{
    display:flex !important;
    align-items:flex-start;
    gap:12px;
    height:190px;
    margin-top:20px;
}
.block_servers #serverss{ flex:1 1 auto; min-width:0; height:100%; overflow:visible; }
.block_servers #servers{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:8px;
    height:190px;
    overflow-y:auto;
    padding-right:6px;
}
.block_servers #servers::-webkit-scrollbar{ width:5px; }
.block_servers #servers::-webkit-scrollbar-thumb{ background:#454545; border-radius:50px; }
.block_servers .servers-block{ width:100%; }

.block_servers .servers-info-block{
    display:flex !important;
    height:86px;
    position:relative;
    overflow:hidden;
    padding:0 12px !important;
    margin:0 !important;
    border-radius:16px;
    border:solid 1px #3c3c3c;
    background:linear-gradient(1deg,#2c2c2c 30%,#343434 100%) !important;
    background-size:cover !important;
    align-items:center;
    transition:.2s;
}
.block_servers .servers-info-block:hover{
    box-shadow:0 8px 24px #00000040;
}
.block_servers .map_back_server{
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    background-size:cover !important;
    background-position:center !important;
    opacity:.5;
    box-shadow:inset 232px 0 130px 0 #242424f2;
}
.block_servers .servers-info-span{
    font-size:11.5px;
    line-height:20px;
    display:flex !important;
    flex-direction:row !important;
    z-index:1;
    width:100% !important;
    overflow:hidden;
    white-space:nowrap;
    justify-content:space-between;
    align-items:center;
    margin:0;
}
.block_servers .flex_server_info{
    display:flex;
    flex-direction:column;
    font-weight:600;
    max-width:78%;
    overflow:hidden;
    line-height:16px;
}
.block_servers .flex_server_info > span:first-child{   
    color:#fff;
    font-size:13px;
    font-weight:700;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.block_servers .game_name_server,
.block_servers .server_info_monitoring{
    color:#8f8f8f;
    font-weight:600;
    font-size:10.7px;
    line-height:13px;
}
.block_servers .game_name_server{ display:flex; flex-direction:column; margin-bottom:5px; }
.block_servers .flex_down_server{
    display:flex;
    align-items:center;
    gap:7px;
    width:fit-content;
    margin-top:4px;
    transition:.2s;
}
.block_servers .flex_down_server:hover{ opacity:.7; }

.block_servers .srv_bar{ position:relative; width:46px; flex:none; margin:0; padding:0; transform:none; }
.block_servers .srv_progress{
    height:6px; width:100%;
    background:#3c3c3c; border-radius:50px;
    overflow:hidden; position:relative; margin:0; padding:0;
}
.block_servers .srv_fill{
    height:100%; border-radius:50px; transition:width .4s;
    background:linear-gradient(90deg,#ffab65 0%,#a36735 100%);
}
.block_servers .srv_fill.bg-info,
.block_servers .srv_fill.bg-success,
.block_servers .srv_fill.bg-warning,
.block_servers .srv_fill.bg-danger{ background:linear-gradient(90deg,#ffab65 0%,#a36735 100%) !important; }
.block_servers .map_player_flex{ display:flex; gap:5px; align-items:center; }
.block_servers .player_monitoring{ font-size:11px; color:#fff; font-weight:700; }

.block_servers .btn_server_play_cog{
    display:flex; gap:6px; flex-direction:column;
    background:#00000033; border-radius:50px; padding:5px;
    backdrop-filter:blur(3px); align-items:center; flex:none;
}
.block_servers .play-servers{
    font-size:18px; width:34px; min-width:34px; height:34px;
    padding:0 !important; margin:0 !important; position:relative;
    display:flex; align-items:center; justify-content:center;
    color:#ffffff !important; text-shadow:#000000d4 1px 0 10px; border-radius:50px;
    background:var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ffab65 0, #a36735 100%)) !important;
    box-shadow:0 5px 16px #00000033; transition:.2s;
}
.block_servers .play-servers:hover{ opacity:.85; color:#ffffff !important; }
.block_servers .copy_adress{
    font-size:15px; width:34px; min-width:34px; height:34px; position:relative;
    display:flex; align-items:center; justify-content:center;
    color:#fff !important; border-radius:50px; background:#ffffff1f; transition:.2s;
}
.block_servers .copy_adress:hover{ opacity:.7; color:#fff !important; }

.block_servers .srv_cog_btn{
    font-size:16px; width:34px; min-width:34px; height:34px; position:relative;
    display:flex; align-items:center; justify-content:center;
    color:#fff !important; border-radius:50px; background:#ffffff1f; cursor:pointer; transition:.2s;
}
.block_servers .srv_cog_btn:hover{ color:#ffbf81 !important; opacity:.85; }

.block_servers .general_online_block{
    width:120px; min-width:120px; height:190px !important; flex:none !important;
    border-radius:16px; display:flex; position:relative;
    background:linear-gradient(1deg,#2c2c2c 30%,#343434 100%);
    box-shadow:0px 5px 15px #00000052;
    flex-direction:column; align-items:center; justify-content:center;
}
.block_servers .general_online_block .bx-info-circle{
    font-size:16px; color:#8f8f8f; transition:.3s; top:8px; right:9px;
    cursor:help; position:absolute;
}
.block_servers .online_number{
    font-family:"Unbounded",sans-serif;
    display:flex; flex-direction:column; align-items:center;
}
.block_servers .gen_ring{ position:relative; display:flex; align-items:center; justify-content:center; margin-bottom:8px; }
.block_servers .gen_ring svg{ transform:rotate(-90deg); }
.block_servers .gen_ring .gr_bg{ fill:none; stroke:#3c3c3c; stroke-width:6; }
.block_servers .gen_ring .gr_fg{ fill:none; stroke:#ffab65; stroke-width:6; stroke-linecap:round; transition:stroke-dashoffset .6s ease, stroke .3s; }
.block_servers .gen_ring i{ position:absolute; font-size:17px; color:#ffab65; animation:blinks 2s infinite; transition:color .3s; }
.block_servers .gen_count{ display:flex; align-items:baseline; gap:3px; justify-content:center; }
.block_servers .gen_now{ font-size:18px; color:#fff; font-weight:700; line-height:1; }
.block_servers .gen_max{ color:#8f8f8f; font-size:10px; }
.block_servers .online_desp{
    text-align:center; line-height:11px; font-size:9px; font-weight:600;
    width:96px; color:#8f8f8f; font-family:"Unbounded",sans-serif; margin-top:8px;
}
@keyframes blinks{ 0%{opacity:1} 50%{opacity:.3} 100%{opacity:1} }

.menu_top_rigth .online_line_top{ display:none !important; }

.nav_slider .slide_block{
    max-height:125px !important;
    height:116px !important;
    margin:0 9px 0 0 !important;
    padding:0 !important;
    transition:.2s all;
    display:flex !important;
    line-height:15px;
    background-color:#2a2a2a;
    position:relative;
    border-radius:18px !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    overflow:hidden;
}
.nav_slider .slide_block:hover{ filter:brightness(1.08); }
.nav_slider .flex_slide_text{
    padding:11px !important; gap:6px !important; display:flex !important;
    position:relative; width:100%; flex-direction:column !important;
}
.nav_slider .flex_slide_text > i{
    width:34px !important; height:34px !important; min-width:34px;
    color:#ffffff !important; font-size:14px !important; border-radius:10px !important;
    display:flex !important; align-items:center; justify-content:center; position:relative;
    backdrop-filter:blur(7px);
    background:linear-gradient(180deg,#ffb5812b 30%,#ffb57a66 100%) !important;
    box-shadow:inset 0 0.125em 0.125em rgba(0,0,0,.05), inset 0 -0.125em 0.125em rgb(255 191 129 / 30%), 0 0.25em 0.125em -0.125em rgba(0,0,0,.2), 0 0 0.1em 0.25em inset rgb(255 191 129 / 8%) !important;
}
.nav_slider .sb_title{
    font-weight:400 !important; color:#fff !important; position:relative;
    font-size:10px !important; font-family:"Unbounded",sans-serif;
}
.nav_slider .flex_enter_slide{
    display:flex !important; gap:0 !important; align-items:center;
    padding:0 !important; width:auto; background:none !important;
}
.nav_slider .sb_description{
    width:38px !important; min-width:38px !important; height:38px !important;
    display:flex !important; padding:5px 9px 0 2px !important;
    position:relative; gap:0 !important; margin:0 !important; font-size:15px !important;
    color:#fff !important;
    background:#2a2a2a !important;
    border-radius:0 !important; border-top-right-radius:21px !important;
    justify-content:center; align-items:center;
}
.nav_slider .sb_description:after{
    content:"" !important; position:absolute; top:-20px; height:20px; left:0; width:16px;
    background-image:radial-gradient(ellipse at 20px 0px, rgba(255,255,255,0) 70%, #2a2a2a 10%);
}
.nav_slider .sb_description:before{
    content:"" !important; position:absolute; bottom:0; right:-15px; height:20px; width:16px;
    background-image:radial-gradient(ellipse at 18px 0px, rgba(255,255,255,0) 70%, #2a2a2a 10%);
}
.nav_slider .sb_description .bx-chevron-right{
    font-size:15px !important; border:1px solid #555555 !important; background:#4a4a4a8a !important;
    width:29px !important; min-width:29px !important; height:29px !important;
    margin-left:3px !important; border-radius:50% !important; color:#fff !important;
    box-shadow:none !important; display:flex !important; align-items:center; justify-content:center;
    transition:.3s; top:0 !important; right:auto !important;
}
.nav_slider .enter_card_slider{
    font-size:8.5px !important; background:#3c3c3c !important; padding:3px 9px !important;
    border:dashed 1px #585858 !important; color:#cfcfcf !important; display:flex !important;
    height:fit-content; width:100%; margin:7px !important; border-radius:50px !important;
    transition:.2s all; justify-content:center; align-items:center;
}
.nav_slider .slide_block:hover .enter_card_slider{
    background:linear-gradient(90deg,#ffbf8124 0%,#ffbf8147 100%) !important;
    border:dashed 1px #da9256 !important; color:#fff !important;
}
.nav_slider .slide_block:hover .sb_description .bx-chevron-right{
    border:1px solid #da9256 !important; background:#ffbf8126 !important; color:#fff !important; transform:rotate(270deg);
}

.slider_menu .bans_btn_slider,
.slider_menu .muts_btn_slider{
    background:linear-gradient(180deg,#ffb5812b 30%,#ffb57a40 100%) !important;
    color:#ffd9a8 !important;
    box-shadow:inset 0 0 0 1px #ffbf8124;
    transition:.2s all;
}
.slider_menu .bans_btn_slider:hover,
.slider_menu .muts_btn_slider:hover{
    color:#fff !important;
    box-shadow:inset 0 0 0 1px #da9256;
}
.slider_menu .border_absolute{ display:none !important; }

.wapper .header-menu .collapsible-menu > li > a{ position:relative; overflow:hidden; }
.wapper .header-menu .collapsible-menu > li > a::after,
.block_servers .servers-info-block::after{
    content:"";
    position:absolute;
    top:0; bottom:0; left:0;
    width:55%;
    pointer-events:none;
    z-index:5;
    background:linear-gradient(115deg, rgba(255,191,129,0) 0%, rgba(255,191,129,.10) 38%, rgba(255,233,205,.55) 50%, rgba(255,191,129,.10) 62%, rgba(255,191,129,0) 100%);
    transform:translateX(-260%) skewX(-18deg);
}
.wapper .header-menu .collapsible-menu > li > a:hover::after{
    animation:scan_sweep 1.7s ease;
}
.block_servers .servers-info-block:hover::after{
    animation:scan_sweep 2.8s ease;
}
@keyframes scan_sweep{
    0%{ transform:translateX(-260%) skewX(-18deg); }
    100%{ transform:translateX(470%) skewX(-18deg); }
}

.block_servers .play-servers i,
.block_servers .copy_adress i,
.block_servers .srv_cog_btn i,
.nav_slider .flex_slide_text > i,
.nav_slider .sb_description .bx-chevron-right,
.slider_menu .bans_btn_slider i,
.slider_menu .muts_btn_slider i{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
    text-align:center;
}
.block_servers .play-servers i::before,
.nav_slider .flex_slide_text > i::before{ display:block; line-height:1; }
.block_servers .play-servers i{ padding-left:2px; }

.auth-to-write{ margin-top:12px; }
.head_chat_block{ margin-top:-13px !important; }

@media (max-width:768px){
    .block_servers{ height:auto; margin-top:18px; margin-right:-2px; }
    .block_servers .general_online_block{ display:none !important; }
    .block_servers #serverss{ width:100%; height:auto; top:0 !important; margin-top:0; padding-top:0; }
    .block_servers #servers{ height:auto; max-height:186px; overflow-y:auto; scrollbar-width:none; -ms-overflow-style:none; padding-right:0; }
    .block_servers #servers::-webkit-scrollbar{ display:none; width:0; }
    .menu_top_rigth .online_line_top{ display:flex !important; }
    .pig-block{ display:none !important; }

    .chat_message .message_global{ max-width:100% !important; min-width:0; overflow:hidden; }
    .chat_message .message_global > .chat_reply_quote{ display:flex !important; max-width:100% !important; }
    .chat_reply_quote .reply_body{ min-width:0; overflow:hidden; }
    .chat_reply_quote .reply_text{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:15ch !important; }

    #chat .auth-to-write{ margin-top:26px !important; }
    #chat_messages, #messages{ scrollbar-width:none !important; -ms-overflow-style:none !important; }
    #chat_messages::-webkit-scrollbar, #messages::-webkit-scrollbar{ display:none !important; width:0 !important; }
}