@sberid/js-sdk/dist/styles/common.css

Javascript SDK для партнеров Сбер ID, упрощающая подключение SberbankID на сайте.

:root{--sbid-mobile-width:768px}.sbid-notification-banner{background:#fff;border:1px solid #e3e3e3;border-radius:5px;box-shadow:0 10px 24px rgba(45,73,88,.15);box-sizing:border-box;display:none;flex-direction:column;font-family:SB Sans,Roboto,sans-serif;min-width:320px;opacity:0;padding:20px;position:fixed;width:auto}@media (max-width:var(--sbid-mobile-width )){.sbid-notification-banner{border-radius:0;bottom:0;left:0;right:0;top:0;width:100%}}.sbid-notification-banner__label{color:#767676;font-size:15px;font-weight:600;line-height:18px;margin-bottom:16px}.sbid-notification-banner__close{color:#767676;cursor:pointer;display:flex;font-size:0;line-height:12px;padding:10px;position:absolute;right:10px;top:10px}.sbid-notification-banner--show{display:flex}.sbid-check-button-container{left:-9999px;position:fixed}.sbid-button{fill:#fff;fill:var(--sbid-fill-color);align-items:center;background-color:#21a038;background-color:var(--sbid-bg-color);border:1px solid #21a038;border-radius:4px;border-radius:var(--sbid-brd-radius);border-style:var(--sbid-brd-style);color:#fff;color:var(--sbid-text-color);cursor:pointer;display:inline-flex;display:var(--sbid-button-display);font-size:14px;font-size:var(--sbid-font-size);height:48px;height:var(--sbid-height);justify-content:center;line-height:18px;line-height:var(--sbid-line-height);max-height:64px;min-height:28px;padding:14px 39px;padding:var(--sbid-padding);position:relative;text-decoration:none}.sbid-button:focus,.sbid-button:hover{background-color:#1a802d;background-color:var(--sbid-bg-color-hover);border-color:#1a802d;border-color:var(--sbid-brd-color-hover)}.sbid-button:active{background-color:#156624;background-color:var(--sbid-bg-color-active);border-color:#156624;border-color:var(--sbid-brd-color-active)}.sbid-button[disabled=disabled]{cursor:not-allowed}.sbid-button__logo{height:22px;height:var(--sbid-logo-size);min-height:22px;min-height:var(--sbid-logo-size);min-width:22px;min-width:var(--sbid-logo-size);width:22px;width:var(--sbid-logo-size)}.sbid-button__logo svg{height:100%;width:100%}.sbid-button__logo+.sbid-button__text{margin-left:8px}.sbid-button__text{font-family:SB Sans,Roboto,San Francisco,sans-serif;font-family:var(--sbid-font-family);font-size:14px;font-size:var(--sbid-font-size);font-weight:400;font-weight:var(--sbid-font-weight);text-decoration:none}.sbid-button-loader{align-items:center;background-color:#21a038;background-color:var(--sbid-bg-color);border-radius:4px;border-radius:var(--sbid-brd-radius);display:none;height:100%;justify-content:center;position:absolute;width:100%}.sbid-button-loader svg{height:60%;max-height:36px;min-height:22px}.sbid-button-loader--show{display:flex}.sbid-button-change-user{align-items:center;border-radius:0 4px 4px 0;border-radius:0 var(--sbid-brd-radius) var(--sbid-brd-radius) 0;display:none;height:100%;height:calc(100% + 2px);height:calc(100% + var(--sbid-brd-width)*2);justify-content:center;max-width:32px;position:absolute;right:-1px;right:calc(var(--sbid-brd-width)*-1);top:-1px;top:calc(var(--sbid-brd-width)*-1);width:26px}.sbid-button-change-user:hover{background-color:rgba(0,0,0,.15)}.sbid-button-change-user__popup{background:#fff;border-radius:10px;box-shadow:0 12px 24px rgba(45,73,88,.15);color:#000014;display:none;font-size:15px;font-weight:700;line-height:27px;padding:15px 30px;position:absolute;top:calc(100% - 10px);white-space:nowrap;z-index:1}.sbid-notification-banner .sbid-button-change-user__popup{bottom:calc(100% - 10px);right:0;top:auto}.sbid-button-change-user__popup--mobile{bottom:calc(100% - 10px);right:0}.sbid-button-change-user[data-stage=popup] .sbid-button-change-user__popup{display:block}.sbid-button[data-personalization=true] .sbid-button-change-user{display:flex}.sbid-button .sbid-button__logo svg{fill:#fff;fill:var(--sbid-fill-color)}:root{--sbid-bg-color:#21a038;--sbid-bg-color-hover:#1a802d;--sbid-bg-color-active:#156624;--sbid-brd-width:1px;--sbid-brd-style:solid;--sbid-brd-radius:4px;--sbid-brd-color:#21a038;--sbid-brd-color-hover:#1a802d;--sbid-brd-color-active:#156624;--sbid-text-color:#fff;--sbid-fill-color:#fff;--sbid-font-family:"SB Sans","Roboto","San Francisco",sans-serif;--sbid-font-weight:400;--sbid-padding:14px 39px;--sbid-font-size:14px;--sbid-line-height:18px;--sbid-height:48px;--sbid-button-display:inline-flex;--sbid-logo-size:22px}@font-face{font-display:swap;font-family:SB Sans;font-style:normal;font-weight:400;src:url(fonts/e8d9ecc3.eot);src:url(fonts/e8d9ecc3.eot?#iefix) format("embedded-opentype"),url(fonts/22e87e1f.woff2) format("woff2"),url(fonts/f3da03ca.woff) format("woff"),url(fonts/1a5d29b2.ttf) format("truetype"),url(fonts/1211ddef.svg#SBSansInterface-Regular) format("svg")}@font-face{font-display:swap;font-family:SB Sans;font-style:normal;font-weight:700;src:url(fonts/75bbe5ee.eot);src:url(fonts/75bbe5ee.eot?#iefix) format("embedded-opentype"),url(fonts/a1cf4b65.woff2) format("woff2"),url(fonts/3fdc4462.woff) format("woff"),url(fonts/a630f33.ttf) format("truetype"),url(fonts/8c0a7f12.svg#SBSansInterface-Bold) format("svg")}@font-face{font-display:swap;font-family:SB Sans;font-style:normal;font-weight:300;src:url(fonts/76eb5532.eot);src:url(fonts/76eb5532.eot?#iefix) format("embedded-opentype"),url(fonts/dc5b2937.woff2) format("woff2"),url(fonts/a67bfa7e.woff) format("woff"),url(fonts/c058370f.ttf) format("truetype"),url(fonts/fa9e63f3.svg#SBSansInterface-Light) format("svg")}@font-face{font-display:swap;font-family:SB Sans;font-style:normal;font-weight:600;src:url(fonts/23876c35.eot);src:url(fonts/23876c35.eot?#iefix) format("embedded-opentype"),url(fonts/333d082f.woff2) format("woff2"),url(fonts/c28d612b.woff) format("woff"),url(fonts/f487fa93.ttf) format("truetype"),url(fonts/f0df970d.svg#SBSansInterface-Semibold) format("svg")}