/* Community tabs in the footer: made to match the MAXHARDCORE Zone interface. */
.mh-footer .mh-socials{
    display:flex;
    align-items:stretch;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:10px;
}

.mh-footer .mh-social-tab{
    position:relative;
    isolation:isolate;
    display:inline-flex;
    flex:1 1 156px;
    min-width:156px;
    min-height:54px;
    max-width:202px;
    align-items:center;
    gap:9px;
    overflow:hidden;
    padding:8px 10px;
    color:#e3ede7;
    text-decoration:none;
    background:linear-gradient(118deg,rgba(9,18,14,.98),rgba(5,10,8,.98));
    border:1px solid rgba(109,219,171,.24);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 10px 25px rgba(0,0,0,.18);
    transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease;
}

.mh-footer .mh-social-tab::before{
    position:absolute;
    z-index:-1;
    top:0;
    left:-55%;
    width:42%;
    height:100%;
    content:"";
    opacity:0;
    transform:skewX(-20deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
    transition:left .42s ease,opacity .2s ease;
}

.mh-footer .mh-social-tab:hover,
.mh-footer .mh-social-tab:focus-visible{
    color:#fff;
    border-color:var(--mh-social-color);
    outline:0;
    transform:translateY(-2px);
    box-shadow:inset 0 0 22px color-mix(in srgb,var(--mh-social-color) 15%,transparent),0 13px 28px rgba(0,0,0,.28);
}

.mh-footer .mh-social-tab:hover::before,
.mh-footer .mh-social-tab:focus-visible::before{left:125%;opacity:1}
.mh-footer .mh-social-tab--vk{--mh-social-color:#6b98c9}
.mh-footer .mh-social-tab--discord{--mh-social-color:#7788ff}

.mh-footer .mh-social-tab__icon{
    display:grid;
    flex:0 0 32px;
    width:32px;
    height:32px;
    place-items:center;
    color:var(--mh-social-color);
    background:color-mix(in srgb,var(--mh-social-color) 10%,#060c09);
    border:1px solid color-mix(in srgb,var(--mh-social-color) 32%,transparent);
}

.mh-footer .mh-social-tab__icon svg{display:block;width:19px;height:19px;fill:currentColor}
.mh-footer .mh-social-tab__text{display:grid;min-width:0;gap:2px;line-height:1.05}
.mh-footer .mh-social-tab__text strong{font-size:10px;letter-spacing:.75px;text-transform:uppercase}
.mh-footer .mh-social-tab__text small{overflow:hidden;color:#708078;font-size:8px;letter-spacing:.15px;text-overflow:ellipsis;white-space:nowrap}
.mh-footer .mh-social-tab__arrow{margin-left:auto;color:var(--mh-social-color);font-size:16px;line-height:1;transition:transform .2s ease}
.mh-footer .mh-social-tab:hover .mh-social-tab__arrow,.mh-footer .mh-social-tab:focus-visible .mh-social-tab__arrow{transform:translate(2px,-2px)}

@media(max-width:760px){
    .mh-footer .mh-socials{justify-content:flex-start}
    .mh-footer .mh-social-tab{max-width:none}
}

@media(max-width:420px){
    .mh-footer .mh-social-tab{flex-basis:100%;min-width:0}
}