/* stylelint-disable color-no-hex */

:root {
  /* Element */
  --ring-line-color: #dfe5eb;
  --ring-dark-line-color: #263b4c;
  --ring-borders-color: #b8d1e5;
  --ring-icon-color: #b8d1e5;
  --ring-icon-color: var(--ring-borders-color);
  --ring-icon-secondary-color: #999;
  --ring-border-disabled-color: #dbdbdb;
  --ring-icon-disabled-color: #dbdbdb;
  --ring-icon-disabled-color: var(--ring-border-disabled-color);
  --ring-border-hover-color: #80c6ff;
  --ring-icon-hover-color: #80c6ff;
  --ring-icon-hover-color: var(--ring-border-hover-color);
  --ring-main-color: #008eff;
  --ring-main-hover-color: #007ee5;
  --ring-icon-error-color: #db5860;
  --ring-icon-warning-color: #eda200;
  --ring-icon-success-color: #59a869;
  --ring-pale-control-color: #cfdbe5;
  --ring-popup-border-components: 0, 42, 76;
  --ring-popup-border-color: rgba(0, 42, 76, .1);
  --ring-popup-border-color: rgba(var(--ring-popup-border-components), 0.1);
  --ring-popup-shadow-color: rgba(0, 42, 76, .15);
  --ring-popup-shadow-color: rgba(var(--ring-popup-border-components), 0.15);
  --ring-message-shadow-color: rgba(0, 42, 76, .3);
  --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);

  /* Text */
  --ring-search-color: #669ecc;
  --ring-hint-color: #406380;
  --ring-link-color: #0f5b99;
  --ring-link-hover-color: #ff008c;
  --ring-error-color: #c22731;
  --ring-warning-color: #cc8b00;
  --ring-success-color: #1c8c32;
  --ring-text-color: #1f2326;
  --ring-dark-text-color: #fff;
  --ring-heading-color: #1f2326;
  --ring-heading-color: var(--ring-text-color);
  --ring-secondary-color: #737577;
  --ring-dark-secondary-color: #888;
  --ring-disabled-color: #999;
  --ring-dark-disabled-color: #444;
  --ring-dark-active-color: #ccc;

  /* Background */
  --ring-content-background-color: #fff;
  --ring-popup-background-color: #fff;
  --ring-sidebar-background-color: #f7f9fa;
  --ring-selected-background-color: #d4edff;
  --ring-hover-background-color: #f2f9ff;
  --ring-dark-selected-background-color: #002a4d;
  --ring-message-background-color: rgba(0, 21, 38, .9);
  --ring-navigation-background-color: #000;

  /* Code */
  --ring-code-background-color: #fff;
  --ring-code-background-color: var(--ring-content-background-color);
  --ring-code-color: #000;
  --ring-code-comment-color: #808080;
  --ring-code-meta-color: #808000;
  --ring-code-keyword-color: #000080;
  --ring-code-tag-background-color: #efefef;
  --ring-code-tag-color: #000080;
  --ring-code-tag-color: var(--ring-code-keyword-color);
  --ring-code-tag-font-weight: bold;
  --ring-code-field-color: #660e7a;
  --ring-code-attribute-color: #00f;
  --ring-code-number-color: #00f;
  --ring-code-number-color: var(--ring-code-attribute-color);
  --ring-code-string-color: #008000;
  --ring-code-addition-color: #aadeaa;
  --ring-code-deletion-color: #c8c8c8;

  /* Metrics */
  --ring-border-radius: 3px;
  --ring-border-radius-small: 2px;
  --ring-font-size-larger: 14px;
  --ring-font-size: 13px;
  --ring-font-size-smaller: 12px;
  --ring-line-height-taller: 21px;
  --ring-line-height: 20px;
  --ring-line-height-lower: 18px;
  --ring-line-height-lowest: 16px;
  --ring-ease: 0.3s ease-out;
  --ring-fast-ease: 0.15s ease-out;

  /* TODO: return raw value back if this issue fixed https://github.com/JLHwung/postcss-font-family-system-ui/issues/65 */
  --ring-font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif;
  --ring-font-family-monospace: Menlo, "Bitstream Vera Sans Mono", "Ubuntu Mono", Consolas, "Courier New", Courier, monospace;

  /* Common z-index-values */

  /* Invisible element is an absolutely positioned element which should be below */
  /* all other elements on the page */
  --ring-invisible-element-z-index: -1;

  /* z-index for position: fixed elements */
  --ring-fixed-z-index: 1;

  /* Elements that should overlay all other elements on the page */
  --ring-overlay-z-index: 5;

  /* Alerts should de displayed above overlays */
  --ring-alert-z-index: 6;
}
/* https://readymag.com/artemtiunov/RingUILanguage/colours/ */

/*
Unit shouldn't be CSS custom property because it is not intended to change
Also it won't form in FF47 https://bugzilla.mozilla.org/show_bug.cgi?id=594933
*/

.clearfix_fed::after {
  display: block;
  clear: both;
  content: '';
}

.font_7be {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif;
  font-family: var(--ring-font-family);
  font-size: 13px;
  font-size: var(--ring-font-size);
  line-height: 20px;
  line-height: var(--ring-line-height);
}

.font-lower_822 {

  line-height: 18px;

  line-height: var(--ring-line-height-lower);
}

.font-smaller_212 {

  font-size: 12px;

  font-size: var(--ring-font-size-smaller);
}

.font-smaller-lower_729 {

  line-height: 16px;

  line-height: var(--ring-line-height-lowest);
}

.font-larger-lower_447 {

  font-size: 14px;

  font-size: var(--ring-font-size-larger);
}

.font-larger_b0f {

  line-height: 21px;

  line-height: var(--ring-line-height-taller);
}

/* To be used at large sizes */
/* As close as possible to Helvetica Neue Thin (to replace Gotham) */
.thin-font_f08 {
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-size: var(--ring-font-size);
  font-weight: 100; /* Renders Helvetica Neue UltraLight on OS X  */
}

.monospace-font_ff4 {
  font-family: Menlo, "Bitstream Vera Sans Mono", "Ubuntu Mono", Consolas, "Courier New", Courier, monospace;
  font-family: var(--ring-font-family-monospace);
  font-size: 12px;
  font-size: var(--ring-font-size-smaller);
}

.ellipsis_58f {
  overflow: hidden;

  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Note: footer also has top margin which isn't taken into account here */

/* Media breakpoints (minimal values) */

/* Media queries */
.ring-old-browsers-message {
  display: block;

  margin-top: 15%;

  text-align: center;

  color: #1f2326;

  color: var(--ring-text-color);

  font-family: -apple-system, BlinkMacSystemFont, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-size: var(--ring-font-size-larger);
  line-height: 20px;
}

.ring-old-browsers-message_hidden {
  display: none;
}

.ring-old-browsers-message__smile {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  font-size: 24px;
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.close_b38:hover {
    color: #ff008c;
    color: var(--ring-link-hover-color);
}}

.alert_df7 {
  position: relative;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;
  min-height: 40px;
  margin: 8px auto;
  padding: 0 16px;

  -webkit-transition:
    margin-bottom 300ms ease-out,
    opacity 300ms ease-out,
    -webkit-transform 300ms ease-out;

  transition:
    margin-bottom 300ms ease-out,
    opacity 300ms ease-out,
    -webkit-transform 300ms ease-out;

  transition:
    transform 300ms ease-out,
    margin-bottom 300ms ease-out,
    opacity 300ms ease-out;

  transition:
    transform 300ms ease-out,
    margin-bottom 300ms ease-out,
    opacity 300ms ease-out,
    -webkit-transform 300ms ease-out;
  white-space: nowrap;
  pointer-events: auto;

  border-radius: 3px;

  border-radius: var(--ring-border-radius);
  background-color: rgba(0, 21, 38, .9);
  background-color: var(--ring-message-background-color);
  -webkit-box-shadow: 0 2px 16px rgba(0, 42, 76, .15);
          box-shadow: 0 2px 16px rgba(0, 42, 76, .15);
  -webkit-box-shadow: 0 2px 16px var(--ring-popup-shadow-color);
          box-shadow: 0 2px 16px var(--ring-popup-shadow-color);

  font-size: 13px;

  font-size: var(--ring-font-size);
  line-height: 40px;
}

.alertInline_8a3 {
  margin: 8px;
}

.error_b06 {
  word-wrap: break-word;

  color: #c22731;

  color: var(--ring-error-color);
}

.icon_84d {
  display: inline-block;

  margin-right: 8px;

  vertical-align: top;
}

.caption_db7 {
  display: inline-block;

  max-width: calc(100% - 40px);

  margin: 12px 40px 12px 0;

  vertical-align: middle;
  white-space: normal;

  color: #fff;

  color: var(--ring-dark-text-color);

  line-height: 20px
}

.caption_db7 .ring-link,
  
  .caption_db7 .link_83e {
color: #008eff;
color: var(--ring-main-color);}

.badge_629 {
  margin-left: 8px;

  vertical-align: baseline;
}

.loader_9b5 {
  top: 2px;

  margin-right: 8px;
}

.close_b38 {
  position: absolute;
  top: 2px;
  right: 0;

  margin: 4px;
  padding: 8px;

  cursor: pointer;

  color: #888;

  color: var(--ring-dark-secondary-color);
  border: none;
  background: transparent;

  font-size: 0;
  line-height: 0
}

.close_b38:focus {
color: #ff008c;
color: var(--ring-link-hover-color);}

@-webkit-keyframes show_2e1 {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);

    opacity: 0;
  }

  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
  }
}

@keyframes show_2e1 {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);

    opacity: 0;
  }

  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
  }
}

@-webkit-keyframes shaking_0fe {
  10%,
  90% {
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }

  20%,
  80% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }

  30%,
  50%,
  70% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }

  40%,
  60% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
}

@keyframes shaking_0fe {
  10%,
  90% {
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }

  20%,
  80% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }

  30%,
  50%,
  70% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }

  40%,
  60% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
}

.animationOpen_f55 {
  -webkit-animation-name: show_2e1;
          animation-name: show_2e1;
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
}

.animationClosing_8e0 {
  z-index: -1;
  z-index: var(--ring-invisible-element-z-index);

  opacity: 0;
}

.animationShaking_928 {
  -webkit-animation-name: shaking_0fe;
          animation-name: shaking_0fe;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.link_a2c:hover {
    -webkit-transition: none;
    transition: none;
    color: #ff008c;
    color: var(--ring-link-hover-color);
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.link_a2c:hover {
    text-decoration: none;
}}

.link_a2c {
  /* To override link stiles inside alert */
  cursor: pointer;
  -webkit-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out;
  -webkit-transition: color var(--ring-fast-ease);
  transition: color var(--ring-fast-ease);
  color: #0f5b99;
  color: var(--ring-link-color);}

.link_a2c {
  text-decoration: none;}

.link_a2c.hover_112 {
  -webkit-transition: none;
  transition: none;
  color: #ff008c;
  color: var(--ring-link-hover-color);}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.link_a2c:hover .inner_634 {
    border-width: 0;
    border-bottom: 2px solid;
    border-image-source: linear-gradient(currentcolor 50%, transparent 50%);
    border-image-slice: 0 0 100% 0;
}}

.link_a2c.active_338 {
  color: inherit;}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.link_a2c.compatibilityUnderlineMode_a0a:hover {
    text-decoration: underline
    /* stylelint-disable-next-line selector-max-specificity */
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.link_a2c.compatibilityUnderlineMode_a0a:hover .inner_634 {
    border: none;
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.link_a2c.pseudo_a4f:hover {
    text-decoration: none
    /* stylelint-disable-next-line selector-max-specificity */
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.link_a2c.pseudo_a4f:hover .inner_634 {
    border: none;
}}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.link_a2c:hover .inner_634 {
    border-bottom-width: 1px;
  }}
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.inherit_a33:not(:hover) {
  color: inherit;
}}

.pseudo_a4f {
  padding: 0;

  text-align: left;

  border: 0;

  background: transparent;

  font: inherit
}

.pseudo_a4f::-moz-focus-inner {
  padding: 0;
  border: 0;}
.icon_72b {
  position: relative;

  display: inline-block;

  vertical-align: middle;
  fill: currentColor;
}

.glyph_e8e {
  display: inline-block;

  vertical-align: middle;
  pointer-events: none;
}

.gray_c51 {
  color: #999;
  color: var(--ring-icon-secondary-color);
}

.hover_c76 {
  color: #80c6ff;
  color: var(--ring-icon-hover-color);
}

.green_b87 {
  color: #59a869;
  color: var(--ring-icon-success-color);
}

.magenta_766 {
  color: #ff008c;
  color: var(--ring-link-hover-color);
}

.red_9fb {
  color: #db5860;
  color: var(--ring-icon-error-color);
}

.blue_507 {
  color: #008eff;
  color: var(--ring-main-color);
}

.white_808 {
  color: #fff;
  color: var(--ring-dark-text-color);
}

.loading_d35 {
  -webkit-animation-name: icon-loading_b8a;
          animation-name: icon-loading_b8a;
  -webkit-animation-duration: 1200ms;
          animation-duration: 1200ms;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes icon-loading_b8a {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);

    opacity: 0.5;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes icon-loading_b8a {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);

    opacity: 0.5;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.buttonToolbar_359 {
  display: inline-block;

  white-space: nowrap;

  font-size: 0;
}

.buttonToolbar_359 > button,
.buttonToolbar_359 > .ring-button-group,
.buttonToolbar_359 > .button_1f3,
.buttonToolbar_359 > .buttonGroup_15f,
.buttonToolbar_359 > .buttonToolbar_359 {
  margin-right: 8px;
}

.buttonToolbar_359 > :last-child {
  margin-right: 0;
}
:root {
  --ring-button-group-default-z-index: 0;
  --ring-button-group-disabled-z-index: -1;
  --ring-button-group-active-z-index: 1;
  --ring-button-group-hover-z-index: 2;
  --ring-button-group-focus-z-index: 3;
}

.buttonGroup_3b6 {

  position: relative;
  z-index: 0;

  display: inline-block;

  white-space: nowrap;
}

.buttonGroup_3b6 button,
.buttonGroup_3b6 .button_4b9 {
  margin: 0 0 0 -1px;

  border-radius: 0;
}

.caption_ddf {

  margin-right: 8px;

  font-size: 13px;

  font-size: var(--ring-font-size)
}

.caption_ddf:empty {
  margin-right: 0;
}

.buttonGroup_3b6 > .caption_ddf + .button_4b9,
.buttonGroup_3b6 > button:first-child,
.buttonGroup_3b6 > .button_4b9:first-child,
.buttonGroup_3b6 > :first-child .button_4b9 {
  margin: 0;

  border-top-left-radius: 3px;

  border-top-left-radius: var(--ring-border-radius);
  border-bottom-left-radius: 3px;
  border-bottom-left-radius: var(--ring-border-radius);
}

.buttonGroup_3b6 > .button_4b9:last-child,
.buttonGroup_3b6 > button:last-child,
.buttonGroup_3b6 > :last-child .button_4b9 {
  border-top-right-radius: 3px;
  border-top-right-radius: var(--ring-border-radius);
  border-bottom-right-radius: 3px;
  border-bottom-right-radius: var(--ring-border-radius);
}

.buttonGroup_3b6 .button_4b9 {
  position: relative;
  z-index: 0;
  z-index: var(--ring-button-group-default-z-index);
}

.buttonGroup_3b6 .button_4b9[disabled] {
  z-index: -1;
  z-index: var(--ring-button-group-disabled-z-index);
}

.buttonGroup_3b6 .button_4b9:active {
  z-index: 1;
  z-index: var(--ring-button-group-active-z-index);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.buttonGroup_3b6 .button_4b9:hover {
    z-index: 2;
    z-index: var(--ring-button-group-hover-z-index);
}}

.buttonGroup_3b6 .button_4b9:focus {
  z-index: 3;
  z-index: var(--ring-button-group-focus-z-index);
}

.buttonGroup_3b6 .active_a39 {
  z-index: 1;
  z-index: var(--ring-button-group-active-z-index);
}
.buttonSet_9bd {
  position: relative;

  display: inline-block;

  white-space: nowrap;

  font-size: 0
}

.buttonSet_9bd .button_1f5 {
  margin: 0 8px 0 0;
}

.buttonSet_9bd > .button_1f5:last-child {
  margin-right: 0;
}
:root {
  /* TODO: This colors are not ready to move to variables.css */
  /* stylelint-disable color-no-hex */
  --ring-button-primary-background-color: #1a98ff;
  --ring-button-primary-border-color: #0062b2;
  --ring-button-danger-active-color: #ffe7e8;
  --ring-button-danger-hover-color: #ffb3b8;
  --ring-button-loader-background: #33a3ff;
  --ring-button-dark-border-disabled-color: #333;
  --ring-button-dark-icon-disabled-color: #333;
  --ring-button-dark-icon-disabled-color: var(--ring-button-dark-border-disabled-color);
  --ring-button-dark-danger-active-color: #26080a;
  --ring-button-dark-danger-hover-color: #db5860;
  --ring-button-dark-active-color: #001526; /* TODO: Can't it be replaced with #002A4D? */
  --ring-button-dark-loader-background: #002039;
  /* stylelint-enable color-no-hex */
}

.light_943 {
  color: #1f2326;
  color: var(--ring-text-color);
  background-color: #fff;
  background-color: var(--ring-content-background-color);
  -webkit-box-shadow: inset 0 0 0 1px #b8d1e5;
          box-shadow: inset 0 0 0 1px #b8d1e5;
  -webkit-box-shadow: inset 0 0 0 1px var(--ring-borders-color);
          box-shadow: inset 0 0 0 1px var(--ring-borders-color)
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.light_943:hover {
  -webkit-box-shadow: inset 0 0 0 1px #80c6ff;
          box-shadow: inset 0 0 0 1px #80c6ff;
  -webkit-box-shadow: inset 0 0 0 1px var(--ring-border-hover-color);
          box-shadow: inset 0 0 0 1px var(--ring-border-hover-color);
}}

.light_943:active,
  .light_943.active_ba3 {
  background-color: #d4edff;
  background-color: var(--ring-selected-background-color);
  -webkit-box-shadow: inset 0 0 0 1px #80c6ff;
          box-shadow: inset 0 0 0 1px #80c6ff;
  -webkit-box-shadow: inset 0 0 0 1px var(--ring-border-hover-color);
          box-shadow: inset 0 0 0 1px var(--ring-border-hover-color);
}

.light_943[disabled] {
  -webkit-box-shadow: inset 0 0 0 1px #dbdbdb;
          box-shadow: inset 0 0 0 1px #dbdbdb;
  -webkit-box-shadow: inset 0 0 0 1px var(--ring-border-disabled-color);
          box-shadow: inset 0 0 0 1px var(--ring-border-disabled-color);
}

.light_943[disabled],
  .light_943[disabled].withIcon_2ed {
  color: #999;
  color: var(--ring-disabled-color);
}

.light_943[disabled] .icon_d0d {
  color: #dbdbdb;
  color: var(--ring-icon-disabled-color);
}

.light_943.primary_e6e:active,
  .light_943.primary_e6e.active_ba3 {
  background-color: #1a98ff;
  background-color: var(--ring-button-primary-background-color);
  -webkit-box-shadow: inset 0 0 0 1px #0062b2;
          box-shadow: inset 0 0 0 1px #0062b2;
  -webkit-box-shadow: inset 0 0 0 1px var(--ring-button-primary-border-color);
          box-shadow: inset 0 0 0 1px var(--ring-button-primary-border-color);
}

.light_943.danger_9de:active,
  .light_943.danger_9de.active_ba3 {
  background-color: #ffe7e8;
  background-color: var(--ring-button-danger-active-color);
}

.light_943.danger_9de:active,
  .light_943.danger_9de.active_ba3,
  .light_943.danger_9de:focus {
  -webkit-box-shadow: inset 0 0 0 1px #ffb3b8;
          box-shadow: inset 0 0 0 1px #ffb3b8;
  -webkit-box-shadow: inset 0 0 0 1px var(--ring-button-danger-hover-color);
          box-shadow: inset 0 0 0 1px var(--ring-button-danger-hover-color);
}

.light_943.withIcon_2ed {
  color: #737577;
  color: var(--ring-secondary-color);
}

.light_943.onlyIcon_879 {
  color: #999;
  color: var(--ring-icon-secondary-color);
}

.light_943 .loaderBackground_bd0::before {
  background-image:
      -webkit-gradient(
        linear,
        left top, right top,
        from(#fff),
        color-stop(40%, #d4edff),
        color-stop(80%, #fff)
      );
  background-image:
      linear-gradient(
        to right,
        #fff,
        #d4edff 40%,
        #fff 80%
      );
  background-image:
      -webkit-gradient(
        linear,
        left top, right top,
        from(var(--ring-content-background-color)),
        color-stop(40%, var(--ring-selected-background-color)),
        color-stop(80%, var(--ring-content-background-color))
      );
  background-image:
      linear-gradient(
        to right,
        var(--ring-content-background-color),
        var(--ring-selected-background-color) 40%,
        var(--ring-content-background-color) 80%
      );
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.light_943.danger_9de:hover {
  -webkit-box-shadow: inset 0 0 0 1px #ffb3b8;
          box-shadow: inset 0 0 0 1px #ffb3b8;
  -webkit-box-shadow: inset 0 0 0 1px var(--ring-button-danger-hover-color);
          box-shadow: inset 0 0 0 1px var(--ring-button-danger-hover-color);
}}

.dark_64e {
  color: #888;
  color: var(--ring-dark-secondary-color);
  background-color: #000;
  background-color: var(--ring-navigation-background-color);
  -webkit-box-shadow: inset 0 0 0 1px #263b4c;
          box-shadow: inset 0 0 0 1px #263b4c;
  -webkit-box-shadow: inset 0 0 0 1px var(--ring-dark-line-color);
          box-shadow: inset 0 0 0 1px var(--ring-dark-line-color)
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.dark_64e:hover {
  -webkit-box-shadow: inset 0 0 0 1px #008eff;
          box-shadow: inset 0 0 0 1px #008eff;
  -webkit-box-shadow: inset 0 0 0 1px var(--ring-main-color);
          box-shadow: inset 0 0 0 1px var(--ring-main-color);
}}

.dark_64e:active,
  .dark_64e.active_ba3 {
  color: #fff;
  color: var(--ring-dark-text-color);
  background-color: #001526;
  background-color: var(--ring-button-dark-active-color);
  -webkit-box-shadow: inset 0 0 0 1px #008eff;
          box-shadow: inset 0 0 0 1px #008eff;
  -webkit-box-shadow: inset 0 0 0 1px var(--ring-main-color);
          box-shadow: inset 0 0 0 1px var(--ring-main-color);
}

.dark_64e[disabled] {
  -webkit-box-shadow: inset 0 0 0 1px #333;
          box-shadow: inset 0 0 0 1px #333;
  -webkit-box-shadow: inset 0 0 0 1px var(--ring-button-dark-border-disabled-color);
          box-shadow: inset 0 0 0 1px var(--ring-button-dark-border-disabled-color);
}

.dark_64e[disabled],
  .dark_64e[disabled].withIcon_2ed {
  color: #444;
  color: var(--ring-dark-disabled-color);
}

.dark_64e[disabled] .icon_d0d {
  color: #333;
  color: var(--ring-button-dark-icon-disabled-color);
}

.dark_64e.primary_e6e:active,
  .dark_64e.primary_e6e.active_ba3 {
  background-color: #007ee5;
  background-color: var(--ring-main-hover-color);
  -webkit-box-shadow: inset 0 0 0 1px #80c6ff;
          box-shadow: inset 0 0 0 1px #80c6ff;
  -webkit-box-shadow: inset 0 0 0 1px var(--ring-border-hover-color);
          box-shadow: inset 0 0 0 1px var(--ring-border-hover-color);
}

.dark_64e.danger_9de:active,
  .dark_64e.danger_9de.active_ba3 {
  color: #c22731;
  color: var(--ring-error-color);
  background-color: #26080a;
  background-color: var(--ring-button-dark-danger-active-color);
}

.dark_64e.danger_9de:active,
  .dark_64e.danger_9de.active_ba3,
  .dark_64e.danger_9de:focus {
  -webkit-box-shadow: inset 0 0 0 1px #db5860;
          box-shadow: inset 0 0 0 1px #db5860;
  -webkit-box-shadow: inset 0 0 0 1px var(--ring-button-dark-danger-hover-color);
          box-shadow: inset 0 0 0 1px var(--ring-button-dark-danger-hover-color);
}

.dark_64e.withIcon_2ed {
  color: #888;
  color: var(--ring-dark-secondary-color);
}

.dark_64e .loaderBackground_bd0::before {
  background-image:
      -webkit-gradient(
        linear,
        left top, right top,
        from(#000),
        color-stop(40%, #002039),
        color-stop(80%, #000)
      );
  background-image:
      linear-gradient(
        to right,
        #000,
        #002039 40%,
        #000 80%
      );
  background-image:
      -webkit-gradient(
        linear,
        left top, right top,
        from(var(--ring-navigation-background-color)),
        color-stop(40%, var(--ring-button-dark-loader-background)),
        color-stop(80%, var(--ring-navigation-background-color))
      );
  background-image:
      linear-gradient(
        to right,
        var(--ring-navigation-background-color),
        var(--ring-button-dark-loader-background) 40%,
        var(--ring-navigation-background-color) 80%
      );
}

.dark_64e .dropdownIcon_805 {
  color: #888;
  color: var(--ring-dark-secondary-color);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.dark_64e.danger_9de:hover {
  -webkit-box-shadow: inset 0 0 0 1px #db5860;
          box-shadow: inset 0 0 0 1px #db5860;
  -webkit-box-shadow: inset 0 0 0 1px var(--ring-button-dark-danger-hover-color);
          box-shadow: inset 0 0 0 1px var(--ring-button-dark-danger-hover-color);
}}

.button_3ef {

  position: relative;

  display: inline-block;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;
  height: 24px;
  margin: 0;
  padding: 0 16px;

  cursor: pointer;
  -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: color 0.3s ease-out, background-color 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: color 0.3s ease-out, background-color 0.3s ease-out, box-shadow 0.3s ease-out;
  transition: color 0.3s ease-out, background-color 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  -webkit-transition: color var(--ring-ease), background-color var(--ring-ease), -webkit-box-shadow var(--ring-ease);
  transition: color var(--ring-ease), background-color var(--ring-ease), -webkit-box-shadow var(--ring-ease);
  transition: color var(--ring-ease), background-color var(--ring-ease), box-shadow var(--ring-ease);
  transition: color var(--ring-ease), background-color var(--ring-ease), box-shadow var(--ring-ease), -webkit-box-shadow var(--ring-ease);
  text-decoration: none;

  border: 0;
  border-radius: 3px;
  border-radius: var(--ring-border-radius);
  outline: 0;

  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif;

  font-family: var(--ring-font-family);
  font-size: 12px;
  font-size: var(--ring-font-size-smaller);

  line-height: 24px
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.button_3ef:hover {
    -webkit-transition: none;
    transition: none;
}}

.button_3ef:focus {
  -webkit-transition: none;
  transition: none;
  -webkit-box-shadow: inset 0 0 0 1px #80c6ff, 0 0 0 1px #80c6ff;
          box-shadow: inset 0 0 0 1px #80c6ff, 0 0 0 1px #80c6ff;
  -webkit-box-shadow: inset 0 0 0 1px var(--ring-border-hover-color), 0 0 0 1px var(--ring-border-hover-color);
          box-shadow: inset 0 0 0 1px var(--ring-border-hover-color), 0 0 0 1px var(--ring-border-hover-color);
}

.button_3ef[disabled] {
  pointer-events: none;
}

.button_3ef::-moz-focus-inner {
  padding: 0;
  border: 0;
  outline: 0;
}

.button_3ef.narrowRight_45c {
  padding-right: 12px;
}

.active_ba3 {
}

.primary_e6e {
  color: #fff;
  color: var(--ring-dark-text-color);
  background-color: #008eff;
  background-color: var(--ring-main-color);
  -webkit-box-shadow: none;
          box-shadow: none
}

.primary_e6e.withIcon_2ed,
  .primary_e6e.withIcon_2ed:active,
  .primary_e6e.withIcon_2ed.active_ba3 {
  color: #008eff;
  color: var(--ring-main-color);
}

.primary_e6e:focus {
  -webkit-transition: none;
  transition: none;
  background-color: #007ee5;
  background-color: var(--ring-main-hover-color);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.primary_e6e[disabled] {
  background-color: #fff;
  background-color: var(--ring-content-background-color);
  -webkit-box-shadow: inset 0 0 0 1px #b8d1e5;
          box-shadow: inset 0 0 0 1px #b8d1e5;
  -webkit-box-shadow: inset 0 0 0 1px var(--ring-borders-color);
          box-shadow: inset 0 0 0 1px var(--ring-borders-color);
}

.primary_e6e .loaderBackground_bd0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 3px;
  border-radius: var(--ring-border-radius)
}

.primary_e6e .loaderBackground_bd0::before {
  background-image:
        -webkit-gradient(
          linear,
          left top, right top,
          from(#008eff),
          color-stop(40%, #33a3ff),
          color-stop(80%, #008eff)
        );
  background-image:
        linear-gradient(
          to right,
          #008eff,
          #33a3ff 40%,
          #008eff 80%
        );
  background-image:
        -webkit-gradient(
          linear,
          left top, right top,
          from(var(--ring-main-color)),
          color-stop(40%, var(--ring-button-loader-background)),
          color-stop(80%, var(--ring-main-color))
        );
  background-image:
        linear-gradient(
          to right,
          var(--ring-main-color),
          var(--ring-button-loader-background) 40%,
          var(--ring-main-color) 80%
        );
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.primary_e6e:hover {
  -webkit-transition: none;
  transition: none;

  background-color: #007ee5;

  background-color: var(--ring-main-hover-color);
  -webkit-box-shadow: none;
          box-shadow: none;
}}

.danger_9de {
  color: #c22731;
  color: var(--ring-error-color)
}

.danger_9de.withIcon_2ed,
  .danger_9de.withIcon_2ed:active,
  .danger_9de.withIcon_2ed.active_ba3,
  .danger_9de.text_f61,
  .danger_9de.text_f61:active,
  .danger_9de.text_f61.active_ba3 {
  color: #c22731;
  color: var(--ring-error-color);
}

.danger_9de:focus {
  -webkit-transition: none;
  transition: none;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.danger_9de:hover {
  -webkit-transition: none;
  transition: none;
}}

.text_f61.text_f61,
.withIcon_2ed.withIcon_2ed {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.text_f61.text_f61:hover, .withIcon_2ed.withIcon_2ed:hover {
    -webkit-transition: none;
    transition: none;
}}

.text_f61.text_f61:active,
  .text_f61.text_f61.active_ba3,
  .withIcon_2ed.withIcon_2ed:active,
  .withIcon_2ed.withIcon_2ed.active_ba3 {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.text_f61.text_f61:focus, .withIcon_2ed.withIcon_2ed:focus {
  -webkit-box-shadow: inset 0 0 0 2px #80c6ff;
          box-shadow: inset 0 0 0 2px #80c6ff;
  -webkit-box-shadow: inset 0 0 0 2px var(--ring-border-hover-color);
          box-shadow: inset 0 0 0 2px var(--ring-border-hover-color);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.text_f61.text_f61:hover {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.withIcon_2ed.withIcon_2ed:hover {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}}

.text_f61 {
  color: #008eff;
  color: var(--ring-main-color);
}

.inline_739 {
  display: inline-block;

  margin: 0;
  padding: 0;

  font-size: 13px;

  font-size: var(--ring-font-size);
}

.withIcon_2ed {
  padding: 0 8px;
}

.withIcon_2ed:active,
  .withIcon_2ed.active_ba3,
  .text_f61:active,
  .text_f61.active_ba3 {
  color: #008eff;
  color: var(--ring-main-color);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.withIcon_2ed:hover {
  color: #ff008c;
  color: var(--ring-link-hover-color);
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.text_f61:hover {
  color: #ff008c;
  color: var(--ring-link-hover-color);
}}

.onlyIcon_879:focus {
  color: #80c6ff;
  color: var(--ring-border-hover-color);
}

.onlyIcon_879:active,
  .onlyIcon_879.active_ba3 {
  color: #008eff;
  color: var(--ring-main-color);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.onlyIcon_879:hover {
  color: #80c6ff;
  color: var(--ring-border-hover-color);
}}

.icon_d0d {
  vertical-align: 2px;

  color: inherit;

  line-height: normal
}

.icon_d0d:not(:last-child) {
  margin-right: 4px;
}

.withNormalIconLight_5a3 .icon_d0d {
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
  -webkit-transition: color var(--ring-ease);
  transition: color var(--ring-ease);

  color: #b8d1e5;

  color: var(--ring-icon-color);
}

.withNormalIconLight_5a3:focus .icon_d0d, .withNormalIconLight_5a3:active .icon_d0d, .withDangerIconLight_f3c:focus .icon_d0d {
  -webkit-transition: none;
  transition: none;
  color: inherit;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.withNormalIconLight_5a3:hover .icon_d0d {
  -webkit-transition: none;
  transition: none;

  color: inherit;
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.withDangerIconLight_f3c:hover .icon_d0d {
  -webkit-transition: none;
  transition: none;

  color: inherit;
}}

.withDangerIconLight_f3c .icon_d0d, .withDangerIconLight_f3c:active .icon_d0d {
  color: #db5860;
  color: var(--ring-icon-error-color);
}

.buttonWithoutIcon_61e .icon_d0d {
  display: none;
}

.loader_e20 {
  position: relative;
  z-index: 0;

  pointer-events: none;

  background-color: transparent;
}

.loaderBackground_bd0 {
  position: absolute;
  z-index: -1;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;

  overflow: hidden;

  border-radius: 2px;

  border-radius: var(--ring-border-radius-small)
}

.loaderBackground_bd0::before {
  display: block;
  width: calc(100% + 64px);
  height: 100%;
  content: '';
  -webkit-animation: progress_928 1s linear infinite;
          animation: progress_928 1s linear infinite;
  background-repeat: repeat;
  background-size: 64px;
}

.delayed_864 .content_a04::after {
  content: '\2026';
}

.short_850 {
  width: 32px;
  padding: 0;
}

.dropdownIcon_805 {
  margin-right: -2px;

  margin-left: 2px;

  -webkit-transition: color 0.3s ease-out;

  transition: color 0.3s ease-out;

  -webkit-transition: color var(--ring-ease);

  transition: color var(--ring-ease);
  vertical-align: 1px;

  color: #999;

  color: var(--ring-icon-secondary-color);

  line-height: normal;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.button_3ef:hover .dropdownIcon_805 {
  -webkit-transition: none;
  transition: none;

  color: #008eff;

  color: var(--ring-main-color);
}}

@-webkit-keyframes progress_928 {
  from {
    -webkit-transform: translateX(-64px);
            transform: translateX(-64px);
  }

  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes progress_928 {
  from {
    -webkit-transform: translateX(-64px);
            transform: translateX(-64px);
  }

  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/* This fixes vertical align of icons, contained in button content */
/* stylelint-disable-next-line selector-type-no-unknown */
.ringIconVerticalAlignFix_f45 rg-icon {
  top: auto;

  vertical-align: 1px;

  line-height: 8px;
}

/* stylelint-disable-next-line selector-type-no-unknown */
.ringIconDefaultColor_4fe rg-icon,
.ringIconDefaultColor_4fe .ring-icon {
  color: #999;
  color: var(--ring-icon-secondary-color);
}

.iconMarginFix_fdd.iconMarginFix_fdd {
  margin-right: 0;
}

.transcludeSpacer_e96:not(:empty) {
  margin-left: 4px;
}
/*
  Custom theme for highlight.js
  Based on "idea.css" and "darcula.css" themes of hljs distributive
*/

.hljs {
  display: block;
  overflow-x: auto;

  padding: 0.5em;

  color: #000;

  color: var(--ring-code-color);

  background: #fff;

  background: var(--ring-content-background-color);
}

.hljs-subst,
.hljs-title {
  color: #000;
  color: var(--ring-code-color);

  font-weight: normal;
}

.hljs-comment,
.hljs-quote {
  color: #808080;
  color: var(--ring-code-comment-color);

  font-style: italic;
}

.hljs-meta {
  color: #808000;
  color: var(--ring-code-meta-color);
}

.hljs-tag {
  background: #efefef;
  background: var(--ring-code-tag-background-color);
  -webkit-box-shadow: 0 1px #efefef, 0 -1px #efefef;
          box-shadow: 0 1px #efefef, 0 -1px #efefef;
  -webkit-box-shadow: 0 1px var(--ring-code-tag-background-color), 0 -1px var(--ring-code-tag-background-color);
          box-shadow: 0 1px var(--ring-code-tag-background-color), 0 -1px var(--ring-code-tag-background-color);
}

.hljs-section,
.hljs-literal,
.hljs-keyword,
.hljs-type {
  color: #000080;
  color: var(--ring-code-keyword-color);

  font-weight: bold;
}

.hljs-name,
.hljs-selector-pseudo,
.hljs-selector-id,
.hljs-selector-class {
  color: #000080;
  color: var(--ring-code-tag-color);

  font-weight: bold;

  font-weight: var(--ring-code-tag-font-weight);
}

.hljs-selector-tag {
  color: #000080;
  color: var(--ring-code-keyword-color);

  font-weight: bold;

  font-weight: var(--ring-code-tag-font-weight);
}

.hljs-attr {
  color: #660e7a;
  color: var(--ring-code-field-color);

  font-weight: bold;
}

.hljs-tag > .hljs-attr,
.hljs-attribute {
  color: #00f;
  color: var(--ring-code-attribute-color);

  font-weight: bold;

  font-weight: var(--ring-code-tag-font-weight);
}

.hljs-number,
.hljs-regexp,
.hljs-link {
  color: #00f;
  color: var(--ring-code-number-color);

  font-weight: normal;
}

.hljs-string {
  color: #008000;
  color: var(--ring-code-string-color);

  font-weight: bold;
}

.hljs-doctag {
  text-decoration: underline;
}

.hljs-variable,
.hljs-template-variable {
  color: #660e7a;
  color: var(--ring-code-field-color);
}

.hljs-addition {
  background: #aadeaa;
  background: var(--ring-code-addition-color);
}

.hljs-deletion {
  background: #c8c8c8;
  background: var(--ring-code-deletion-color);
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}
.code_a15 {
  margin: 16px 0;
}

/* override hljs */
.code_a15 code {
  padding: 12px 16px 16px;

  border-radius: 3px;

  border-radius: var(--ring-border-radius);
  background-color: #f7f9fa;
  background-color: var(--ring-sidebar-background-color);

  font-family: Menlo, "Bitstream Vera Sans Mono", "Ubuntu Mono", Consolas, "Courier New", Courier, monospace;

  font-family: var(--ring-font-family-monospace);
  font-size: 12px;
  font-size: var(--ring-font-size-smaller);
  line-height: 16px;
  line-height: var(--ring-line-height-lowest);
}

.inline_b69 code {
  display: inline-block;

  padding: 0 4px;
}

.softWrap_c56 code {
  white-space: pre-wrap;
}
.heading_fef {

  margin-top: 20px;

  margin-top: var(--ring-line-height)
}

.heading_fef:first-child {
  margin-top: 0;
}

h1.heading_fef, h2.heading_fef{
  margin-bottom: 8px;
  color: #1f2326;
  color: var(--ring-heading-color);
  font-size: 24px;
  line-height: 28px;
}

h2.heading_fef{
  font-weight: 200;
}

h3.heading_fef{
  margin-bottom: 0;
  font-size: inherit;
  line-height: inherit;
}

h4.heading_fef{
  margin-bottom: 1px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
}

.caps_978 {
  letter-spacing: 2px;
  text-transform: uppercase;
}
.inline_1e8,
  .inline_1e8 p {
  display: inline;
}

.markdown_302 {
}

.markdown_302 ol,
  .markdown_302 ul {
  margin: 0;
}

.markdown_302 p,
  .markdown_302 blockquote,
  .markdown_302 pre {
  margin: 0;
}

.markdown_302 p:not(:first-child), .markdown_302 blockquote:not(:first-child), .markdown_302 pre:not(:first-child) {
  margin-top: 10px;
}

.markdown_302 h1 + :not(:first-child), .markdown_302 h2 + :not(:first-child), .markdown_302 h3 + :not(:first-child), .markdown_302 h4 + :not(:first-child), .markdown_302 h5 + :not(:first-child), .markdown_302 h6 + :not(:first-child) {
  margin-top: 0;
}

.markdown_302 li:not(:first-child) {
  margin-top: 8px;
}

.markdown_302 li p:not(:first-child), .markdown_302 li blockquote:not(:first-child), .markdown_302 li pre:not(:first-child) {
  margin-top: 6px;
}

.markdown_302 hr {
  margin: 10px 0;
  border: none;
  border-bottom: 1px solid #dfe5eb;
  border-bottom: 1px solid var(--ring-line-color);
}

.markdown_302 blockquote {
  padding: 0 0 0 16px;
  color: #737577;
  color: var(--ring-secondary-color);
  -webkit-box-shadow: inset 2px 0 0 #dfe5eb;
          box-shadow: inset 2px 0 0 #dfe5eb;
  -webkit-box-shadow: inset 2px 0 0 var(--ring-line-color);
          box-shadow: inset 2px 0 0 var(--ring-line-color);
  font-size: 12px;
  line-height: 18px;
}

.markdown_302 ul {
  padding: 0 0 0 24px;
}

.markdown_302 ol {
  padding: 0 0 0 40px;
}

.markdown_302 ul {
  list-style-type: none;
}
.checkbox_e69 {
  position: relative;

  display: inline-block;

  text-align: left;

  color: #1f2326;

  color: var(--ring-text-color);
  outline: none
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.checkbox_e69:hover .cell_c90 {
    -webkit-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
    -webkit-transition: background-color var(--ring-ease);
    transition: background-color var(--ring-ease);
    border-color: #80c6ff;
    border-color: var(--ring-border-hover-color);
}}

.cell_c90 {
  position: relative;
  top: -2px;

  display: inline-block;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;
  width: 14px;
  height: 14px;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
  -webkit-transition: border-color 0.3s ease-out, background-color 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: border-color 0.3s ease-out, background-color 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: border-color 0.3s ease-out, background-color 0.3s ease-out, box-shadow 0.3s ease-out;
  transition: border-color 0.3s ease-out, background-color 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  -webkit-transition: border-color var(--ring-ease), background-color var(--ring-ease), -webkit-box-shadow var(--ring-ease);
  transition: border-color var(--ring-ease), background-color var(--ring-ease), -webkit-box-shadow var(--ring-ease);
  transition: border-color var(--ring-ease), background-color var(--ring-ease), box-shadow var(--ring-ease);
  transition: border-color var(--ring-ease), background-color var(--ring-ease), box-shadow var(--ring-ease), -webkit-box-shadow var(--ring-ease);
  vertical-align: middle;
  pointer-events: none;

  border: 1px solid #b8d1e5;

  border: 1px solid var(--ring-borders-color);
  border-radius: 3px;
  background-color: #fff;
  background-color: var(--ring-content-background-color);
}

.icon_848 {
  position: absolute;
  top: -12px;
  left: 1px;

  width: 14px;
  height: 14px;

  -webkit-transition: opacity 0.15s ease-out, -webkit-transform 0.15s ease-out;

  transition: opacity 0.15s ease-out, -webkit-transform 0.15s ease-out;

  transition: opacity 0.15s ease-out, transform 0.15s ease-out;

  transition: opacity 0.15s ease-out, transform 0.15s ease-out, -webkit-transform 0.15s ease-out;

  -webkit-transition: opacity var(--ring-fast-ease), -webkit-transform var(--ring-fast-ease);

  transition: opacity var(--ring-fast-ease), -webkit-transform var(--ring-fast-ease);

  transition: opacity var(--ring-fast-ease), transform var(--ring-fast-ease);

  transition: opacity var(--ring-fast-ease), transform var(--ring-fast-ease), -webkit-transform var(--ring-fast-ease);

  opacity: 0
}

.icon_848 svg {
  position: absolute;
}

.input_8b7 {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  margin: 0;

  cursor: pointer;

  opacity: 0
}

.input_8b7:checked + .cell_c90 {
  border-color: #80c6ff;
  border-color: var(--ring-border-hover-color);
  background-color: #d4edff;
  background-color: var(--ring-selected-background-color)
  /* stylelint-disable-next-line selector-max-specificity */
}

.input_8b7:checked + .cell_c90 .icon_848 {
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
  opacity: 1;
}

.input_8b7:focus + .cell_c90,
  .input_8b7.focus_dbf + .cell_c90 {
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  -webkit-transition: background-color var(--ring-ease);
  transition: background-color var(--ring-ease);
  border-color: #80c6ff;
  border-color: var(--ring-border-hover-color);
  -webkit-box-shadow: 0 0 0 1px #80c6ff;
          box-shadow: 0 0 0 1px #80c6ff;
  -webkit-box-shadow: 0 0 0 1px var(--ring-border-hover-color);
          box-shadow: 0 0 0 1px var(--ring-border-hover-color);
}

.input_8b7[disabled] {
  pointer-events: none;
}

.input_8b7[disabled] + .cell_c90 {
  border-color: #dfe5eb;
  border-color: var(--ring-line-color);
  background-color: #fff;
  background-color: var(--ring-content-background-color);
}

.input_8b7 {
  /* stylelint-disable-next-line selector-max-specificity */
}

.input_8b7[disabled]:checked + .cell_c90 .icon_848 {
  opacity: 0.5;
}

.input_8b7[disabled] ~ .label_856 {
  color: #999;
  color: var(--ring-disabled-color);
}

.label_856 {
  margin-left: 8px;

  line-height: normal;
}
/**
  These styles are deprecated and kept for backward compatibility with direct class usages
  like `<a class="ring-link">link</a>
 */

.ring-link {
  cursor: pointer;
  -webkit-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out;
  -webkit-transition: color var(--ring-fast-ease);
  transition: color var(--ring-fast-ease);
  text-decoration: none;
  color: #0f5b99;
  color: var(--ring-link-color);}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-link:hover {
    -webkit-transition: none;
    transition: none;
    text-decoration: underline;
    color: #ff008c;
    color: var(--ring-link-hover-color);
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-link_inherit:not(:hover) {
  color: inherit;
}}
markdown-preview{display:block}.global,html{height:100%}.global{margin:0;padding:0;color:#1f2326;color:var(--ring-text-color);font-size:13px;font-size:var(--ring-font-size);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--ring-font-family);background:#fff;background:var(--ring-content-background-color);min-width:920px}.global_gray{background:#f7f9fa;background:var(--ring-sidebar-background-color)}.global__icon_blue.global__icon_blue{color:#008eff;color:var(--ring-main-color)}.global__icon_grey.global__icon_grey{color:#888;color:var(--ring-dark-secondary-color)}.global__warning{color:#737577;color:var(--ring-secondary-color);position:relative;top:-3px}.global__pull-left{float:left}.global__pull-right{float:right}.ring-clearfix:after{clear:both}.ring-clearfix:after,.ring-clearfix:before{content:" ";display:table}.ring-form__control.hub-form-control{font-size:0;line-height:0}.ring-form__control.hub-form-control button{vertical-align:baseline}.ring-form__control .ring-checkbox__input-wrapper{vertical-align:-2px}.ring-form__control .ring-save-field{vertical-align:top}.ring-form__control .ring-tags-input{line-height:normal}.ring-form__control .control-button{margin-left:8px}.ring-breadcrumb__element sup{font-size:12px;margin-left:2px;color:#737577;color:var(--ring-secondary-color)}.ring-breadcrumb__element sup.enabled{color:#1c8c32;color:var(--ring-success-color)}.ring-breadcrumb__element sup.disabled{color:#c22731;color:var(--ring-error-color)}.label_enabled{color:#1c8c32;color:var(--ring-success-color)}.label_disabled{color:red}.ring-tooltip-ng__hint-icon{top:-4px}.hub-text{color:#1f2326;color:var(--ring-text-color);font-size:13px;font-size:var(--ring-font-size);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--ring-font-family)}.hub-section-title.ring-form__group{margin:32px 0}.hub-text-error{color:#c22731;color:var(--ring-error-color)}.hub-text-gray{color:#737577;color:var(--ring-secondary-color)}.hub-text-green{color:#1c8c32;color:var(--ring-success-color)}.hub-select_narrow{max-width:320px}.title-badge{vertical-align:4px;margin-left:8px}.breadcrumbs-with-description{margin-bottom:8px}.breadcrumbs-with-description__description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:24px;color:#1f2326;color:var(--ring-text-color);line-height:18px;font-size:12px;margin-right:200px}.hub-tags-input.hub-tags-input{display:block}.hub-badge{margin-left:8px}.password-strength__bar{margin-top:8px;height:2px;width:100%;background-color:#dfe5eb;background-color:var(--ring-line-color);position:relative}.password-strength__bar__progress{height:2px;width:0;background-color:#737577;background-color:var(--ring-secondary-color);position:absolute}.password-strength__bar__progress_valid{background-color:#1c8c32;background-color:var(--ring-success-color)}.password-strength__bar__progress_invalid{background-color:#c22731;background-color:var(--ring-error-color)}.password-strength__bar__marker{height:6px;width:2px;position:absolute;top:-2px;background-color:inherit}.password-strength__bar__marker_valid{background-color:#1c8c32;background-color:var(--ring-success-color)}.password-strength__bar__marker_invalid{background-color:#c22731;background-color:var(--ring-error-color)}.password-strength__message{color:#1f2326;color:var(--ring-text-color);font-size:11px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--ring-font-family);margin-top:4px;line-height:16px}.password-strength__message_valid{color:#1c8c32;color:var(--ring-success-color)}.password-strength__message_invalid{color:#c22731;color:var(--ring-error-color)}.password-strength__description{color:#1f2326;color:var(--ring-text-color);font-size:11px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--ring-font-family);margin-top:4px;line-height:16px;color:#999;color:var(--ring-disabled-color)}