@import url(LabGrotesque.css);
:root {
  --red0Logo: #fe4c4c;
  --red10: #ffebeb;
  --red20: #ffcbcb;
  --red30: #ffabab;
  --red40: #fe8c8c;
  --redLightBasic50: #fe6c6c;
  --redBasic60: #fe4c4c;
  --red70: #ed3f3f;
  --red80: #dd3333;
  --red90: #cc2626;
  --red100: #bb1919;
  --red110: #ab0d0d;
  --redPromoAccent: #6c1d45;
  --orange0Logo: #fc7630;
  --orange10: #ffe0c3;
  --orange20: #ffd1a0;
  --orange30: #ffc17d;
  --orange40: #ffb259;
  --orangeLightBasic50: #ffa236;
  --orangeBasic60: #ff8227;
  --orange70: #ea7324;
  --orange80: #d46421;
  --orange90: #bf561e;
  --orange100: #a9471b;
  --orange110: #943817;
  --orangePromoAccent: #661429;
  --yellow0Logo: #feca42;
  --yellow10: #ffeec2;
  --yellow20: #fde1a1;
  --yellow30: #fdd481;
  --yellow40: #fcc660;
  --yellowLightBasic50: #fcb73e;
  --yellowBasic60: #fda70c;
  --yellow70: #f69912;
  --yellow80: #ef8b17;
  --yellow90: #e77e1b;
  --yellow100: #de711e;
  --yellow110: #d46421;
  --green0Logo: #26ad50;
  --green10: #c7f9cc;
  --green20: #a7eeb3;
  --green30: #87e39a;
  --green40: #67d881;
  --greenLightBasic50: #46cd68;
  --greenBasic60: #26ad50;
  --green70: #23a14a;
  --green80: #209644;
  --green90: #1c8a3f;
  --green100: #197f39;
  --green110: #167333;
  --greenGreen: #144942;
  --greenMint0Logo: #00bea2;
  --greenMint10: #c6f5ec;
  --greenMint20: #a8eee2;
  --greenMint30: #8be7d8;
  --greenMint40: #6ddfcd;
  --greenMintLightBasic50: #4fd8c3;
  --greenMintBasic60: #00c5a8;
  --greenMint70: #00b59a;
  --greenMint80: #00a58d;
  --greenMint90: #00957f;
  --greenMint100: #008571;
  --greenMint110: #007564;
  --greenMintPromoAccent: #013f54;
  --blue0Logo: #2291ff;
  --blue10: #cdedff;
  --blue20: #aeddff;
  --blue30: #8fcdff;
  --blue40: #70bdff;
  --blueLightBasic50: #51adff;
  --blueBasic60: #2291ff;
  --blue70: #1f87ef;
  --blue80: #1c7edf;
  --blue90: #1874cf;
  --blue100: #156abe;
  --blue110: #1261ae;
  --bluePromoAccent: #153177;
  --blueDark0Logo: #366af3;
  --blueDark10: #dde6ff;
  --blueDark20: #becfff;
  --blueDark30: #9fb8ff;
  --blueDark40: #80a1ff;
  --blueDarkLightBasic50: #618aff;
  --blueDarkBasic60: #366af3;
  --blueDark70: #3365e8;
  --blueDark80: #3060dc;
  --blueDark90: #2e5ad1;
  --blueDark100: #2b55c5;
  --blueDark110: #2850ba;
  --blueDarkPromoAccent: #272567;
  --purple0Logo: #b750d1;
  --purple10: #f7d7ff;
  --purple20: #eabdf6;
  --purple30: #dea3ec;
  --purple40: #d189e3;
  --purpleLightBasic50: #c56fda;
  --purpleBasic60: #b750d1;
  --purple70: #aa49c3;
  --purple80: #9e43b5;
  --purple90: #913ca6;
  --purple100: #843698;
  --purple110: #782f8a;
  --purplePromoAccent: #452a78;
  --mainLinkTextBlue90: #1874cf;
  --mainLinkShapeBlue60: #2291ff;
  --mainLinkBackgroundBlue10: #cdedff;
  --mainSuccessTextGreen90: #1c8a3f;
  --mainSuccessShapeGreen60: #26ad50;
  --mainSuccessBackgroundGreen10: #c7f9cc;
  --mainWarningTextYellow80: #ef8b17;
  --mainWarningShapeYellow50: #fcb73e;
  --mainWarningBackgroundYellow10: #ffeec2;
  --mainErrorTextRed90: #cc2626;
  --mainErrorShapeRed60: #fe4c4c;
  --mainErrorBackgroundRed10: #ffebeb;
  --grayscaleText: #222222;
  --grayscaleSecondaryText: #757575;
  --grayscaleDisabledText: #adadad;
  --grayscaleDarkBackground: #d6d6d6;
  --grayscaleBackground: #e6e6e6;
  --grayscaleLightBackground: #f0f0f0;
  --grayscale87Text: rgba(0, 0, 0, 0.87);
  --grayscale54SecondaryText: rgba(0, 0, 0, 0.54);
  --grayscale32DisabledText: rgba(0, 0, 0, 0.32);
  --grayscale16DarkBackground: rgba(0, 0, 0, 0.16);
  --grayscale10Background: rgba(0, 0, 0, 0.1);
  --grayscale6LightBackground: rgba(0, 0, 0, 0.06);
  --grayscale87TextWhite: rgba(255, 255, 255, 0.87);
  --grayscale54SecondaryWhite: rgba(255, 255, 255, 0.54);
  --grayscale32DisabledWhite: rgba(255, 255, 255, 0.32);
  --grayscale16White: rgba(255, 255, 255, 0.16);
  --grayscale10White: rgba(255, 255, 255, 0.1);
  --grayscale6White: rgba(255, 255, 255, 0.06);
  --grayscaleBlack000: #000000;
  --grayscaleWhiteFFF: #ffffff;
  --primaryDefault: #3d3d3d;
  --primaryHover: #292929;
  --primaryPressed: #141414;
  --linkStatesTextHoverBlue100: #156abe;
  --linkStatesTextPressedBlue110: #1260ae;
  --linkStatesShapeHoverBlue70: #1f87ef;
  --linkStatesShapePressedBlue80: #1c7edf;
  --successStatesTextHoverGreen100: #197f39;
  --successStatesTextPressedGreen110: #167333;
  --successStatesShapeHoverGreen70: #23a14a;
  --successStatesShapePressedGreen80: #209644;
  --warningStatesTextHoverYellow90: #e77e1b;
  --warningStatesTextPressedYellow100: #de711e;
  --warningStatesShapeHoverYellow60: #fda70c;
  --warningStatesShapePressedYellow70: #f69912;
  --errorStatesTextHoverRed100: #bb1919;
  --errorStatesTextPressedRed110: #ab0d0d;
  --errorStatesShapeHoverRed70: #ed3f3f;
  --errorStatesShapePressedRed80: #dd3333;
  --shade16Black: rgba(0, 0, 0, 0.16);
  --shade80White: rgba(255, 255, 255, 0.8);
  --elementsExceptionsHint: rgba(0, 0, 0, 0.76);
  --elementsExceptionsToastRed: rgba(210, 15, 0, 0.76);
}

/*
  Глобальные стили Аутентификатора.
*/

/* подключаем новый шрифт
  https://wiki.skbkontur.ru/pages/viewpage.action?pageId=449570765
*/

/* 90vh - экспериментально полученная величина */
/* С такой высотой и скролла нет, где не надо и работает ResizeObserver при изменении высоты */
html {
  height: 90vh;
}

body {
  font-family:
    'Lab Grotesque',
    -apple-system,
    BlinkMacSystemFont,
    Arial,
    'Liberation Sans',
    'Nimbus Sans L',
    sans-serif;
  font-size: 14px;
  background-color: var(--grayscaleLightBackground);
  color: var(--grayscaleText);
  margin: 0;
  padding: 0;
  height: 100%;
  align-items: center;
  box-sizing: border-box;
}

body.App__background_RwhY {
  background-position: center top;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-image: url(../images/5195a53e7bfcb820aed0.svg);
}

body.App__background_RwhY.App__backgroundBig_JkvH {
  background-image: url(../images/9d9b94ba5af7454c2baf.svg);
}

body > div > .App__awWrap_IlfD {
  margin-top: 40px;
}

body.App__low_uYhB > div > .App__awWrap_IlfD {
  margin-top: 24px;
}

body.App__smallScreen_bzbt {
  align-items: flex-start;
  display: block;
}

body.App__smallScreen_bzbt > div > .App__awWrap_IlfD {
  margin-top: 0;
}

.App__awWrap_IlfD b {
  font-weight: 500;
}

.App__awWrap_IlfD p {
  line-height: 1.5em;
}

.App__awWrap_IlfD p:last-child {
  margin-bottom: 0;
}

.App__awWrap_IlfD p:first-child {
  margin-top: 0;
}

.App__awWrap_IlfD .App__noWrap_FogK {
  white-space: nowrap;
}

.App__awWrap_IlfD .App__tabPadding_K7Sx {
  padding: 30px 40px;
}

.App__awWrap_IlfD .App__tabErrorPadding_h7sO {
  padding: 24px 40px 40px;
}

.App__awWrap_IlfD .App__tabCaption_uSO5 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.App__awWrap_IlfD .App__tabCaption_uSO5 + .App__tabText_YUX3 {
  margin-top: 9px;
}

.App__awWrap_IlfD .App__tabText_YUX3,
.App__newText_Svqv {
  font-size: 16px;
  line-height: 22px;
}

/* формы входа */
.App__awWrap_IlfD .App__authFormWrap_K0KZ {
  padding: 32px 0 46px;
}

.App__awWrap_IlfD .App__approveFormWrap_ijII {
  padding: 32px 0 40px;
}

.App__awWrap_IlfD .App__flatContainer_hYwr {
  display: flex;
  justify-content: space-between;
}

.App__flatContainer_hYwr a {
  padding-top: 8px;
}

.App__flatContainer2_rw_X {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.App__alignSelfEnd_d1VW {
  align-self: flex-end;
}

.App__awWrap_IlfD .App__fieldLabel_PJfp {
  line-height: 20px;
  margin-bottom: 8px;
  color: var(--grayscaleText);
  display: block;
}

.App__awWrap_IlfD .App__fieldWrap_iO6C {
  margin-bottom: 15px;
}

.App__awWrap_IlfD .App__fieldWrap2_kGk0 {
  margin-bottom: 24px;
}

.App__awWrap_IlfD .App__disabledField_BM9_ {
  padding-top: 10px;
  padding-bottom: 15px;
  border: 1px solid var(--grayscaleBackground);
  border-width: 1px 0;
  background: var(--grayscaleLightBackground);
  margin-bottom: 15px;
  box-sizing: border-box;
}

/* почему-то в react-ui у PasswordInput display: inline-block
это не дает задавать ширину в процентах через свойство width */
.App__passwordFix_KucO div[class^='react-ui'] {
  display: inline;
}

.App__fixLoader_l025 {
  vertical-align: top;
}

.App__marginTop_AEVC {
  margin-top: 25px;
}

.App__neutralizePadMargin_zZE_ {
  margin: auto -40px;
}

.App__grayScale_eFZ3 svg {
  color: var(--grayscaleDisabledText);
  width: 20px;
  height: 20px;
}

.App__centrify_Ku2a {
  text-align: center;
}

.App__modalCaption__gV2 {
  font-weight: 700;
  padding-top: 8px;
}

.App__blackLink_Hcai,
.App__blackLink_Hcai:hover {
  color: var(--grayscaleText);
}

.App__maxWidth_AKC_ {
  max-width: 350px;
}

.App__or_EV45 {
  font-size: 16px;
  color: var(--grayscaleSecondaryText);
  text-align: center;
  margin-top: 24px;
}

.App__bold_VLMA {
  font-weight: 700;
}

.App__preLine_eblh {
  white-space: pre-line;
}

.App__fallbackWrap_w3nM {
  padding: 40px 0;
}
.App__fallbackGlobalWrap_tRmg {
  padding: 80px 0;
}

.App__secondaryGray_xdZC {
  color: var(--grayscaleSecondaryText);
}

.common__validationText_p8b2 {
  color: var(--red90);
  overflow: visible;
  margin-top: 8px;
  white-space: pre-line;
  max-width: 100%;
  min-width: 204px;
  line-height: 20px;
}

:root {
  --kontur-red-0-logo: #fe4c4c;
  --kontur-red-10: #ffebeb;
  --kontur-red-20: #ffcbcb;
  --kontur-red-30: #ffabab;
  --kontur-red-40: #fe8c8c;
  --kontur-red-light-basic-50: #fe6c6c;
  --kontur-red-basic-60: #fe4c4c;
  --kontur-red-70: #ed3f3f;
  --kontur-red-80: #dd3333;
  --kontur-red-90: #cc2626;
  --kontur-red-100: #bb1919;
  --kontur-red-110: #ab0d0d;
  --kontur-red-promo-accent: #6c1d45;
  --kontur-orange-0-logo: #fc7630;
  --kontur-orange-10: #ffe0c3;
  --kontur-orange-20: #ffd1a0;
  --kontur-orange-30: #ffc17d;
  --kontur-orange-40: #ffb259;
  --kontur-orange-light-basic-50: #ffa236;
  --kontur-orange-basic-60: #ff8227;
  --kontur-orange-70: #ea7324;
  --kontur-orange-80: #d46421;
  --kontur-orange-90: #bf561e;
  --kontur-orange-100: #a9471b;
  --kontur-orange-110: #943817;
  --kontur-orange-promo-accent: #661429;
  --kontur-yellow-0-logo: #feca42;
  --kontur-yellow-10: #ffeec2;
  --kontur-yellow-20: #fde1a1;
  --kontur-yellow-30: #fdd481;
  --kontur-yellow-40: #fcc660;
  --kontur-yellow-light-basic-50: #fcb73e;
  --kontur-yellow-basic-60: #fda70c;
  --kontur-yellow-70: #f69912;
  --kontur-yellow-80: #ef8b17;
  --kontur-yellow-90: #e77e1b;
  --kontur-yellow-100: #de711e;
  --kontur-yellow-110: #d46421;
  --kontur-green-0-logo: #26ad50;
  --kontur-green-10: #c7f9cc;
  --kontur-green-20: #a7eeb3;
  --kontur-green-30: #87e39a;
  --kontur-green-40: #67d881;
  --kontur-green-light-basic-50: #46cd68;
  --kontur-green-basic-60: #26ad50;
  --kontur-green-70: #23a14a;
  --kontur-green-80: #209644;
  --kontur-green-90: #1c8a3f;
  --kontur-green-100: #197f39;
  --kontur-green-110: #167333;
  --kontur-green-green: #144942;
  --kontur-green-mint-0-logo: #00bea2;
  --kontur-green-mint-10: #c6f5ec;
  --kontur-green-mint-20: #a8eee2;
  --kontur-green-mint-30: #8be7d8;
  --kontur-green-mint-40: #6ddfcd;
  --kontur-green-mint-light-basic-50: #4fd8c3;
  --kontur-green-mint-basic-60: #00c5a8;
  --kontur-green-mint-70: #00b59a;
  --kontur-green-mint-80: #00a58d;
  --kontur-green-mint-90: #00957f;
  --kontur-green-mint-100: #008571;
  --kontur-green-mint-110: #007564;
  --kontur-green-mint-promo-accent: #013f54;
  --kontur-blue-0-logo: #2291ff;
  --kontur-blue-10: #cdedff;
  --kontur-blue-20: #aeddff;
  --kontur-blue-30: #8fcdff;
  --kontur-blue-40: #70bdff;
  --kontur-blue-light-basic-50: #51adff;
  --kontur-blue-basic-60: #2291ff;
  --kontur-blue-70: #1f87ef;
  --kontur-blue-80: #1c7edf;
  --kontur-blue-90: #1874cf;
  --kontur-blue-100: #156abe;
  --kontur-blue-110: #1261ae;
  --kontur-blue-promo-accent: #153177;
  --kontur-blue-dark-0-logo: #366af3;
  --kontur-blue-dark-10: #dde6ff;
  --kontur-blue-dark-20: #becfff;
  --kontur-blue-dark-30: #9fb8ff;
  --kontur-blue-dark-40: #80a1ff;
  --kontur-blue-dark-light-basic-50: #618aff;
  --kontur-blue-dark-basic-60: #366af3;
  --kontur-blue-dark-70: #3365e8;
  --kontur-blue-dark-80: #3060dc;
  --kontur-blue-dark-90: #2e5ad1;
  --kontur-blue-dark-100: #2b55c5;
  --kontur-blue-dark-110: #2850ba;
  --kontur-blue-dark-promo-accent: #272567;
  --kontur-purple-0-logo: #b750d1;
  --kontur-purple-10: #f7d7ff;
  --kontur-purple-20: #eabdf6;
  --kontur-purple-30: #dea3ec;
  --kontur-purple-40: #d189e3;
  --kontur-purple-light-basic-50: #c56fda;
  --kontur-purple-basic-60: #b750d1;
  --kontur-purple-70: #aa49c3;
  --kontur-purple-80: #9e43b5;
  --kontur-purple-90: #913ca6;
  --kontur-purple-100: #843698;
  --kontur-purple-110: #782f8a;
  --kontur-purple-promo-accent: #452a78;
  --kontur-main-link-text-blue-90: #1874cf;
  --kontur-main-link-shape-blue-60: #2291ff;
  --kontur-main-link-background-blue-10: #cdedff;
  --kontur-main-success-text-green-90: #1c8a3f;
  --kontur-main-success-shape-green-60: #26ad50;
  --kontur-main-success-background-green-10: #c7f9cc;
  --kontur-main-warning-text-yellow-80: #ef8b17;
  --kontur-main-warning-shape-yellow-50: #fcb73e;
  --kontur-main-warning-background-yellow-10: #ffeec2;
  --kontur-main-error-text-red-90: #cc2626;
  --kontur-main-error-shape-red-60: #fe4c4c;
  --kontur-main-error-background-red-10: #ffebeb;
  --kontur-grayscale-text: #222222;
  --kontur-grayscale-secondary-text: #757575;
  --kontur-grayscale-disabled-text: #adadad;
  --kontur-grayscale-dark-background: #d6d6d6;
  --kontur-grayscale-background: #e6e6e6;
  --kontur-grayscale-light-background: #f0f0f0;
  --kontur-grayscale-87-text: rgba(0, 0, 0, 0.87);
  --kontur-grayscale-54-secondary-text: rgba(0, 0, 0, 0.54);
  --kontur-grayscale-32-disabled-text: rgba(0, 0, 0, 0.32);
  --kontur-grayscale-16-dark-background: rgba(0, 0, 0, 0.16);
  --kontur-grayscale-10-background: rgba(0, 0, 0, 0.1);
  --kontur-grayscale-6-light-background: rgba(0, 0, 0, 0.06);
  --kontur-grayscale-87-text-white: rgba(255, 255, 255, 0.87);
  --kontur-grayscale-54-secondary-white: rgba(255, 255, 255, 0.54);
  --kontur-grayscale-32-disabled-white: rgba(255, 255, 255, 0.32);
  --kontur-grayscale-16-white: rgba(255, 255, 255, 0.16);
  --kontur-grayscale-10-white: rgba(255, 255, 255, 0.1);
  --kontur-grayscale-6-white: rgba(255, 255, 255, 0.06);
  --kontur-grayscale-black-000: #000000;
  --kontur-grayscale-white-fff: #ffffff;
  --kontur-primary-default: #3d3d3d;
  --kontur-primary-hover: #292929;
  --kontur-primary-pressed: #141414;
  --kontur-link-states-text-hover-blue-100: #156abe;
  --kontur-link-states-text-pressed-blue-110: #1260ae;
  --kontur-link-states-shape-hover-blue-70: #1f87ef;
  --kontur-link-states-shape-pressed-blue-80: #1c7edf;
  --kontur-success-states-text-hover-green-100: #197f39;
  --kontur-success-states-text-pressed-green-110: #167333;
  --kontur-success-states-shape-hover-green-70: #23a14a;
  --kontur-success-states-shape-pressed-green-80: #209644;
  --kontur-warning-states-text-hover-yellow-90: #e77e1b;
  --kontur-warning-states-text-pressed-yellow-100: #de711e;
  --kontur-warning-states-shape-hover-yellow-60: #fda70c;
  --kontur-warning-states-shape-pressed-yellow-70: #f69912;
  --kontur-error-states-text-hover-red-100: #bb1919;
  --kontur-error-states-text-pressed-red-110: #ab0d0d;
  --kontur-error-states-shape-hover-red-70: #ed3f3f;
  --kontur-error-states-shape-pressed-red-80: #dd3333;
  --kontur-shade-16-black: rgba(0, 0, 0, 0.16);
  --kontur-shade-80-white: rgba(255, 255, 255, 0.8);
  --kontur-elements-exceptions-hint: rgba(0, 0, 0, 0.76);
  --kontur-elements-exceptions-toast-red: rgba(210, 15, 0, 0.76);
}

.Certificate-module__certificate_EcaJ {
  padding: 24px;
  background-color: var(--kontur-grayscale-white-fff);
  border-radius: 16px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: background-color 0.1s;
}

.Certificate-module__certificate_EcaJ.Certificate-module__modal_RsoD {
  padding-left: 16px;
}

.Certificate-module__certificate_EcaJ:before {
  content: '';
  position: absolute;
  background: var(--kontur-grayscale-dark-background);
  height: 1px;
  left: 24px;
  top: 0;
  right: 24px;
}

.Certificate-module__certificate_EcaJ.Certificate-module__first_FggL:before,
.Certificate-module__certificate_EcaJ:hover:before,
.Certificate-module__selected_xWQj:before {
  display: none;
}

.Certificate-module__certificate_EcaJ:hover {
  background-color: var(--kontur-grayscale-light-background);
  z-index: 2;
}

.Certificate-module__disabled_DCVF.Certificate-module__certificate_EcaJ:hover {
  background-color: var(--kontur-grayscale-white-fff);
  z-index: 1;
  cursor: default;
}

.Certificate-module__disabled_DCVF.Certificate-module__certificate_EcaJ:hover:before,
.Certificate-module__disabled_DCVF.Certificate-module__selected_xWQj:before,
.Certificate-module__certificate_EcaJ:hover:after,
.Certificate-module__certificate_EcaJ.Certificate-module__selected_xWQj:after {
  display: block;
}

.Certificate-module__pad_xl0L {
  position: relative;
  padding: 14px 16px 16px;
  margin: 10px 0 0;
  background-color: var(--kontur-grayscale-light-background);
  cursor: default;
  border-radius: 8px;
  margin-top: 16px;
}

.Certificate-module__certificate_EcaJ:hover .Certificate-module__pad_xl0L {
  background-color: var(--kontur-grayscale-white-fff);
}

.Certificate-module__selected_xWQj {
  background-color: var(--kontur-grayscale-background);
  z-index: 2;
}

.Certificate-module__certificate_EcaJ:hover:before,
.Certificate-module__certificate_EcaJ.Certificate-module__selected_xWQj:before {
  left: 0;
}

.Certificate-module__certificate_EcaJ.Certificate-module__last_oba0:hover:after,
.Certificate-module__certificate_EcaJ.Certificate-module__last_oba0.Certificate-module__selected_xWQj:after {
  display: none;
}

.Certificate-module__organizationName_CVhQ {
  font-size: 18px;
  line-height: 25px;
  color: var(--kontur-grayscale-text);
  word-break: break-word;
  display: inline-block;
  white-space: wrap;
  max-width: 320px;
}

.Certificate-module__iconsWrapper_pVI9 {
  display: flex;
  flex-direction: column;
  position: absolute;
  align-items: center;
  top: 20px;
  right: 16px;
}

/* Для отделения кнопки от хинта. */
.Certificate-module__buttonWrapper_E3CY {
  padding-right: 2px;
}

/* Для верстки в один столбец при иконках на других сертах. */
.Certificate-module__securityLockWrapper_Fqgt {
  padding: 0 10px;
}

.Certificate-module__kebab_O6O0 {
  opacity: 0;
}

.Certificate-module__certificate_EcaJ:hover .Certificate-module__kebab_O6O0 {
  opacity: 1;
}

.Certificate-module__eyeButton_vQqe {
  opacity: 0;
  margin-top: 6px;
}

.Certificate-module__certificate_EcaJ:hover .Certificate-module__eyeButton_vQqe,
.Certificate-module___searching_WqV7 .Certificate-module__eyeButton_vQqe.Certificate-module___hidden_iR13 {
  opacity: 1;
}

.Certificate-module__owner_m_fd {
  word-break: break-word;
}

.Certificate-module__innKpp_ekA6,
.Certificate-module__owner_m_fd,
.Certificate-module__validToInfo_sovT {
  color: var(--kontur-grayscale-secondary-text);
  font-size: 14px;
  line-height: 20px;
}

.Certificate-module__wide_D_kG .Certificate-module__innKpp_ekA6,
.Certificate-module__wide_D_kG .Certificate-module__owner_m_fd,
.Certificate-module__wide_D_kG .Certificate-module__validToInfo_sovT {
  font-size: 16px;
  line-height: 24px;
  margin-top: 0;
}

.Certificate-module__wide_D_kG .Certificate-module__organizationName_CVhQ {
  margin-bottom: 0;
  font-size: 18px;
  max-width: 544px;
}

.Certificate-module__wide_D_kG.Certificate-module__certificate_EcaJ {
  padding: 20px;
}

.Certificate-module__wide_D_kG.Certificate-module__certificate_EcaJ:before {
  left: 20px;
  right: 20px;
}

.Certificate-module__highlight_J1vm {
  background-color: var(--kontur-main-warning-background-yellow-10);
}

.Certificate-module__clrfix_xtdK:after {
  content: '';
  clear: both;
  display: table;
}

.Certificate-module__innKppWrap_aWHM {
  margin: 4px 0 2px;
}

.Certificate-module__displayCertificate_aTNw {
  cursor: pointer;
  visibility: hidden;
  font-size: 16px;
}

.Certificate-module__certificate_EcaJ:hover .Certificate-module__displayCertificate_aTNw {
  visibility: visible;
}

.Certificate-module__red_VHV3 {
  color: var(--kontur-main-error-text-red-90);
}

.Certificate-module__yellow_SKTZ {
  color: var(--kontur-main-warning-text-yellow-80);
}

.Certificate-module__separator_qTS6 {
  color: var(--kontur-grayscale-dark-background);
}

.Certificate-module__longText_pc8y {
  font-size: 14px;
}

.Certificate-module__longTextMargin_syC2 {
  margin-top: 12px;
}

.Certificate-module__inline_lB5I {
  display: inline-flex;
}

.Certificate-module__gap_wWkZ {
  margin-bottom: 4px;
}

.Certificate-module__afterHovered_RYYc:before,
.Certificate-module__afterSelected_Iou0:before {
  display: none;
}

.Certificate-module__tltpMaxWidth_ZM8m {
  max-width: 220px;
  text-align: left;
}

.Certificate-module__tltpButton_EyHS {
  margin-top: 12px;
}

.Certificate-module__verticalAlignTop_QvHU {
  vertical-align: top;
}

.Certificate-module__disabled_DCVF .Certificate-module__organizationName_CVhQ,
.Certificate-module__disabled_DCVF .Certificate-module__innKpp_ekA6,
.Certificate-module__disabled_DCVF .Certificate-module__owner_m_fd {
  color: var(--kontur-grayscale-disabled-text)
}

.Certificate-module__dateWrapper_lDid {
  margin-bottom: 20px;
}

.CertificateInfoKebab-module__visible_Tzua {
  opacity: 1;
}

.CertificateInfoKebab-module__infoWrapper_CUPk {
  display: flex;
  flex-direction: column;
  gap: 16px;

  font-size: 16px;
  line-height: 20px;

  width: 352px;
  padding: 16px;
  text-align: left;
}

.CertificateProlongationInfo-module__refreshCabinetWrap_Sayr {
  display: flex;
  align-items: center;
  gap: 16px;
}
.CertificateView-module__certificate_gBv0 {
  padding: 15px 50px 16px 32px;
  position: relative;
}

.CertificateView-module__organizationName_JhAA {
  font-size: 18px;
  line-height: 25px;
  color: var(--kontur-grayscale-text);
  word-break: break-word;
  margin-bottom: 4px;
}

.CertificateView-module__owner_BTqs {
  word-break: break-word;
}

.CertificateView-module__innKpp_X_D7,
.CertificateView-module__owner_BTqs,
.CertificateView-module__validToInfo_QIJ6 {
  color: var(--kontur-grayscale-secondary-text);
  font-size: 14px;
  line-height: 19px;
}
.Error-module__pad_ovq1 {
  padding: 24px 40px 40px;
  background-color: var(--kontur-grayscale-white-fff);
  border-radius: 16px;
}

.Error-module__pad_ovq1.Error-module__modal_B84G {
  padding: 3px 35px 24px 30px;
}

.Error-module__pad_ovq1.Error-module__searchModal_Li7w {
  padding: 15px 35px 20px 30px;
}

.Error-module__pad_ovq1.Error-module__centered_iGnP {
  text-align: center;
}

.Error-module__caption_fN48 {
  color: var(--kontur-grayscale-text);
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.Error-module__text_Rdko {
  margin-top: 9px;
  font-size: 16px;
  line-height: 22px;
}

.Error-module__nowrap_F6oI {
  white-space: nowrap;
}

.Error-module__noResImg_kzLx {
  margin-top: -14px;
  min-height: 160px;
}

.Error-module__pad_ovq1.Error-module__searchError_fKOe {
  padding-bottom: 24px;
}
.CertificatesList-module__beforeBlock_R3zX {
  padding: 0 35px 20px 30px;
}

.CertificatesList-module__afterBlock_Ld_e {
  padding: 20px 35px 25px 30px;
}

.CertificatesList-module__listPadding_WGld {
  background-color: var(--kontur-grayscale-white-fff);
  border-radius: 0 0 16px 16px;
  padding-bottom: 16px;
}

.CertificatesList-module__switcherModalWrapper_ZoPw {
  box-sizing: border-box;
  margin-top: 9px;
  padding-left: 30px;
  padding-right: 35px;
  margin-bottom: 8px;
}

.CertificatesList-module__switcherWrapper_QYji {
  box-sizing: border-box;
  margin-top: 9px;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 8px;
}

/* Костыль. Switcher не умеет масштабировать кнопки внутри себя на всю длинну в react-ui 4.17.3 */
.CertificatesList-module__switcher_h0C2,
.CertificatesList-module__switcher_h0C2 > div,
.CertificatesList-module__switcher_h0C2 > div > div,
.CertificatesList-module__switcher_h0C2 > div > div > span {
  display: flex;
  justify-content: center;
  width: 100%;
}

.List-module__item_sMYv {
  padding: 0 16px;
}

.List-module__item_sMYv:focus {
  outline: 0;
}

.List-module__item_sMYv:focus +.List-module__item_sMYv div[class^="Certificate-module__certificate"]:before {
  display: none;
}

.List-module__loader_AUUu {
  text-align: center;
  padding: 10px;
  background: var(--kontur-grayscale-white-fff);
}
.PluginHint-module__pad_qyvC {
  background-color: var(--kontur-grayscale-white-fff);
  padding: 15px 50px 20px 30px;
  color: var(--kontur-grayscale-secondary-text);
  font-size: 14px;
  line-height: 19px;
  border-top: 1px solid var(--kontur-grayscale-dark-background);
}

.Search-module__search_nZQc {
  padding: 24px 40px 8px;
  background-color: var(--kontur-grayscale-white-fff);
}

.Search-module__search_nZQc.Search-module__modal_Bxba {
  padding: 3px 35px 15px 30px;
}
.Loader-module__pad_A6qd {
  text-align: center;
  background-color: var(--kontur-grayscale-white-fff);
  height: 200px;
  width: 100%;
  border-radius: 16px;
}

.Loader-module__pad_A6qd:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: '';
}

.Loader-module__pad_A6qd.Loader-module__modal_JTWH {
  height: 97px;
}

.Loader-module__spinner__6BY {
  display: inline-block;
  vertical-align: middle;
  opacity: 0;
  transition: opacity ease-in 100ms;
}

.Loader-module__spinner__6BY.Loader-module__show_Tm5U {
  opacity: 1;
}

.Loader-module__caption_AxYD {
  font-size: 14px;
  line-height: 20px;
  color: var(--kontur-grayscale-secondary-text);
}


/*# sourceMappingURL=main.css.map*/