.hybridauth .ha-avatar {
    position: absolute;
    width: 75px;
    margin-top: 15px;
}

.hybridauth .ha-info {
    margin-left: 90px;
    display: inline-block;
}

.ha-icon,
.ha-icon-active {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: 0 2px;
    background-image: url('../../img/web/color-icons.png');
    background-repeat: no-repeat;
    text-indent: -9999px;
    opacity: 1;
}

.ha-icon:hover { opacity: .8; }

.ha-icon.active {
    background-image: url('../../img/web/grayscale-icons.png');
    opacity: .5 !important;
}

.ha-icon.facebook { background-position: 0 0; }

.ha-icon.github { background-position: -48px 0; }

.ha-icon.google { 
    background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="40" rx="4" fill="%23F2F2F2"/><g clip-path="url(%23a)"><path d="M29.6 20.23c0-.71-.06-1.4-.18-2.05H20v3.87h5.38a4.6 4.6 0 0 1-2 3.02v2.5h3.24c1.89-1.73 2.98-4.3 2.98-7.34Z" fill="%234285F4"/><path d="M20 30c2.7 0 4.96-.9 6.62-2.42l-3.23-2.51c-.9.6-2.04.95-3.39.95-2.6 0-4.8-1.76-5.6-4.12h-3.34v2.6A10 10 0 0 0 20 30Z" fill="%2334A853"/><path d="M14.4 21.9a6.01 6.01 0 0 1 0-3.8v-2.6h-3.34a10 10 0 0 0 0 9l3.34-2.6Z" fill="%23FBBC04"/><path d="M20 13.98c1.47 0 2.79.5 3.82 1.5l2.87-2.88a10 10 0 0 0-15.63 2.9l3.34 2.6c.8-2.36 3-4.12 5.6-4.12Z" fill="%23E94235"/></g><defs><clipPath id="a"><path fill="%23fff" d="M10 10h20v20H10z"/></clipPath></defs></svg>');
}

.ha-icon.instagram { background-position: -144px 0; }

.ha-icon.linkedin { background-position: -192px 0; }

.ha-icon.livejournal { background-position: -240px 0; }

.ha-icon.mailru { background-position: -288px 0; }

.ha-icon.odnoklassniki { background-position: -336px 0; }

.ha-icon.thumblr { background-position: -384px 0; }

.ha-icon.twitter { background-position: -432px 0; }

.ha-icon.vimeo { background-position: -480px 0; }

.ha-icon.vkontakte { background-position: -528px 0; }

.ha-icon.yandex { background-position: -576px 0; }

.ha-icon.youtube { background-position: -624px 0; }

.ha-icon.foursquare { background-position: -672px 0; }

.ha-icon.modxpro { background-position: -720px 0; }