.bx-authform-social-popup {
    display: none;
    background: #fff;
    width: auto;
    padding: 15px;
    font-size: 14px;
    white-space: nowrap;
}

.bx-authform-social-popup form {
    margin-bottom: 0;
}

.bx-authform-social-popup input[type="text"] {
    display: inline-block;
    max-width: 150px;
    font-size: 18px;
    height: 30px;
    margin: 0;
    padding: 0 4px;
    border: 1px solid #CCD5DB;
    border-radius: 2px;
    background: #f8fafc;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bx-authform-social ul {
    padding: 5px 0 12px;
    margin: 20px 0 15px;
    display: flex;
    justify-content: center;
}

.bx-authform-social ul li {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 5px;
}

.bx-authform-social ul li .bx-authform-social-icon {
    display: block;
    width: 35px;
    height: 35px;
    background-image: url(images/sprite.png);
    background-repeat: no-repeat;
    border-bottom: none;
}

.bx-authform-social ul li .bx-authform-social-icon:hover {
    opacity: .9;
}

.bx-authform-social ul li .bx-authform-social-icon.box {
    background-position: 0 0;
}

.bx-authform-social ul li .bx-authform-social-icon.dropbox {
    background-position: -44px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.bitrix24 {
    background-position: -88px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.yandex {
    background-position: -132px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.openid {
    background-position: -176px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.odnoklassniki {
    background-position: -220px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.google {
    background-position: -264px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.mymailru {
    background-position: -308px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.mailru2 {
    background-position: -440px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.livejournal {
    background-position: -352px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.openid-mail-ru {
    background-position: -440px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.liveid {
    background-position: -484px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.liveinternet {
    background-position: -528px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.blogger {
    background-position: -572px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.vkontakte {
    background-position: -616px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.twitter {
    background-position: -660px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.facebook {
    background-position: -704px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.google-plus {
    background-position: -748px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.office365 {
    background-position: -792px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.zoom {
    background-position: -836px 0;
}

.gazprom-id-btn {
    height: 56px;
    min-width: 268px;
    width: 100%;
    max-width: 360px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    padding: 14px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    user-select: none;
    vertical-align: middle;
    position: relative;
    background-color: #0079C2;
    color: #fff;
}

.gazprom-id-btn::before {
    box-sizing: border-box;
    background: #fff;
    content: '';
    display: inline-block;
    height: 28px;
    width: 28px;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
}

.gazprom-id-btn::after {
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 28px;
    content: '';
    height: 28px;
    width: 28px;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2228%22%20height%3D%2228%22%20rx%3D%228%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20clip-path%3D%22url(%23a)%22%20fill%3D%22%230079C2%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.754%207.52c-.374-1.62-1.316-2.935-1.444-3.145-.207.305-.955%201.462-1.335%202.751a9.912%209.912%200%200%200-.335%203.966c.141%201.258.683%202.541.683%202.541.284.674.716%201.398.993%201.754.406-.52%201.348-2.084%201.644-4.124.161-1.137.168-2.129-.206-3.743Zm-1.444%207.467c-.181-.343-.471-.991-.497-1.995-.006-.973.387-1.805.503-1.977.103.172.445.903.483%201.894a4.274%204.274%200%200%201-.49%202.084v-.006Zm1.334-4.722c-.013.617-.09%201.271-.187%201.659a10.062%2010.062%200%200%200-.206-2.357c-.155-.738-.6-1.97-.954-2.542-.33.54-.729%201.607-.942%202.535-.213.928-.219%202.046-.219%202.383-.058-.286-.2-1.296-.155-2.307.033-.838.232-1.696.342-2.097.413-1.321.883-2.166.974-2.3a9.99%209.99%200%200%201%20.986%202.269%209.81%209.81%200%200%201%20.355%202.757h.006Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.948%2015.768h-2.85v1.888l.006-.007c.671-.66%201.76-.66%202.431%200%20.67.661.67%201.735%200%202.396l-.006.006s-.007%200-.013.007a3.47%203.47%200%200%201-4.849-.006%203.348%203.348%200%200%201%200-4.786%203.448%203.448%200%200%201%202.431-.99V9.743c-3.379%200-6.119%202.701-6.119%206.024%200%203.33%202.74%206.03%206.03%201.76%200%203.346-.736%204.462-1.906v-4.117h-1.612v-.007Z%22%2F%3E%3Cpath%20d%3D%22M20.39%2021.208v-4.753h.16c.072%200%20.123.025.168.082.04.051.065.127.065.223v4.143a.367.367%200%200%201-.065.222.215.215%200%200%201-.167.083h-.161Zm-1.238.673h1.94c.213%200%20.387-.038.51-.108a.71.71%200%200%200%20.277-.273.994.994%200%200%200%20.11-.356c.019-.12.025-.241.019-.35v-3.92c0-.108%200-.229-.02-.35a1.14%201.14%200%200%200-.109-.355.67.67%200%200%200-.277-.274c-.123-.07-.297-.107-.51-.107h-1.94v6.093Zm-1.793%200h1.238v-6.094H17.36v6.094Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20transform%3D%22translate(5.98%204.375)%22%20d%3D%22M0%200h16.042v17.5H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.bx-authform-social ul li.bx_socserv_icon_GazpromIdOAuth {
    width: auto;
    height: auto;
}