.auth-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border: 1px solid rgba(32, 40, 83, 0.2);
    border-radius: 8px;
}

.auth-icon:hover {
    opacity: 0.7;
}

.auth-icon.twitter {
    background-position: 0 -68px;
}

.auth-icon.yandex {
    background: url("./icons/yandex.svg") center no-repeat;
}

.auth-icon.vkontakte {
    background: url("./icons/vk.svg") center no-repeat;
}

.auth-icon.facebook {
    background: url("./icons/fb.svg") center no-repeat;
}

.auth-icon.ok {
    background: url("./icons/ok.svg") center no-repeat;
}

.auth-icon.mailru {
    background: url("./icons/mail.svg") center no-repeat;
}

.auth-icon.google {
    background: url("./icons/google.svg") center no-repeat;
}

.auth-clients {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.auth-clients li {
}

.auth-profile-clients {
    margin: 0 0 1em;
}

.auth-profile-client {
    margin: 0 0 1em;
    display: flex;
    align-items: center;
    gap: 16px;
}

.auth-profile-client .auth-icon {
    width: 48px;
}

@media (max-width: 768px) {
    .auth-clients {
        gap: 8px;
    }

    .auth-icon {
        background-size: 22px !important;
        height: 40px;
    }
}