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

.ring-variables-light,
:root {
  --ring-unit: 8px;

  /* Element */
  --ring-line-components: 223, 229, 235;
  --ring-line-color: rgb(var(--ring-line-components)); /* #dfe5eb */
  --ring-borders-components: 197, 209, 219;
  --ring-borders-color: rgb(var(--ring-borders-components)); /* #c5d1db */
  --ring-icon-components: 184, 209, 229;
  --ring-icon-color: rgb(var(--ring-icon-components)); /* #b8d1e5 */
  --ring-icon-secondary-components: 153, 153, 153;
  --ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #999 */
  --ring-border-disabled-components: 232, 232, 232;
  --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #e8e8e8 */
  --ring-border-selected-disabled-components: 212, 212, 212;
  --ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #d4d4d4 */
  --ring-border-unselected-disabled-components: 232, 232, 232;
  --ring-border-unselected-disabled-color: rgb(var(--ring-border-unselected-disabled-components)); /* #e8e8e8 */ /* TODO remove in 6.0 */
  --ring-icon-disabled-components: 212, 212, 212;
  --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #d4d4d4 */
  --ring-border-hover-components: 128, 198, 255;
  --ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #80c6ff */
  --ring-icon-hover-components: var(--ring-link-hover-color);
  --ring-icon-hover-color: var(--ring-link-hover-color);
  --ring-main-components: 0, 128, 229;
  --ring-main-color: rgb(var(--ring-main-components)); /* #0080e5 */
  --ring-action-link-components: var(--ring-main-components);
  --ring-action-link-color: rgb(var(--ring-main-components)); /* #0080e5 */
  --ring-main-hover-components: 0, 112, 204;
  --ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #0070cc */
  --ring-icon-error-components: 219, 88, 96;
  --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #db5860 */
  --ring-icon-warning-components: 237, 162, 0;
  --ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #eda200 */
  --ring-icon-success-components: 89, 168, 105;
  --ring-icon-success-color: rgb(var(--ring-icon-success-components)); /* #59a869 */
  --ring-pale-control-components: 207, 219, 229;
  --ring-pale-control-color: rgb(var(--ring-pale-control-components)); /* #cfdbe5 */
  --ring-popup-border-components: 0, 28, 54;
  --ring-popup-border-color: var(--ring-line-color);
  --ring-popup-shadow-components: rgba(var(--ring-popup-border-components), 0.1);
  --ring-popup-shadow-color: rgba(var(--ring-popup-border-components), 0.1);
  --ring-popup-secondary-shadow-color: rgba(var(--ring-popup-border-components), 0.04);
  --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);
  --ring-pinned-shadow-components: 115, 117, 119;
  --ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #737577 */
  --ring-button-danger-hover-components: var(--ring-icon-error-color);
  --ring-button-danger-hover-color: var(--ring-icon-error-color);
  --ring-button-primary-border-components: 0, 98, 178;
  --ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #0062b2 */
  --ring-popup-shadow: 0 2px 8px var(--ring-popup-shadow-color), 0 1px 2px var(--ring-popup-secondary-shadow-color);
  --ring-dialog-shadow: 0 4px 24px var(--ring-popup-shadow-color), 0 2px 6px var(--ring-popup-secondary-shadow-color);

  /* Text */
  --ring-search-components: 102, 158, 204;
  --ring-search-color: rgb(var(--ring-search-components)); /* #669ecc */
  --ring-hint-components: 64, 99, 128;
  --ring-hint-color: rgb(var(--ring-hint-components)); /* #406380 */
  --ring-link-components: 15, 91, 153;
  --ring-link-color: rgb(var(--ring-link-components)); /* #0f5b99 */
  --ring-link-hover-components: 255, 0, 140;
  --ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #ff008c */
  --ring-error-components: 169, 15, 26;
  --ring-error-color: rgb(var(--ring-error-components)); /* #a90f1a */
  --ring-warning-components: 178, 92, 0;
  --ring-warning-color: rgb(var(--ring-warning-components)); /* #b25c00 */
  --ring-success-components: 12, 117, 35;
  --ring-success-color: rgb(var(--ring-success-components)); /* #0c7523 */
  --ring-text-components: 31, 35, 38;
  --ring-text-color: rgb(var(--ring-text-components)); /* #1f2326 */
  --ring-active-text-color: var(--ring-text-color);
  --ring-white-text-components: 255, 255, 255;
  --ring-white-text-color: rgb(var(--ring-white-text-components)); /* #fff */
  --ring-heading-color: var(--ring-text-color);
  --ring-secondary-components: 115, 117, 119;
  --ring-secondary-color: rgb(var(--ring-secondary-components)); /* #737577 */
  --ring-disabled-components: 153, 153, 153;
  --ring-disabled-color: rgb(var(--ring-disabled-components)); /* #999 */

  /* Background */
  --ring-content-background-components: 255, 255, 255;
  --ring-content-background-color: rgb(var(--ring-content-background-components)); /* #fff */
  --ring-popup-background-components: 255, 255, 255;
  --ring-popup-background-color: rgb(var(--ring-popup-background-components)); /* #fff */
  --ring-sidebar-background-components: 247, 249, 250;
  --ring-sidebar-background-color: rgb(var(--ring-sidebar-background-components)); /* #f7f9fa */
  --ring-selected-background-components: 212, 237, 255;
  --ring-selected-background-color: rgb(var(--ring-selected-background-components)); /* #d4edff */
  --ring-hover-background-components: 235, 246, 255;
  --ring-hover-background-color: rgb(var(--ring-hover-background-components)); /* #ebf6ff */
  --ring-navigation-background-components: 255, 255, 255;
  --ring-navigation-background-color: rgb(var(--ring-navigation-background-components)); /* #fff */
  --ring-tag-background-components: 230, 236, 242;
  --ring-tag-background-color: rgb(var(--ring-tag-background-components)); /* #e6ecf2 */
  --ring-tag-hover-background-components: 211, 218, 224;
  --ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #d3dae0 */
  --ring-removed-background-components: 255, 213, 203;
  --ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #ffd5cb */
  --ring-warning-background-components: 250, 236, 205;
  --ring-warning-background-color: rgb(var(--ring-warning-background-components)); /* #faeccd */
  --ring-added-background-components: 216, 240, 216;
  --ring-added-background-color: rgb(var(--ring-added-background-components)); /* #d8f0d8 */
  --ring-disabled-background-components: 245, 245, 245;
  --ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #f5f5f5 */
  --ring-disabled-selected-background-components: 232, 232, 232;
  --ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #e8e8e8 */
  --ring-button-danger-active-components: 255, 231, 232;
  --ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #ffe7e8 */
  --ring-button-loader-background-components: 51, 163, 255;
  --ring-button-loader-background: rgb(var(--ring-button-loader-background-components)); /* #33a3ff */
  --ring-button-primary-background-components: 26, 152, 255;
  --ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #1a98ff */
  --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #ffffff80 */

  /* Code */
  --ring-code-background-color: var(--ring-content-background-color);
  --ring-code-components: 0, 0, 0;
  --ring-code-color: rgb(var(--ring-code-components)); /* #000 */
  --ring-code-comment-components: 112, 112, 112;
  --ring-code-comment-color: rgb(var(--ring-code-comment-components)); /* #707070 */
  --ring-code-meta-components: 112, 112, 112;
  --ring-code-meta-color: rgb(var(--ring-code-meta-components)); /* #707070 */
  --ring-code-keyword-components: 0, 0, 128;
  --ring-code-keyword-color: rgb(var(--ring-code-keyword-components)); /* #000080 */
  --ring-code-tag-background-components: 239, 239, 239;
  --ring-code-tag-background-color: rgb(var(--ring-code-tag-background-components)); /* #efefef */
  --ring-code-tag-color: var(--ring-code-keyword-color);
  --ring-code-tag-font-weight: bold;
  --ring-code-field-components: 102, 14, 122;
  --ring-code-field-color: rgb(var(--ring-code-field-components)); /* #660e7a */
  --ring-code-attribute-components: 0, 0, 255;
  --ring-code-attribute-color: rgb(var(--ring-code-attribute-components)); /* #00f */
  --ring-code-number-color: var(--ring-code-attribute-color);
  --ring-code-string-components: 0, 122, 0;
  --ring-code-string-color: rgb(var(--ring-code-string-components)); /* #007a00 */
  --ring-code-addition-components: 170, 222, 170;
  --ring-code-addition-color: rgb(var(--ring-code-addition-components)); /* #aadeaa */
  --ring-code-deletion-components: 200, 200, 200;
  --ring-code-deletion-color: rgb(var(--ring-code-deletion-components)); /* #c8c8c8 */

  /* Metrics */
  --ring-border-radius: 4px;
  --ring-border-radius-small: 2px;
  --ring-font-size-larger: 15px;
  --ring-font-size: 14px;
  --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;
  --ring-font-family: system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, 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
*/

.ring-global-clearfix::after {
    display: block;
    clear: both;

    content: "";
  }

.ring-global-font {
  font-family: var(--ring-font-family);
  font-size: var(--ring-font-size);
  line-height: var(--ring-line-height);
}

.ring-global-font-lower {

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

.ring-global-font-smaller {

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

.ring-global-font-smaller-lower {

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

.ring-global-font-larger-lower {

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

.ring-global-font-larger {

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

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

.ring-global-monospace-font {
  font-family: var(--ring-font-family-monospace);
  font-size: var(--ring-font-size-smaller);
}

.ring-global-ellipsis {
  overflow: hidden;

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

.ring-global-resetButton {
  overflow: visible;

  padding: 0;

  text-align: left;

  color: inherit;
  border: 0;

  background-color: transparent;

  font: inherit;
}

.ring-global-resetButton::-moz-focus-inner {
    padding: 0;

    border: 0;
  }

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

/* Media breakpoints (minimal values) */

/* Media queries */

.ring-icon-icon {
  display: inline-block;

  fill: currentColor;
}

.ring-icon-glyph {
  display: inline-flex;

  margin-right: -1px;
  margin-left: -1px;

  pointer-events: none;
}

.ring-icon-glyph[width="10"] {
    vertical-align: -1px;
  }

.ring-icon-glyph[width="14"] {
    margin-right: -2px;
    margin-left: 0;

    vertical-align: -3px;
  }

.ring-icon-glyph[width="16"] {
    vertical-align: -3px;
  }

.ring-icon-glyph[width="20"] {
    vertical-align: -2px;
  }

.ring-icon-glyph.ring-icon-compatibilityMode {
    width: 16px;
    height: 16px;
    margin-right: 0;
    margin-left: 0;
  }

/* HACK: This media query hack makes styles applied for WebKit browsers only */
/* stylelint-disable-next-line media-feature-name-no-vendor-prefix */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .ring-icon-glyph {
    width: auto; /* Safari size bug workaround, see https://youtrack.jetbrains.com/issue/RG-1983 */
  }
}

.ring-icon-gray {
  color: var(--ring-icon-secondary-color);
}

.ring-icon-hover {
  color: var(--ring-icon-hover-color);
}

.ring-icon-green {
  color: var(--ring-icon-success-color);
}

.ring-icon-magenta {
  color: var(--ring-link-hover-color);
}

.ring-icon-red {
  color: var(--ring-icon-error-color);
}

.ring-icon-blue {
  color: var(--ring-main-color);
}

.ring-icon-white {
  color: var(--ring-white-text-color);
}

.ring-icon-loading {
  animation-name: ring-icon-icon-loading;
  animation-duration: 1200ms;
  animation-iteration-count: infinite;
}

@keyframes ring-icon-icon-loading {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.9);

    opacity: 0.5;
  }

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

.ring-button-heightS {
  --ring-button-height: 24px;
  --ring-button-font-size: var(--ring-font-size-smaller);
}

.ring-button-heightM {
  --ring-button-height: 28px;
  --ring-button-font-size: var(--ring-font-size);
}

.ring-button-heightL {
  --ring-button-height: 32px;
  --ring-button-font-size: var(--ring-font-size);
}

.ring-button-button {
  position: relative;

  display: inline-block;

  box-sizing: border-box;
  height: var(--ring-button-height);
  margin: 0;
  padding: 0 16px;

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

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

  border: 0;
  border-radius: var(--ring-border-radius);
  outline: 0;
  background-color: var(--ring-content-background-color);
  box-shadow: inset 0 0 0 1px var(--ring-borders-color);

  font-family: var(--ring-font-family);
  font-size: var(--ring-button-font-size);

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

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

    box-shadow: inset 0 0 0 1px var(--ring-border-hover-color);
  }}

.ring-button-button:active {
    transition: none;

    background-color: var(--ring-selected-background-color);
    box-shadow: inset 0 0 0 1px var(--ring-border-hover-color);
  }

.ring-button-button:focus-visible {
    transition: none;

    box-shadow: inset 0 0 0 1px var(--ring-border-hover-color), 0 0 0 1px var(--ring-border-hover-color);
  }

.ring-button-button.ring-button-active {
    transition: none;

    background-color: var(--ring-hover-background-color);
    box-shadow: inset 0 0 0 1px var(--ring-main-color);
  }

.ring-button-button.ring-button-active:focus-visible {
    box-shadow: inset 0 0 0 2px var(--ring-main-color), 0 0 0 1px var(--ring-border-hover-color);
  }

.ring-button-button[disabled] {
    pointer-events: none;

    background-color: var(--ring-disabled-background-color);
    box-shadow: inset 0 0 0 1px var(--ring-border-disabled-color);
  }

.ring-button-button.ring-button-active[disabled] {
    background-color: var(--ring-disabled-selected-background-color);
    box-shadow: inset 0 0 0 1px var(--ring-border-selected-disabled-color);
  }

.ring-button-button[disabled],
  .ring-button-button.ring-button-withIcon[disabled] {
    color: var(--ring-disabled-color);
  }

.ring-button-button[disabled] .ring-button-icon {
    color: var(--ring-icon-disabled-color);
  }

.ring-button-button::-moz-focus-inner {
    padding: 0;

    border: 0;
    outline: 0;
  }

.ring-button-withIcon {
  color: var(--ring-secondary-color);
}

.ring-button-primary {
  color: var(--ring-white-text-color);
  background-color: var(--ring-main-color);
  box-shadow: none;
}

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

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

.ring-button-primary.ring-button-withIcon,
  .ring-button-primary.ring-button-withIcon:active,
  .ring-button-primary.ring-button-withIcon.ring-button-active {
    color: var(--ring-action-link-color);
  }

.ring-button-primary:focus-visible,
  .ring-button-primary:active,
  .ring-button-primary.ring-button-active {
    background-color: var(--ring-button-primary-background-color);
  }

.ring-button-primary:active,
  .ring-button-primary.ring-button-active {
    box-shadow: inset 0 0 0 1px var(--ring-button-primary-border-color);
  }

.ring-button-primary[disabled] {
    background-color: var(--ring-disabled-background-color);
    box-shadow: inset 0 0 0 1px var(--ring-border-disabled-color);
  }

.ring-button-primary.ring-button-loader[disabled] {
    color: var(--ring-white-text-color);
  }

.ring-button-primary .ring-button-loaderBackground {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

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

.ring-button-primary .ring-button-loaderBackground::before {
      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) {.ring-button-danger:hover {
    transition: none;
  }}

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

.ring-button-danger,
  .ring-button-danger.ring-button-withIcon,
  .ring-button-danger.ring-button-withIcon:active,
  .ring-button-danger.ring-button-withIcon.ring-button-active,
  .ring-button-danger.ring-button-text,
  .ring-button-danger.ring-button-text:active,
  .ring-button-danger.ring-button-text.ring-button-active {
    color: var(--ring-error-color);
  }

.ring-button-danger:active,
  .ring-button-danger.ring-button-active {
    background-color: var(--ring-button-danger-active-color);
  }

.ring-button-danger:active,
  .ring-button-danger.ring-button-active,
  .ring-button-danger:focus-visible {
    box-shadow: inset 0 0 0 1px var(--ring-button-danger-hover-color);
  }

.ring-button-danger:focus-visible {
    transition: none;
  }

.ring-button-text.ring-button-text,
.ring-button-withIcon.ring-button-withIcon {
  background-color: transparent;
  box-shadow: none;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-button-text.ring-button-text:hover, .ring-button-withIcon.ring-button-withIcon:hover {
    transition: none;
  }}

.ring-button-text.ring-button-text:active,
  .ring-button-withIcon.ring-button-withIcon:active,
  .ring-button-text.ring-button-text.ring-button-active,
  .ring-button-withIcon.ring-button-withIcon.ring-button-active {
    background-color: transparent;
    box-shadow: none;
  }

.ring-button-text.ring-button-text:focus-visible, .ring-button-withIcon.ring-button-withIcon:focus-visible {
    box-shadow: inset 0 0 0 2px var(--ring-border-hover-color);
  }

.ring-button-loader.ring-button-text > .ring-button-content {
  animation-name: ring-button-text-loading;
  animation-duration: 1200ms;
  animation-iteration-count: infinite;
}

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-button-withIcon:hover:not(:focus-visible) {
  background-color: transparent;
  box-shadow: none;
}}

.ring-button-text {
  color: var(--ring-action-link-color);
}

.ring-button-inline {
  display: inline-block;

  margin: 0;
  padding: 0;

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

.ring-button-withIcon {
  padding: 0 8px;
}

.ring-button-text:active,
  .ring-button-text.ring-button-active {
    color: var(--ring-link-hover-color);
  }

.ring-button-withIcon:active,
  .ring-button-withIcon.ring-button-active {
    color: var(--ring-action-link-color);
  }

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

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

.ring-button-icon {
  color: inherit;

  line-height: normal;
}

.ring-button-icon:not(:last-child) {
    margin-right: 4px;
  }

.ring-button-withNormalIcon .ring-button-icon {
  transition: color var(--ring-ease);

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

.ring-button-withNormalIcon:active,
.ring-button-withNormalIcon.ring-button-active {
  color: var(--ring-main-color);
}

.ring-button-withNormalIcon:active .ring-button-icon, .ring-button-withNormalIcon.ring-button-active .ring-button-icon {
    transition: none;

    color: inherit;
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-button-withNormalIcon:hover .ring-button-icon,
.ring-button-withDangerIcon:hover .ring-button-icon {
  transition: none;

  color: inherit;
}}

.ring-button-withDangerIcon .ring-button-icon,
.ring-button-withDangerIcon:active .ring-button-icon {
  color: var(--ring-icon-error-color);
}

.ring-button-loader {
  position: relative;
  z-index: 0;

  pointer-events: none;

  background-color: transparent;
}

.ring-button-loaderBackground {
  position: absolute;
  z-index: -1;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;

  overflow: hidden;

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

.ring-button-loaderBackground::before {
    display: block;

    width: calc(100% + 64px);
    height: 100%;

    content: "";
    animation: ring-button-progress 1s linear infinite;

    background-image:
      linear-gradient(
        to right,
        var(--ring-content-background-color),
        var(--ring-selected-background-color) 40%,
        var(--ring-content-background-color) 80%
      );

    background-repeat: repeat;
    background-size: 64px;
  }

.ring-button-delayed .ring-button-content::after {
  content: "…";
}

.ring-button-short {
  width: 32px;
  padding: 0;
}

.ring-button-dropdownIcon {
  margin-right: -2px;

  margin-left: 2px;

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

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

  line-height: normal;
}

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

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

@keyframes ring-button-progress {
  from {
    transform: translateX(-64px);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes ring-button-text-loading {
  50% {
    opacity: 0.5;
  }
}

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

.ring-ui-theme-dark,
.ring-variables_dark-dark,
:root.ring-variables_dark-dark {
  --ring-line-components: 71, 81, 89;
  --ring-line-color: rgb(var(--ring-line-components)); /* #475159 */
  --ring-borders-components: 64, 99, 128;
  --ring-borders-color: rgb(var(--ring-borders-components)); /* #406380 */
  --ring-icon-components: 128, 146, 157;
  --ring-icon-color: rgb(var(--ring-icon-components)); /* #80929d */
  --ring-icon-secondary-components: 128, 146, 157;
  --ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #80929d */
  --ring-border-disabled-components: 54, 54, 54;
  --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #363636 */
  --ring-border-selected-disabled-components: 54, 54, 54;
  --ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #363636 */
  --ring-border-unselected-disabled-components: 54, 54, 54;
  --ring-border-unselected-disabled-color: rgb(var(--ring-border-unselected-disabled-components)); /* #363636 */ /* TODO remove in 6.0 */
  --ring-icon-disabled-components: 80, 82, 83;
  --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #505253 */
  --ring-border-hover-components: 112, 177, 230;
  --ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #70b1e6 */
  --ring-main-components: 0, 142, 255;
  --ring-main-color: rgb(var(--ring-main-components)); /* #008eff */
  --ring-action-link-components: var(--ring-main-components);
  --ring-action-link-color: rgb(var(--ring-main-components)); /* #008eff */
  --ring-main-hover-components: 0, 126, 229;
  --ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #007ee5 */
  --ring-icon-error-components: 219, 88, 96;
  --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #db5860 */
  --ring-icon-warning-components: 237, 162, 0;
  --ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #eda200 */
  --ring-icon-success-components: 71, 212, 100;
  --ring-icon-success-color: rgb(var(--ring-icon-success-components)); /* #47d464 */
  --ring-popup-border-components: 0, 42, 76;
  --ring-popup-border-color: rgba(var(--ring-popup-border-components), 0.1);
  --ring-popup-shadow-color: rgba(var(--ring-popup-border-components), 0.15);
  --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);
  --ring-pinned-shadow-components: 0, 0, 0;
  --ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #000 */
  --ring-button-danger-hover-color: var(--ring-error-color);
  --ring-button-primary-border-components: 128, 198, 255;
  --ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #80c6ff */

  /* Text */
  --ring-hint-components: 128, 146, 157;
  --ring-hint-color: rgb(var(--ring-hint-components)); /* #80929d */
  --ring-link-components: 112, 177, 230;
  --ring-link-color: rgb(var(--ring-link-components)); /* #70b1e6 */
  --ring-error-components: 219, 88, 96;
  --ring-error-color: rgb(var(--ring-error-components)); /* #db5860 */
  --ring-warning-components: 237, 162, 0;
  --ring-warning-color: rgb(var(--ring-warning-components)); /* #eda200 */
  --ring-success-components: 71, 212, 100;
  --ring-success-color: rgb(var(--ring-success-components)); /* #47d464 */
  --ring-text-components: 187, 187, 187;
  --ring-text-color: rgb(var(--ring-text-components)); /* #bbb */
  --ring-active-text-components: 255, 255, 255;
  --ring-active-text-color: rgb(var(--ring-active-text-components)); /* #fff */
  --ring-heading-color: var(--ring-text-color);
  --ring-secondary-components: 128, 146, 157;
  --ring-secondary-color: rgb(var(--ring-secondary-components)); /* #80929d */
  --ring-disabled-components: 81, 95, 104;
  --ring-disabled-color: rgb(var(--ring-disabled-components)); /* #515F68 */

  /* Background */
  --ring-content-background-components: 35, 39, 43;
  --ring-content-background-color: rgb(var(--ring-content-background-components)); /* #23272b */
  --ring-popup-background-components: 17, 19, 20;
  --ring-popup-background-color: rgb(var(--ring-popup-background-components)); /* #111314 */
  --ring-sidebar-background-components: 40, 52, 61;
  --ring-sidebar-background-color: rgb(var(--ring-sidebar-background-components)); /* #28343d */
  --ring-selected-background-components: 6, 38, 64;
  --ring-selected-background-color: rgb(var(--ring-selected-background-components)); /* #062640 */
  --ring-hover-background-components: 11, 26, 38;
  --ring-hover-background-color: rgb(var(--ring-hover-background-components)); /* #0b1a26 */
  --ring-navigation-background-components: 17, 19, 20;
  --ring-navigation-background-color: rgb(var(--ring-navigation-background-components)); /* #111314 */
  --ring-tag-background-components: 62, 77, 89;
  --ring-tag-background-color: rgb(var(--ring-tag-background-components)); /* #3e4d59 */
  --ring-tag-hover-background-components: 51, 62, 71;
  --ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #333e47 */
  --ring-removed-background-components: 143, 82, 71;
  --ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #8f5247 */
  --ring-warning-background-components: 89, 61, 1;
  --ring-warning-background-color: rgb(var(--ring-warning-background-components)); /* #593d01 */
  --ring-added-background-components: 54, 89, 71;
  --ring-added-background-color: rgb(var(--ring-added-background-components)); /* #365947 */
  --ring-disabled-background-components: 44, 47, 51;
  --ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #2C2F33 */
  --ring-disabled-selected-background-components: 44, 47, 51;
  --ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #2C2F33 */
  --ring-button-danger-active-components: 38, 8, 10;
  --ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #26080a */
  --ring-button-primary-background-components: 0, 126, 229;
  --ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #007ee5 */
  --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #23272b80 */

  /* Code */
  --ring-code-background-components: 43, 43, 43;
  --ring-code-background-color: rgb(var(--ring-code-background-components)); /* #2b2b2b */
  --ring-code-components: 169, 183, 198;
  --ring-code-color: rgb(var(--ring-code-components)); /* #a9b7c6 */
  --ring-code-meta-components: 187, 181, 41;
  --ring-code-meta-color: rgb(var(--ring-code-meta-components)); /* #bbb529 */
  --ring-code-keyword-components: 204, 120, 50;
  --ring-code-keyword-color: rgb(var(--ring-code-keyword-components)); /* #cc7832 */
  --ring-code-tag-background-components: 43, 43, 43;
  --ring-code-tag-background-color: rgb(var(--ring-code-tag-background-components)); /* #2b2b2b */
  --ring-code-tag-components: 232, 191, 106;
  --ring-code-tag-color: rgb(var(--ring-code-tag-components)); /* #e8bf6a */
  --ring-code-tag-font-weight: normal;
  --ring-code-field-components: 152, 118, 170;
  --ring-code-field-color: rgb(var(--ring-code-tag-font-weight)); /* #9876aa */
  --ring-code-attribute-components: 186, 186, 186;
  --ring-code-attribute-color: rgb(var(--ring-code-attribute-components)); /* #bababa */
  --ring-code-number-components: 104, 151, 187;
  --ring-code-number-color: rgb(var(--ring-code-number-components)); /* #6897bb */
  --ring-code-string-components: 106, 135, 89;
  --ring-code-string-color: rgb(var(--ring-code-string-components)); /* #6a8759 */
  --ring-code-addition-components: 68, 113, 82;
  --ring-code-addition-color: rgb(var(--ring-code-addition-components)); /* #447152 */
  --ring-code-deletion-components: 101, 110, 118;
  --ring-code-deletion-color: rgb(var(--ring-code-deletion-components)); /* #656e76 */

  color-scheme: dark;
}

:root {
  /* stylelint-disable-next-line color-no-hex */
  --ring-loader-inline-stops: #ff00eb, #bd3bff, #008eff, #58ba00, #f48700, #ff00eb;
}

.ring-variables_dark-dark,
.ring-ui-theme-dark {
  /* stylelint-disable-next-line color-no-hex */
  --ring-loader-inline-stops: #ff2eef, #d178ff, #289fff, #88d444, #ffe000, #ff2eef;
}

@keyframes ring-loader-inline-spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes ring-loader-inline-pulse {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.41667);
  }
}

.ring-loader-inline-loader,
.ring-loader-inline {
  /* needed for better backward-compatibility */

  position: relative;

  display: inline-block;

  overflow: hidden;

  transform: rotate(0);
  animation: ring-loader-inline-spin 1s linear infinite;
  vertical-align: -3px;

  border-radius: 8px;
}

.ring-loader-inline-loader,
  .ring-loader-inline,
  .ring-loader-inline-loader::after,
  .ring-loader-inline::after {
    transform-origin: 50% 50%;
  }

.ring-loader-inline-loader::after, .ring-loader-inline::after {
    display: block;

    width: 16px;
    height: 16px;

    content: "";
    animation: ring-loader-inline-pulse 0.85s cubic-bezier(0.68, 0, 0.74, 0.74) infinite alternate;

    background-image: conic-gradient(#ff00eb, #bd3bff, #008eff, #58ba00, #f48700, #ff00eb);

    background-image: conic-gradient(var(--ring-loader-inline-stops));
    -webkit-mask-image: radial-gradient(8px, transparent 71.875%, var(--ring-content-background-color) 71.875%);
            mask-image: radial-gradient(8px, transparent 71.875%, var(--ring-content-background-color) 71.875%);
  }

.ring-loader-inline-children {
  margin-left: 4px;
}

.SvgIcon__icon--wZ > svg {
  overflow: visible;
  shape-rendering: geometricPrecision;
}

.ring-link-link {
  cursor: pointer;
  transition: color var(--ring-fast-ease);

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

  outline: none;
}

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

    color: var(--ring-link-hover-color);
  }}

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

.ring-link-link {
    text-decoration: none;
  }

.ring-link-link.ring-link-hover {
    transition: none;

    color: var(--ring-link-hover-color);
  }

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

.ring-link-link.ring-link-active {
    color: inherit;
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-link-link.ring-link-compatibilityUnderlineMode:hover {
    text-decoration: underline;

    /* stylelint-disable-next-line selector-max-specificity */
  }
    .ring-link-link.ring-link-compatibilityUnderlineMode:hover .ring-link-inner {
      border: none;
    }}

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

    /* stylelint-disable-next-line selector-max-specificity */
  }
    .ring-link-link.ring-link-pseudo:hover .ring-link-inner {
      border: none;
    }}

.ring-link-link:focus-visible {
    box-shadow: 0 0 0 2px var(--ring-border-hover-color);
  }

@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) {.ring-link-link:hover .ring-link-inner {
    border-bottom-width: 1px;
  }}
}

.ring-link-text {
  border-radius: var(--ring-border-radius);
}

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

.ring-link-pseudo {
  margin: 0;
  padding: 0;

  text-align: left;

  border: 0;

  background: transparent;

  font: inherit;
}

.ring-link-pseudo::-moz-focus-inner {
    padding: 0;

    border: 0;
  }

.ring-island-island {
  display: flex;
  flex-direction: column;

  border: 1px solid var(--ring-line-color);
  border-radius: var(--ring-border-radius);

  background-color: var(--ring-content-background-color);
  box-shadow: 0 1px 4px var(--ring-popup-shadow-color);
}

.ring-island-withTransparentBottomBorder {
  transition: border-bottom-color 0.1s;

  border-bottom: 1px solid transparent;
}

.ring-island-header {
  box-sizing: border-box;
  width: 100%;
  padding: 16px 32px 8px;

  transition: border-bottom-color 0.1s;

  border-bottom: 1px solid transparent;

  line-height: 24px;
}

.ring-island-withBottomBorder.ring-island-withBottomBorder {
  border-bottom-color: var(--ring-popup-border-color);
  border-top-left-radius: var(--ring-border-radius);
  border-top-right-radius: var(--ring-border-radius);
}

.ring-island-title {
  display: block;
  float: left;

  margin: 0;

  transform-origin: 0 50%;
  word-break: break-word;

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

  font-size: inherit;

  font-weight: bold;
}

.ring-island-narrowIsland .ring-island-header {
  padding: 0 16px;
}

.ring-island-content {
  position: relative;

  display: flex;
  overflow: auto;

  width: 100%;
  -webkit-overflow-scrolling: touch;
}

.ring-island-scrollableWrapper {
  overflow: auto;

  width: 100%;
  padding: 16px 32px;
}

.ring-island-scrollableWrapper:focus:not(:focus-visible) {
    outline: none;
  }

.ring-island-narrowIsland .ring-island-scrollableWrapper {
  padding: 16px 16px;
}

.ring-island-withoutPaddings .ring-island-scrollableWrapper {
  padding: 0;
}

.ring-island-contentWithTopFade::before {
  position: absolute;
  z-index: var(--ring-fixed-z-index);
  left: 0;

  display: block;

  width: 100%;
  height: 24px;

  content: "";

  pointer-events: none;

  opacity: 0.8;

  background: linear-gradient(to top, rgba(255, 255, 255, 0), var(--ring-content-background-color));
}

.ring-island-contentWithTopFade:first-child::before {
  border-top-left-radius: var(--ring-border-radius);
  border-top-right-radius: var(--ring-border-radius);
}

.ring-island-contentWithBottomFade::after {
  position: absolute;
  bottom: 0;
  left: 0;

  display: block;

  width: 100%;
  height: 24px;

  content: "";
  pointer-events: none;

  opacity: 0.8;
  border-bottom-right-radius: var(--ring-border-radius);
  border-bottom-left-radius: var(--ring-border-radius);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--ring-content-background-color));
}

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

.ring-variables-light,
:root {
  --ring-unit: 8px;

  /* Element */
  --ring-line-components: 223, 229, 235;
  --ring-line-color: rgb(var(--ring-line-components)); /* #dfe5eb */
  --ring-borders-components: 197, 209, 219;
  --ring-borders-color: rgb(var(--ring-borders-components)); /* #c5d1db */
  --ring-icon-components: 184, 209, 229;
  --ring-icon-color: rgb(var(--ring-icon-components)); /* #b8d1e5 */
  --ring-icon-secondary-components: 153, 153, 153;
  --ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #999 */
  --ring-border-disabled-components: 232, 232, 232;
  --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #e8e8e8 */
  --ring-border-selected-disabled-components: 212, 212, 212;
  --ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #d4d4d4 */
  --ring-border-unselected-disabled-components: 232, 232, 232;
  --ring-border-unselected-disabled-color: rgb(var(--ring-border-unselected-disabled-components)); /* #e8e8e8 */ /* TODO remove in 6.0 */
  --ring-icon-disabled-components: 212, 212, 212;
  --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #d4d4d4 */
  --ring-border-hover-components: 128, 198, 255;
  --ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #80c6ff */
  --ring-icon-hover-components: var(--ring-link-hover-color);
  --ring-icon-hover-color: var(--ring-link-hover-color);
  --ring-main-components: 0, 128, 229;
  --ring-main-color: rgb(var(--ring-main-components)); /* #0080e5 */
  --ring-action-link-components: var(--ring-main-components);
  --ring-action-link-color: rgb(var(--ring-main-components)); /* #0080e5 */
  --ring-main-hover-components: 0, 112, 204;
  --ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #0070cc */
  --ring-icon-error-components: 219, 88, 96;
  --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #db5860 */
  --ring-icon-warning-components: 237, 162, 0;
  --ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #eda200 */
  --ring-icon-success-components: 89, 168, 105;
  --ring-icon-success-color: rgb(var(--ring-icon-success-components)); /* #59a869 */
  --ring-pale-control-components: 207, 219, 229;
  --ring-pale-control-color: rgb(var(--ring-pale-control-components)); /* #cfdbe5 */
  --ring-popup-border-components: 0, 28, 54;
  --ring-popup-border-color: var(--ring-line-color);
  --ring-popup-shadow-components: rgba(var(--ring-popup-border-components), 0.1);
  --ring-popup-shadow-color: rgba(var(--ring-popup-border-components), 0.1);
  --ring-popup-secondary-shadow-color: rgba(var(--ring-popup-border-components), 0.04);
  --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);
  --ring-pinned-shadow-components: 115, 117, 119;
  --ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #737577 */
  --ring-button-danger-hover-components: var(--ring-icon-error-color);
  --ring-button-danger-hover-color: var(--ring-icon-error-color);
  --ring-button-primary-border-components: 0, 98, 178;
  --ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #0062b2 */
  --ring-popup-shadow: 0 2px 8px var(--ring-popup-shadow-color), 0 1px 2px var(--ring-popup-secondary-shadow-color);
  --ring-dialog-shadow: 0 4px 24px var(--ring-popup-shadow-color), 0 2px 6px var(--ring-popup-secondary-shadow-color);

  /* Text */
  --ring-search-components: 102, 158, 204;
  --ring-search-color: rgb(var(--ring-search-components)); /* #669ecc */
  --ring-hint-components: 64, 99, 128;
  --ring-hint-color: rgb(var(--ring-hint-components)); /* #406380 */
  --ring-link-components: 15, 91, 153;
  --ring-link-color: rgb(var(--ring-link-components)); /* #0f5b99 */
  --ring-link-hover-components: 255, 0, 140;
  --ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #ff008c */
  --ring-error-components: 169, 15, 26;
  --ring-error-color: rgb(var(--ring-error-components)); /* #a90f1a */
  --ring-warning-components: 178, 92, 0;
  --ring-warning-color: rgb(var(--ring-warning-components)); /* #b25c00 */
  --ring-success-components: 12, 117, 35;
  --ring-success-color: rgb(var(--ring-success-components)); /* #0c7523 */
  --ring-text-components: 31, 35, 38;
  --ring-text-color: rgb(var(--ring-text-components)); /* #1f2326 */
  --ring-active-text-color: var(--ring-text-color);
  --ring-white-text-components: 255, 255, 255;
  --ring-white-text-color: rgb(var(--ring-white-text-components)); /* #fff */
  --ring-heading-color: var(--ring-text-color);
  --ring-secondary-components: 115, 117, 119;
  --ring-secondary-color: rgb(var(--ring-secondary-components)); /* #737577 */
  --ring-disabled-components: 153, 153, 153;
  --ring-disabled-color: rgb(var(--ring-disabled-components)); /* #999 */

  /* Background */
  --ring-content-background-components: 255, 255, 255;
  --ring-content-background-color: rgb(var(--ring-content-background-components)); /* #fff */
  --ring-popup-background-components: 255, 255, 255;
  --ring-popup-background-color: rgb(var(--ring-popup-background-components)); /* #fff */
  --ring-sidebar-background-components: 247, 249, 250;
  --ring-sidebar-background-color: rgb(var(--ring-sidebar-background-components)); /* #f7f9fa */
  --ring-selected-background-components: 212, 237, 255;
  --ring-selected-background-color: rgb(var(--ring-selected-background-components)); /* #d4edff */
  --ring-hover-background-components: 235, 246, 255;
  --ring-hover-background-color: rgb(var(--ring-hover-background-components)); /* #ebf6ff */
  --ring-navigation-background-components: 255, 255, 255;
  --ring-navigation-background-color: rgb(var(--ring-navigation-background-components)); /* #fff */
  --ring-tag-background-components: 230, 236, 242;
  --ring-tag-background-color: rgb(var(--ring-tag-background-components)); /* #e6ecf2 */
  --ring-tag-hover-background-components: 211, 218, 224;
  --ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #d3dae0 */
  --ring-removed-background-components: 255, 213, 203;
  --ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #ffd5cb */
  --ring-warning-background-components: 250, 236, 205;
  --ring-warning-background-color: rgb(var(--ring-warning-background-components)); /* #faeccd */
  --ring-added-background-components: 216, 240, 216;
  --ring-added-background-color: rgb(var(--ring-added-background-components)); /* #d8f0d8 */
  --ring-disabled-background-components: 245, 245, 245;
  --ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #f5f5f5 */
  --ring-disabled-selected-background-components: 232, 232, 232;
  --ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #e8e8e8 */
  --ring-button-danger-active-components: 255, 231, 232;
  --ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #ffe7e8 */
  --ring-button-loader-background-components: 51, 163, 255;
  --ring-button-loader-background: rgb(var(--ring-button-loader-background-components)); /* #33a3ff */
  --ring-button-primary-background-components: 26, 152, 255;
  --ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #1a98ff */
  --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #ffffff80 */

  /* Code */
  --ring-code-background-color: var(--ring-content-background-color);
  --ring-code-components: 0, 0, 0;
  --ring-code-color: rgb(var(--ring-code-components)); /* #000 */
  --ring-code-comment-components: 112, 112, 112;
  --ring-code-comment-color: rgb(var(--ring-code-comment-components)); /* #707070 */
  --ring-code-meta-components: 112, 112, 112;
  --ring-code-meta-color: rgb(var(--ring-code-meta-components)); /* #707070 */
  --ring-code-keyword-components: 0, 0, 128;
  --ring-code-keyword-color: rgb(var(--ring-code-keyword-components)); /* #000080 */
  --ring-code-tag-background-components: 239, 239, 239;
  --ring-code-tag-background-color: rgb(var(--ring-code-tag-background-components)); /* #efefef */
  --ring-code-tag-color: var(--ring-code-keyword-color);
  --ring-code-tag-font-weight: bold;
  --ring-code-field-components: 102, 14, 122;
  --ring-code-field-color: rgb(var(--ring-code-field-components)); /* #660e7a */
  --ring-code-attribute-components: 0, 0, 255;
  --ring-code-attribute-color: rgb(var(--ring-code-attribute-components)); /* #00f */
  --ring-code-number-color: var(--ring-code-attribute-color);
  --ring-code-string-components: 0, 122, 0;
  --ring-code-string-color: rgb(var(--ring-code-string-components)); /* #007a00 */
  --ring-code-addition-components: 170, 222, 170;
  --ring-code-addition-color: rgb(var(--ring-code-addition-components)); /* #aadeaa */
  --ring-code-deletion-components: 200, 200, 200;
  --ring-code-deletion-color: rgb(var(--ring-code-deletion-components)); /* #c8c8c8 */

  /* Metrics */
  --ring-border-radius: 4px;
  --ring-border-radius-small: 2px;
  --ring-font-size-larger: 15px;
  --ring-font-size: 14px;
  --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;
  --ring-font-family: system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, 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
*/

.ring-global-clearfix::after {
    display: block;
    clear: both;

    content: "";
  }

.ring-global-font {
  font-family: var(--ring-font-family);
  font-size: var(--ring-font-size);
  line-height: var(--ring-line-height);
}

.ring-global-font-lower {

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

.ring-global-font-smaller {

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

.ring-global-font-smaller-lower {

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

.ring-global-font-larger-lower {

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

.ring-global-font-larger {

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

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

.ring-global-monospace-font {
  font-family: var(--ring-font-family-monospace);
  font-size: var(--ring-font-size-smaller);
}

.ring-global-ellipsis {
  overflow: hidden;

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

.ring-global-resetButton {
  overflow: visible;

  padding: 0;

  text-align: left;

  color: inherit;
  border: 0;

  background-color: transparent;

  font: inherit;
}

.ring-global-resetButton::-moz-focus-inner {
    padding: 0;

    border: 0;
  }

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

/* Media breakpoints (minimal values) */

/* Media queries */

.ring-island-island {
  display: flex;
  flex-direction: column;

  border: 1px solid var(--ring-line-color);
  border-radius: var(--ring-border-radius);

  background-color: var(--ring-content-background-color);
  box-shadow: 0 1px 4px var(--ring-popup-shadow-color);
}

.ring-island-withTransparentBottomBorder {
  transition: border-bottom-color 0.1s;

  border-bottom: 1px solid transparent;
}

.ring-island-header {
  box-sizing: border-box;
  width: 100%;
  padding: 16px 32px 8px;

  transition: border-bottom-color 0.1s;

  border-bottom: 1px solid transparent;

  line-height: 24px;
}

.ring-island-withBottomBorder.ring-island-withBottomBorder {
  border-bottom-color: var(--ring-popup-border-color);
  border-top-left-radius: var(--ring-border-radius);
  border-top-right-radius: var(--ring-border-radius);
}

.ring-island-title {
  display: block;
  float: left;

  margin: 0;

  transform-origin: 0 50%;
  word-break: break-word;

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

  font-size: inherit;

  font-weight: bold;
}

.ring-island-narrowIsland .ring-island-header {
  padding: 0 16px;
}

.ring-island-content {
  position: relative;

  display: flex;
  overflow: auto;

  width: 100%;
  -webkit-overflow-scrolling: touch;
}

.ring-island-scrollableWrapper {
  overflow: auto;

  width: 100%;
  padding: 16px 32px;
}

.ring-island-scrollableWrapper:focus:not(:focus-visible) {
    outline: none;
  }

.ring-island-narrowIsland .ring-island-scrollableWrapper {
  padding: 16px 16px;
}

.ring-island-withoutPaddings .ring-island-scrollableWrapper {
  padding: 0;
}

.ring-island-contentWithTopFade::before {
  position: absolute;
  z-index: var(--ring-fixed-z-index);
  left: 0;

  display: block;

  width: 100%;
  height: 24px;

  content: "";

  pointer-events: none;

  opacity: 0.8;

  background: linear-gradient(to top, rgba(255, 255, 255, 0), var(--ring-content-background-color));
}

.ring-island-contentWithTopFade:first-child::before {
  border-top-left-radius: var(--ring-border-radius);
  border-top-right-radius: var(--ring-border-radius);
}

.ring-island-contentWithBottomFade::after {
  position: absolute;
  bottom: 0;
  left: 0;

  display: block;

  width: 100%;
  height: 24px;

  content: "";
  pointer-events: none;

  opacity: 0.8;
  border-bottom-right-radius: var(--ring-border-radius);
  border-bottom-left-radius: var(--ring-border-radius);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--ring-content-background-color));
}

.ring-dialog-container {
  position: fixed;
  z-index: var(--ring-overlay-z-index);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: flex;
  overflow: auto;
  align-items: center;
  justify-content: center;

  padding: 32px 8px;

  background-color: rgba(255, 255, 255, 0.4);
}

.ring-dialog-innerContainer {
  display: flex;
  flex-direction: column;

  max-height: 100%;
}

.ring-dialog-content {
  position: relative;

  width: 464px;
  min-height: 120px;
  margin: auto;

  cursor: default;
  overflow-wrap: break-word;
}

.ring-dialog-content .ring-dialog-panel {
    margin-top: 0;
    padding: 16px 32px 32px;

    border-top: none;

    background-color: transparent;
  }

/* stylelint-disable-next-line selector-max-specificity */

.ring-dialog-content .ring-dialog-panel > button:not(:last-child) {
    margin-right: 8px;
  }

.ring-dialog-content.ring-dialog-content {
  box-shadow: var(--ring-dialog-shadow);
}

.ring-dialog-clickableOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  cursor: pointer;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-dialog-clickableOverlay:hover + * .ring-dialog-closeIcon {
  color: var(--ring-icon-hover-color);
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-dialog-closeButton:hover .ring-dialog-closeIcon {
  color: var(--ring-icon-hover-color);
}}

.ring-dialog-clickableOverlay:active + * .ring-dialog-closeIcon {
  color: var(--ring-main-color);
}

.ring-dialog-closeButton:active .ring-dialog-closeIcon {
  color: var(--ring-main-color);
}

.ring-dialog-closeButton.ring-dialog-closeButton {
  position: absolute;
}

.ring-dialog-closeButtonOutside {
  top: 0;
  right: -32px;
}

.ring-dialog-closeButtonInside {
  top: 12px;
  right: 8px;
}

.ring-dialog-documentWithoutScroll {
  overflow: hidden;

  height: 100%;
}

.ring-dialog-popupTarget {
  position: fixed;
  z-index: var(--ring-overlay-z-index);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  pointer-events: none;
}

.ring-dialog-popupTarget > :not(.ring-dialog-popupTarget) {
    pointer-events: initial;
  }

.ring-dialog-container .ring-island-header {
  padding-top: 32px;

  font-size: 24px;
  line-height: 28px;
}

.ring-dialog-dense .ring-island-header {
  padding-top: 16px;
}

.ring-dialog-dense .ring-dialog-panel {
  padding-bottom: 16px;
}

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

.ring-variables-light,
:root {
  --ring-unit: 8px;

  /* Element */
  --ring-line-components: 223, 229, 235;
  --ring-line-color: rgb(var(--ring-line-components)); /* #dfe5eb */
  --ring-borders-components: 197, 209, 219;
  --ring-borders-color: rgb(var(--ring-borders-components)); /* #c5d1db */
  --ring-icon-components: 184, 209, 229;
  --ring-icon-color: rgb(var(--ring-icon-components)); /* #b8d1e5 */
  --ring-icon-secondary-components: 153, 153, 153;
  --ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #999 */
  --ring-border-disabled-components: 232, 232, 232;
  --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #e8e8e8 */
  --ring-border-selected-disabled-components: 212, 212, 212;
  --ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #d4d4d4 */
  --ring-border-unselected-disabled-components: 232, 232, 232;
  --ring-border-unselected-disabled-color: rgb(var(--ring-border-unselected-disabled-components)); /* #e8e8e8 */ /* TODO remove in 6.0 */
  --ring-icon-disabled-components: 212, 212, 212;
  --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #d4d4d4 */
  --ring-border-hover-components: 128, 198, 255;
  --ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #80c6ff */
  --ring-icon-hover-components: var(--ring-link-hover-color);
  --ring-icon-hover-color: var(--ring-link-hover-color);
  --ring-main-components: 0, 128, 229;
  --ring-main-color: rgb(var(--ring-main-components)); /* #0080e5 */
  --ring-action-link-components: var(--ring-main-components);
  --ring-action-link-color: rgb(var(--ring-main-components)); /* #0080e5 */
  --ring-main-hover-components: 0, 112, 204;
  --ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #0070cc */
  --ring-icon-error-components: 219, 88, 96;
  --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #db5860 */
  --ring-icon-warning-components: 237, 162, 0;
  --ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #eda200 */
  --ring-icon-success-components: 89, 168, 105;
  --ring-icon-success-color: rgb(var(--ring-icon-success-components)); /* #59a869 */
  --ring-pale-control-components: 207, 219, 229;
  --ring-pale-control-color: rgb(var(--ring-pale-control-components)); /* #cfdbe5 */
  --ring-popup-border-components: 0, 28, 54;
  --ring-popup-border-color: var(--ring-line-color);
  --ring-popup-shadow-components: rgba(var(--ring-popup-border-components), 0.1);
  --ring-popup-shadow-color: rgba(var(--ring-popup-border-components), 0.1);
  --ring-popup-secondary-shadow-color: rgba(var(--ring-popup-border-components), 0.04);
  --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);
  --ring-pinned-shadow-components: 115, 117, 119;
  --ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #737577 */
  --ring-button-danger-hover-components: var(--ring-icon-error-color);
  --ring-button-danger-hover-color: var(--ring-icon-error-color);
  --ring-button-primary-border-components: 0, 98, 178;
  --ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #0062b2 */
  --ring-popup-shadow: 0 2px 8px var(--ring-popup-shadow-color), 0 1px 2px var(--ring-popup-secondary-shadow-color);
  --ring-dialog-shadow: 0 4px 24px var(--ring-popup-shadow-color), 0 2px 6px var(--ring-popup-secondary-shadow-color);

  /* Text */
  --ring-search-components: 102, 158, 204;
  --ring-search-color: rgb(var(--ring-search-components)); /* #669ecc */
  --ring-hint-components: 64, 99, 128;
  --ring-hint-color: rgb(var(--ring-hint-components)); /* #406380 */
  --ring-link-components: 15, 91, 153;
  --ring-link-color: rgb(var(--ring-link-components)); /* #0f5b99 */
  --ring-link-hover-components: 255, 0, 140;
  --ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #ff008c */
  --ring-error-components: 169, 15, 26;
  --ring-error-color: rgb(var(--ring-error-components)); /* #a90f1a */
  --ring-warning-components: 178, 92, 0;
  --ring-warning-color: rgb(var(--ring-warning-components)); /* #b25c00 */
  --ring-success-components: 12, 117, 35;
  --ring-success-color: rgb(var(--ring-success-components)); /* #0c7523 */
  --ring-text-components: 31, 35, 38;
  --ring-text-color: rgb(var(--ring-text-components)); /* #1f2326 */
  --ring-active-text-color: var(--ring-text-color);
  --ring-white-text-components: 255, 255, 255;
  --ring-white-text-color: rgb(var(--ring-white-text-components)); /* #fff */
  --ring-heading-color: var(--ring-text-color);
  --ring-secondary-components: 115, 117, 119;
  --ring-secondary-color: rgb(var(--ring-secondary-components)); /* #737577 */
  --ring-disabled-components: 153, 153, 153;
  --ring-disabled-color: rgb(var(--ring-disabled-components)); /* #999 */

  /* Background */
  --ring-content-background-components: 255, 255, 255;
  --ring-content-background-color: rgb(var(--ring-content-background-components)); /* #fff */
  --ring-popup-background-components: 255, 255, 255;
  --ring-popup-background-color: rgb(var(--ring-popup-background-components)); /* #fff */
  --ring-sidebar-background-components: 247, 249, 250;
  --ring-sidebar-background-color: rgb(var(--ring-sidebar-background-components)); /* #f7f9fa */
  --ring-selected-background-components: 212, 237, 255;
  --ring-selected-background-color: rgb(var(--ring-selected-background-components)); /* #d4edff */
  --ring-hover-background-components: 235, 246, 255;
  --ring-hover-background-color: rgb(var(--ring-hover-background-components)); /* #ebf6ff */
  --ring-navigation-background-components: 255, 255, 255;
  --ring-navigation-background-color: rgb(var(--ring-navigation-background-components)); /* #fff */
  --ring-tag-background-components: 230, 236, 242;
  --ring-tag-background-color: rgb(var(--ring-tag-background-components)); /* #e6ecf2 */
  --ring-tag-hover-background-components: 211, 218, 224;
  --ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #d3dae0 */
  --ring-removed-background-components: 255, 213, 203;
  --ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #ffd5cb */
  --ring-warning-background-components: 250, 236, 205;
  --ring-warning-background-color: rgb(var(--ring-warning-background-components)); /* #faeccd */
  --ring-added-background-components: 216, 240, 216;
  --ring-added-background-color: rgb(var(--ring-added-background-components)); /* #d8f0d8 */
  --ring-disabled-background-components: 245, 245, 245;
  --ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #f5f5f5 */
  --ring-disabled-selected-background-components: 232, 232, 232;
  --ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #e8e8e8 */
  --ring-button-danger-active-components: 255, 231, 232;
  --ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #ffe7e8 */
  --ring-button-loader-background-components: 51, 163, 255;
  --ring-button-loader-background: rgb(var(--ring-button-loader-background-components)); /* #33a3ff */
  --ring-button-primary-background-components: 26, 152, 255;
  --ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #1a98ff */
  --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #ffffff80 */

  /* Code */
  --ring-code-background-color: var(--ring-content-background-color);
  --ring-code-components: 0, 0, 0;
  --ring-code-color: rgb(var(--ring-code-components)); /* #000 */
  --ring-code-comment-components: 112, 112, 112;
  --ring-code-comment-color: rgb(var(--ring-code-comment-components)); /* #707070 */
  --ring-code-meta-components: 112, 112, 112;
  --ring-code-meta-color: rgb(var(--ring-code-meta-components)); /* #707070 */
  --ring-code-keyword-components: 0, 0, 128;
  --ring-code-keyword-color: rgb(var(--ring-code-keyword-components)); /* #000080 */
  --ring-code-tag-background-components: 239, 239, 239;
  --ring-code-tag-background-color: rgb(var(--ring-code-tag-background-components)); /* #efefef */
  --ring-code-tag-color: var(--ring-code-keyword-color);
  --ring-code-tag-font-weight: bold;
  --ring-code-field-components: 102, 14, 122;
  --ring-code-field-color: rgb(var(--ring-code-field-components)); /* #660e7a */
  --ring-code-attribute-components: 0, 0, 255;
  --ring-code-attribute-color: rgb(var(--ring-code-attribute-components)); /* #00f */
  --ring-code-number-color: var(--ring-code-attribute-color);
  --ring-code-string-components: 0, 122, 0;
  --ring-code-string-color: rgb(var(--ring-code-string-components)); /* #007a00 */
  --ring-code-addition-components: 170, 222, 170;
  --ring-code-addition-color: rgb(var(--ring-code-addition-components)); /* #aadeaa */
  --ring-code-deletion-components: 200, 200, 200;
  --ring-code-deletion-color: rgb(var(--ring-code-deletion-components)); /* #c8c8c8 */

  /* Metrics */
  --ring-border-radius: 4px;
  --ring-border-radius-small: 2px;
  --ring-font-size-larger: 15px;
  --ring-font-size: 14px;
  --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;
  --ring-font-family: system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, 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
*/

.ring-global-clearfix::after {
    display: block;
    clear: both;

    content: "";
  }

.ring-global-font {
  font-family: var(--ring-font-family);
  font-size: var(--ring-font-size);
  line-height: var(--ring-line-height);
}

.ring-global-font-lower {

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

.ring-global-font-smaller {

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

.ring-global-font-smaller-lower {

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

.ring-global-font-larger-lower {

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

.ring-global-font-larger {

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

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

.ring-global-monospace-font {
  font-family: var(--ring-font-family-monospace);
  font-size: var(--ring-font-size-smaller);
}

.ring-global-ellipsis {
  overflow: hidden;

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

.ring-global-resetButton {
  overflow: visible;

  padding: 0;

  text-align: left;

  color: inherit;
  border: 0;

  background-color: transparent;

  font: inherit;
}

.ring-global-resetButton::-moz-focus-inner {
    padding: 0;

    border: 0;
  }

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

/* Media breakpoints (minimal values) */

/* Media queries */

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-globals__visuallyHiddenContainer--F8:not(:hover, .focusVisible, :active) .ring-globals__visuallyHiddenChild--Ia {
  position: absolute;

  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);

  width: 1px;
  height: 1px;

  white-space: nowrap; /* added line */
}}

/* https://readymag.com/artemtiunov/RingUILanguage/colours/ */

:root {
  --tc-content-width: 1600px;
  --tc-icon-main-color: #444;
  --tc-icon-favorite-icon-color: var(--tc-icon-main-color);
  --tc-message-background-color: rgba(17, 19, 20, 0.9);
  --tc-error-background-color: #faebec;
  --tc-error-hover-color: var(--ring-error-color);
  --tc-success-background-color: #e6f2e9;
  --tc-success-hover-background-color: #bcdcc2;
  --tc-success-progress-color: #7acc8b;
  --tc-success-text-color: var(--ring-text-color);
  --tc-classic-highlight-color: #ffc;
  --tc-changes-graph-background-color: #333;
  --tc-changes-graph-color: #bbb;
  --tc-classic-disabled-input-color: var(--ring-disabled-color);
}

/* stylelint-disable-next-line selector-class-pattern */
.ring-ui-theme-dark,
.ring-variables_dark-dark {
  --tc-icon-favorite-icon-color: var(--ring-icon-color);
  --tc-error-background-color: #4d1f22;
  --tc-error-hover-color: #f8b4b8;
  --tc-success-background-color: #1f4d28;
  --tc-success-hover-background-color: #317c40;
  --tc-success-progress-color: #59a869;
  --tc-success-text-color: var(--ring-white-text-color);
  --tc-classic-highlight-color: #593D01;
  --tc-classic-disabled-input-color: rgba(var(--ring-text-components), .5);
}

/* Metrics */

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

/* Media breakpoints (minimal values) */

/* Media queries */

/* https://a11yproject.com/posts/how-to-hide-content/ */

/* stylelint-disable-next-line selector-max-specificity */
.ring-globals__visuallyHidden--sJ {
  position: absolute;

  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);

  width: 1px;
  height: 1px;

  white-space: nowrap; /* added line */
}

.ring-globals__lineClamp--IR {
  position: relative;

  overflow: hidden;
  overflow-wrap: break-word;
}

.ring-globals__lineClampHasOverflow--EI::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;

  padding-top: 1px;

  content: '\2060';

  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

@supports (-webkit-line-clamp: 2) {
  .ring-globals__lineClamp--IR {
    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ring-global-ellipsis;
  }

  .ring-globals__lineClampHasOverflow--EI::after {
    display: none;
  }
}

.ProjectsTree__sidebar--sr {
  display: flex;
  overflow: hidden;
  flex-direction: column;
}

.ProjectsTree__footer--sn {
  height: calc(var(--ring-unit)*5);

  border-top: 1px solid var(--ring-line-color);

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

.ProjectsTree__projectsTree--qY,
.ProjectsTree__arrowKeyStepper--A8 {
  height: 100%;
}

.ProjectsTree__projectsTree--qY,
.ProjectsTree__list--K_ {
  outline: none;
}

.ProjectsTree__content--YR {
  height: 100%;
  margin-top: calc(var(--ring-unit)*1.5);
}

.ProjectsTree__loader--im {
  margin-top: 13px;
  padding-left: calc(var(--ring-unit)*3.5);

  line-height: calc(var(--ring-unit)*3);
}

.ProjectsTree__loader--im:first-child {
    margin-top: 0;
  }

.ProjectsTree__loaderText--Xb {
  margin-left: 2px;
}

.ProjectsTree__placeholder--Wf {

  display: flex;
  align-items: flex-start;
  flex-direction: column;

  flex-grow: 1;

  margin: calc(var(--ring-unit)*2) 0 0 calc(var(--ring-unit)*4);

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

.ProjectsTree__createButton--RQ {
  margin-top: var(--ring-unit);
}

/* ensure correct styles order */

.EditProjectSidebar__dialog--xY {
  width: calc(var(--ring-unit)*66);
  height: calc(100vh - var(--ring-unit)*8);
  max-height: calc(var(--ring-unit)*72);
}

.EditProjectSidebar__content--mB {
  flex-grow: 1;

  height: 100%;
}

.EditProjectSidebar__treeContent--rh {
  display: flex;
  flex-direction: column;
  flex-grow: 1;

  height: auto;
}

.EditProjectSidebar__treeItemParent--wd {
  flex-grow: 1;
}

.EditProjectSidebar__scrollableWrapper--UA,
.EditProjectSidebar__tree--Ng {
  height: 100%;
  padding: 0;
}

.EditProjectSidebar__header--iS {
  padding: calc(var(--ring-unit)*4) calc(var(--ring-unit)*4) 0;
}

.EditProjectSidebar__shortcuts--Do {

  margin: var(--ring-unit) calc(var(--ring-unit)*4) calc(var(--ring-unit)*2);

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

  font-weight: normal;
}

.EditProjectSidebar__search--Ih {
  width: auto;
  margin-right: calc(var(--ring-unit)*4);
}

.EditProjectSidebar__button--Zb {
  margin-right: var(--ring-unit);
}

.EditProjectSidebar__footer--Mi {
  display: flex;
  align-items: baseline;

  box-shadow: inset 0 1px var(--ring-line-color);

  line-height: calc(var(--ring-unit)*3);
}

.EditProjectSidebar__resetOrder--pu {
  margin-left: auto;
}

.EditProjectSidebar__configureSidebarHint--se {
  transform: translateX(calc(var(--ring-unit)*-2));
}

.ring-tab-trap-trapButton {
  position: absolute;
  left: -9999px;
}

.ring-popup-popup {

  position: fixed;
  z-index: var(--ring-overlay-z-index);
  top: -100vh;
  left: -100vw;

  overflow-y: auto;

  box-sizing: border-box;

  border: 1px solid var(--ring-popup-border-color);
  border-radius: var(--ring-border-radius);

  background-color: var(--ring-popup-background-color);
  box-shadow: var(--ring-popup-shadow);
}

.ring-popup-hidden {
  display: none;
}

.ring-popup-showing {
  opacity: 0;
}

.ring-popup-attached {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ring-alert-alert {
  position: relative;

  display: flex;
  align-items: baseline;

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

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

  border-radius: var(--ring-border-radius);
  background-color: var(--ring-popup-background-color);
  box-shadow: var(--ring-popup-shadow);

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

.ring-alert-alertInline {
  margin: 8px;
}

.ring-alert-error {
  word-wrap: break-word;

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

.ring-alert-icon {
  margin-right: 8px;
}

.ring-alert-caption {
  overflow: hidden;

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

  margin: 12px 0;

  white-space: normal;

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

  line-height: 20px;
}

.ring-alert-caption .ring-link,
  
  .ring-alert-caption .ring-link-link {
    color: var(--ring-main-color);
  }

.ring-alert-caption.ring-alert-withCloseButton {
    margin-right: 40px;
  }

.ring-alert-badge {
  margin-left: 8px;

  vertical-align: baseline;
}

.ring-alert-loader {
  top: 2px;

  margin-right: 8px;
}

.ring-alert-close.ring-alert-close {
  position: absolute;
  top: 2px;
  right: 0;

  margin: 4px;
  padding: 8px;

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

@keyframes ring-alert-show {
  from {
    transform: translateY(100%);

    opacity: 0;
  }

  to {
    transform: translateY(0);

    opacity: 1;
  }
}

@keyframes ring-alert-shaking {
  10%,
  90% {
    transform: translateX(-1px);
  }

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

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

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

.ring-alert-animationOpen {
  animation-name: ring-alert-show;
  animation-duration: 300ms;
}

.ring-alert-animationClosing {
  z-index: var(--ring-invisible-element-z-index);

  opacity: 0;
}

.ring-alert-animationShaking {
  animation-name: ring-alert-shaking;
  animation-duration: 500ms;
}

.ring-container-alertContainer {
  position: fixed;
  z-index: var(--ring-alert-z-index);
  right: 16px;
  bottom: 8px;

  display: flex;
  overflow: visible;
  align-items: flex-end;
  flex-direction: column;

  pointer-events: none;

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

.ring-container-alertInContainer {

  min-width: 240px;
  max-width: 400px;
  margin-top: 0;
}

.ring-dropdown-dropdown {
  display: inline-block;
}

.ring-dropdown-anchor.ring-dropdown-anchor {
  margin: 0 -3px;
  padding: 0 3px;

  font: inherit;
}

.ring-dropdown-chevron {
  margin-left: 2px;

  line-height: normal;
}

.ring-heading-heading {

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

.ring-heading-heading:first-child {
    margin-top: 0;
  }

.ring-heading-heading:is(h1, h2) {
    margin-bottom: 8px;

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

.ring-heading-heading:is(h1) {
    font-size: 24px;
    line-height: 28px;
  }

.ring-heading-heading:is(h2) {
    font-size: 20px;
    line-height: 24px;
  }

.ring-heading-heading:is(h3) {
    margin-bottom: 0;

    font-size: 16px;
    line-height: 22px;
  }

.ring-heading-heading:is(h4) {
    margin-bottom: 1px;

    letter-spacing: 1px;
    text-transform: uppercase;

    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
  }

.ring-heading-caps {
  letter-spacing: 2px;
  text-transform: uppercase;
}

.Link__link--ZK {
  border-radius: var(--ring-border-radius);
}

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

.RouterLink__link--VM {
}

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

  color: inherit;
}}

.MiddleEllipsis__middleEllipsis--Ei {
  position: relative;

  display: inline-block;

  max-width: 100%;

  white-space: nowrap;

  text-decoration: inherit;
}

.MiddleEllipsis__visible--jz {
  position: relative;

  display: inline-flex;

  align-items: baseline;

  max-width: 100%;

  text-decoration: inherit;

  pointer-events: none;
}

.MiddleEllipsis__visible--jz::before,
  .MiddleEllipsis__visible--jz::after {
    display: block;

    text-decoration: inherit;
  }

.MiddleEllipsis__visible--jz::before {
    overflow: hidden;

    min-width: 0;

    content: attr(data-head);
    text-overflow: ellipsis;
  }

.MiddleEllipsis__visible--jz::after {
    flex-shrink: 0;

    content: attr(data-tail);
  }

/* Fix invisible selection in FF */
@-moz-document url-prefix('') {
  .MiddleEllipsis__visible--jz::before,
  .MiddleEllipsis__visible--jz::after {
    z-index: var(--ring-fixed-z-index);
  }
}

.MiddleEllipsis__searchable--uZ {
  position: absolute;

  top: 0;
  right: 0;
  left: 0;

  overflow: hidden;

  color: transparent;
}

.ErrorPage__errorPage--Zm {
  padding-top: calc(50vh - var(--ring-unit)*30);

  text-align: center;
}

.ErrorPage__image--ee {
  margin: calc(var(--ring-unit)*-4) calc(var(--ring-unit)*-6) 0 calc(var(--ring-unit)*-13.5);

  vertical-align: calc(var(--ring-unit)*-22.5);
}

.ErrorPage__text--PG {
  display: inline-block;

  max-width: calc(var(--ring-unit)*56.5);

  text-align: left;
}

.ErrorPage__code--Lj.ErrorPage__code--Lj,
.ErrorPage__title--XT.ErrorPage__title--XT {
  margin: 0;

  font-size: 32px;
  line-height: 34px;
  overflow-wrap: break-word;
}

.ErrorPage__title--XT.ErrorPage__title--XT {
  margin-bottom: 13px;
}

.ErrorPage__description--XD {

  margin-top: 0;
}

.ErrorPage__details--GV {
  height: auto;
}

.ErrorPage__details--GV.ErrorPage__details--GV svg {
  vertical-align: middle;
}

.ErrorPage__detailsPopup--U0 {
  padding: var(--ring-unit) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);
}

.ErrorPage__retry--Oj {
  margin-right: var(--ring-unit);
}

.Avatar__wrapper--ie {
  position: relative;

  display: inline-block;

  margin-right: calc(var(--ring-unit)*0.5);
}

.Avatar__avatar--VU {
  display: inline-block;
  overflow: hidden;

  vertical-align: -5px;

  color: transparent;
}

.Avatar__withOutline--Kc::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  content: '';

  border-radius: var(--ring-border-radius);

  box-shadow: 0 0 0 1px rgba(184, 209, 229, 0.4) inset;
}

.Avatar__my--SO::after {
  box-shadow: 0 0 0 1.5px var(--ring-main-color) inset;
}

:root {
  --ring-header-link-color: var(--ring-link-color);
}

.ring-variables_dark-dark,
.ring-ui-theme-dark {
  --ring-header-link-color: var(--ring-text-color);
}

.ring-header-header {
  display: flex;
  overflow: hidden;
  align-items: center;

  box-sizing: border-box;
  height: 64px;

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

  background-color: var(--ring-navigation-background-color);

  line-height: 61px;
}

.ring-header-header > * {
    display: inline-block;

    box-sizing: border-box;
    height: 64px;
    padding: 0 12px 3px;
  }

/* override link */

.ring-header-header .ring-link-link {
    color: var(--ring-link-color);
    color: var(--ring-header-link-color);
  }

.ring-header-header .ring-link-active {
    color: var(--ring-active-text-color);
  }

.ring-header-headerSpaced > *:first-child {
    padding-left: 32px;
  }

.ring-header-headerSpaced > *:last-child {
    padding-right: 32px;
  }

.ring-header-logo {
  display: inline-flex;
  align-items: center;

  height: 64px;

  color: var(--ring-navigation-background-color);

  line-height: normal;
}

.ring-header-logo svg {
    vertical-align: bottom;
  }

.ring-header-tray {
  align-items: flex-end;

  margin-left: auto;
  padding: 0 0 3px;
}

/* override .header > * */
.ring-header-tray.ring-header-tray {
  display: flex;
}

.ring-header-trayItemContent {
  height: 61px;
}

.ring-header-icon {
  width: 40px;

  text-align: center;

  vertical-align: top;
}

/* override button */
.ring-header-icon.ring-header-icon {
  height: 61px;

  padding-top: 4px;

  line-height: 61px;
}

.ring-header-main svg {
  color: var(--ring-main-color);
}

.ring-header-rotatable svg {
  transition: transform 0.3s ease-out;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
}

.ring-header-rotated svg {
  transform: rotate(90deg);
}

.ring-header-profileEmpty {
  align-items: center;

  width: auto;
  height: 61px;
  padding-left: 8px;

  vertical-align: bottom;
}

/* override dropdown */
.ring-header-profileEmpty.ring-header-profileEmpty {
  display: inline-flex;
}

.ring-header-profile {

  height: 61px;

  cursor: pointer;
}

.ring-header-avatarWrapper {

  line-height: 0;
}

.ring-header-hasUpdates {
  position: relative;
}

.ring-header-hasUpdates::after {
    position: absolute;
    top: calc(15% - 5px);
    right: calc(15% - 5px);

    display: block;

    width: 8px;
    height: 8px;

    content: "";

    border: 1px solid var(--ring-white-text-color);
    border-radius: 50%;
    background-color: var(--ring-link-hover-color);
  }

.Header__container--Cv {
  --ring-text-color: #bbb;
  --ring-main-color: #72bbff;

  display: flex;

  width: 100%;
  height: calc(var(--ring-unit)*8);
}

.Header__text--Nb {
  color: var(--ring-text-color);
}

.Header__icon--HN {
  color: var(--ring-icon-color);
}

.Header__headerModule1--Bp {
  display: flex;
  align-content: center;
  align-items: center;
  flex: 1 1;
  justify-content: flex-end;

  margin-right: calc(var(--ring-unit)/2);
  justify-items: flex-end;
}

.Header__tray--Hw {
  flex: 1 1 !important;
  justify-content: flex-end;

  margin: 0 !important;
  justify-items: flex-end;
}

.Header__trayItem--bF {
  height: 61px;
}

.Header__login--gm {
  margin-left: calc(var(--ring-unit)*3);
}

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

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

.Header__guest--RM {
  background-color: #008eff;
}

.Header__rightWrapper--x4 {
  display: flex;
}

.Header__headerPlaceholder--Sp {
  height: calc(var(--ring-unit)*8);

  background-color: var(--tc-message-background-color);
}

.Header__avatarWrapper--JT {

  cursor: pointer;
}

.Header__avatar--Yp {
  margin: 0;
}

.Header__avatarInner--Qx {
  overflow: visible;

  vertical-align: calc(var(--ring-unit)*-1.5);
}

.HealthItem__theme--TY {
  box-sizing: border-box;

  padding: 0 calc(var(--ring-unit)*4);

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

.HealthItem__container--bB {
  position: relative;

  display: flex;
  align-items: baseline;
  justify-content: stretch;

  padding-left: calc(var(--ring-unit)/2);

  border-top: 1px solid var(--ring-line-color);
}

.HealthItem__container--bB .HealthItem__icon--df svg {
    vertical-align: text-top !important;
  }

.HealthItem__renderBeforeHeader--pQ {
  border-top: none;
  border-bottom: 1px solid var(--ring-line-color);
}

.HealthItem__content--cW {
  width: 100%;
  padding: var(--ring-unit) calc(var(--ring-unit)*18) var(--ring-unit) calc(var(--ring-unit)/2);
}

.HealthItem__hideButtons--VZ {
  position: absolute;
  top: 6px;
  right: 0;

  padding-right: 0;

  padding-left: 0;

  text-align: right;
}

.HealthItem__error--RZ {
  color: var(--ring-error-color);
}

.HealthItem__error--RZ h1, .HealthItem__error--RZ h2, .HealthItem__error--RZ h3, .HealthItem__error--RZ h4, .HealthItem__error--RZ h5, .HealthItem__error--RZ h6 {
    color: var(--ring-error-color);
  }

.HealthItem__warning--Tw {
  color: var(--ring-warning-color);
}

.HealthItem__warning--Tw h1, .HealthItem__warning--Tw h2, .HealthItem__warning--Tw h3, .HealthItem__warning--Tw h4, .HealthItem__warning--Tw h5, .HealthItem__warning--Tw h6 {
    color: var(--ring-warning-color);
  }

.HealthItem__info--Yw {
  color: var(--ring-navigation-background-color);
}

.HealthItem__info--Yw h1, .HealthItem__info--Yw h2, .HealthItem__info--Yw h3, .HealthItem__info--Yw h4, .HealthItem__info--Yw h5, .HealthItem__info--Yw h6 {
    color: var(--ring-navigation-background-color);
  }

.HealthItem__toggleButton--jr {
  position: absolute;
  top: 7px;

  right: 0;

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

.HealthItem__icon--df {
  padding-top: var(--ring-unit);

  color: currentColor;
}

.HealthItem__error--RZ .HealthItem__icon--df {
  color: var(--ring-icon-error-color);
}

.HealthItem__warning--Tw .HealthItem__icon--df {
  color: var(--ring-icon-warning-color);
}

.HealthItem__popupIcon--EB {
  margin-right: var(--ring-unit);
}

.HealthItem__truncatedContainer--OM {
  cursor: pointer;
}

.HealthItem__dialog--qY {
  width: calc(var(--ring-unit)*100);
  min-width: calc(var(--ring-unit)*100);
  max-height: calc(var(--ring-unit)*70);
}

.HealthItem__contentPanel--rk {
  border-bottom: 1px solid var(--ring-popup-border-color) !important;
}

.HealthItem__hideExplanation--I7 {
  margin-top: 0;
}

.HealthItem__fallbackHealthItem--My {
  height: calc(var(--ring-unit)*4.5);

  background-color: #111314;
}

.HealthItem__markdown--g9 {
  width: 100%;
  padding: var(--ring-unit) calc(var(--ring-unit)*18) var(--ring-unit) var(--ring-unit);

  font-size: var(--ring-font-size-smaller);
  line-height: 1.6em; /* legacy health items have 1.6em line height */
}

.HealthItem__markdown--g9 h1 {
    font-size: 18px;
  }

.HealthItem__markdown--g9 h2 {
    font-size: 17px;
  }

.HeaderBanner__placeholder--bB,
.HeaderBanner__wrapper--eo {
  background-color: var(--ring-popup-background-color);
}

.HeaderBanner__wrapper--eo {
  padding: 0 calc(var(--ring-unit)*4);
}

.HeaderBanner__content--PM {
  display: flex;
  align-items: center;

  box-sizing: border-box;

  height: calc(var(--ring-unit)*4);

  padding-top: var(--ring-unit);

  padding-bottom: var(--ring-unit);

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

  border-bottom: 1px solid var(--ring-line-color);

  font-size: 14px;
}

.HeaderBanner__description--cK {
  overflow: hidden;

  margin-left: auto;
  padding-left: calc(var(--ring-unit)*4);

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

  line-height: 1.2em;
}

.HeaderBanner__actions--Ji {
  flex-shrink: 0;

  margin-left: auto;
}

.HeaderBanner__feedback--yf {
  color: var(--ring-secondary-color);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.HeaderBanner__feedback--yf:hover {
    color: var(--ring-secondary-color);
  }}

.HeaderBanner__feedbackIcon--Ze {
  padding-right: calc(var(--ring-unit)/2);
  padding-left: var(--ring-unit);

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.HeaderBanner__feedbackIcon--Ze:hover {
    color: var(--ring-secondary-color);
  }}

.ring-panel-panel { /* TODO: Invert dependency using :externals CSS Modules selector */

  position: relative;

  margin-top: 16px;
  padding: 16px 32px 32px;

  border-top: 1px solid var(--ring-popup-border-color);
}

.ring-panel-panel:empty {
    display: none;
  }

.ring-panel-panel > button:not(:last-child) {
    margin-right: 8px;
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.HelpDropdown__customLink--QL.HelpDropdown__plugin--BA.HelpDropdown__plugin--BA:hover {
  background: none;
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.HelpDropdown__customLink--QL:hover .HelpDropdown__customLinkIcon--Cy {
  transition: none;

  color: var(--ring-border-hover-color);
}}

.HelpDropdown__dropdown--vr {
  margin-left: calc(var(--ring-unit)/2);

  vertical-align: -3px;
}

.HelpDropdown__customLinkIcon--Cy {
  margin-right: var(--ring-unit);

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

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

.HelpDropdown__experimentIcon--Wp {

  margin: 0 6px 0 -2px;
}

.HelpDropdown__customLink--QL:focus .HelpDropdown__customLinkIcon--Cy {
  transition: none;

  color: var(--ring-border-hover-color);
}

.HelpDropdown__customLink--QL:active .HelpDropdown__customLinkIcon--Cy {
  transition: none;

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

.HelpDropdown__customLink--QL.HelpDropdown__plugin--BA.HelpDropdown__plugin--BA {
  padding: 0;
}

/* stylelint-disable-next-line selector-max-specificity */
.HelpDropdown__customLink--QL.HelpDropdown__plugin--BA.HelpDropdown__plugin--BA:focus {
  background: none;
}

.SakuraRelease-popup__wrapper--R8 {
  min-width: calc(var(--ring-unit)*120);
  padding: calc(var(--ring-unit)*1) 0;

  text-align: left;
}

.SakuraRelease-popup__content--LL {
  display: flex;
}

.SakuraRelease-popup__description--j6 {
  display: flex;
  flex-direction: column;
}

.SakuraRelease-popup__controls--a1 {
  display: flex;

  margin-top: calc(var(--ring-unit)*1.5);
}

.SakuraRelease-popup__image--iw {
  width: calc(var(--ring-unit)*60);
  margin: calc(var(--ring-unit)*2) 0 var(--ring-unit) auto;
}

.SakuraRelease-popup__header--jx.SakuraRelease-popup__header--jx {
  display: flex;

  margin: calc(var(--ring-unit)*1.5) 0 calc(var(--ring-unit)*2);

  font-size: 24px;
}

.SakuraRelease-popup__text--s0 {
  margin-top: 0;
  margin-bottom: calc(var(--ring-unit)*1.5);
  padding: 0;

  font-size: 14px;
  line-height: 1.43;
}

.SakuraRelease-popup__button--bk {
  font-size: 12px;
}

.SakuraRelease-popup__link--jR {
  margin-left: var(--ring-unit);
}

.SakuraRelease__placeholder--q3 {
  background-color: var(--ring-popup-background-color);
}

.SakuraRelease__content--on {
  display: flex;
  align-items: baseline;

  margin-left: calc(var(--ring-unit)*2);
}

.SakuraRelease__controls--Sh {
  flex-shrink: 0;
}

.SakuraRelease__more--LT {
  margin-left: var(--ring-unit);

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

  font-size: 14px;
}

.SakuraRelease__more--LT.SakuraRelease__more--LT,
.SakuraRelease__switch--Uc {
  margin-right: var(--ring-unit);

  background: none;
}

.ring-avatar-avatar {
  display: inline-block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;

  /* This is a "graceful degradation" fallback, while the real value is controlled by JS */

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

.ring-avatar-subavatar {
  position: absolute;
  top: 15px;
  left: 27px;

  border: 1px var(--ring-content-background-color) solid;
}

.ring-avatar-empty {
  display: inline-block;

  box-sizing: border-box;

  border: 1px solid var(--ring-borders-color);
}

.ring-confirm-description {
  margin-top: 8px;

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

.AvatarEditor__container--SD {
  display: inline-block;

  line-height: calc(var(--ring-unit)*5);
}

.AvatarEditor__fileInputWrapper--tw {
  position: relative;

  display: inline-block;

  margin-right: var(--ring-unit);
}

.AvatarEditor__fileInput--Bv {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;

  width: 100%;

  opacity: 0;
}

.AvatarEditor__fileInputLabel--hd {
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.AvatarEditor__fileInput--Bv:hover + .AvatarEditor__fileInputLabel--hd {
  transition: none;

  box-shadow: inset 0 0 0 1px var(--ring-border-hover-color);
}}

.AvatarEditor__fileInput--Bv.focusVisible + .AvatarEditor__fileInputLabel--hd {
  transition: none;

  box-shadow: inset 0 0 0 1px var(--ring-border-hover-color), 0 0 0 1px var(--ring-border-hover-color);
}

.AvatarEditor__fileInput--Bv:active + .AvatarEditor__fileInputLabel--hd {
  transition: none;

  box-shadow: inset 0 0 0 1px var(--ring-main-color);
}

.AvatarEditor__fileInput--Bv[disabled] + .AvatarEditor__fileInputLabel--hd {
  color: var(--ring-disabled-color);
  background-color: var(--ring-disabled-background-color);
  box-shadow: inset 0 0 0 1px var(--ring-border-disabled-color);
}

.AvatarEditor__avatarWrapper--Ak {
  margin-right: calc(var(--ring-unit)*2);
}

.AvatarEditor__avatar--hj {
  vertical-align: -15px;
}

.AvatarEditor__dialog--yA {
  width: auto;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BranchLabel__link--r7:hover {
  box-shadow: none;
}

  .BranchLabel__link--r7:hover *::-moz-selection {
    color: var(--ring-content-background-color);
    background-color: var(--ring-link-hover-color);
  }

  .BranchLabel__link--r7:hover *::selection {
    color: var(--ring-content-background-color);
    background-color: var(--ring-link-hover-color);
  }}

:root {
  --tc-default-branch-background-color: #8ccbff;
}

/* stylelint-disable-next-line selector-class-pattern */
.ring-ui-theme-dark,
.ring-variables_dark-dark {
  --tc-default-branch-background-color: #0d5087;
}

.BranchLabel__buildBranch--XC {
  display: inline-block;

  box-sizing: border-box;
  max-width: 100%;
  height: 20px;
  padding: 0 var(--ring-unit);

  -webkit-user-select: text;

     -moz-user-select: text;

          user-select: text;
  transition: color var(--ring-fast-ease), background-color var(--ring-fast-ease), box-shadow var(--ring-fast-ease);
  white-space: nowrap;

  border-radius: var(--ring-border-radius);
  background-color: var(--ring-selected-background-color);

  font-size: var(--ring-font-size-smaller);
  font-weight: normal;
  line-height: var(--ring-line-height);
}

.BranchLabel__innerLink--7E {
  display: inline-flex;

  overflow: hidden;

  width: 100%;
}

.BranchLabel__low--aT {
}

.BranchLabel__link--r7 {
  color: var(--ring-link-color);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BranchLabel__link--r7:hover .BranchLabel__innerLink--7E {
    border-bottom-width: 0;
  }}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BranchLabel__link--r7:hover {
    color: var(--ring-white-text-color);
    outline: none;
    background-color: var(--ring-main-color);
  }}

.BranchLabel__link--r7:focus {
    color: var(--ring-white-text-color);
    outline: none;
    background-color: var(--ring-main-color);
  }

.BranchLabel__link--r7:focus .BranchLabel__innerLink--7E {
    border-bottom-width: 0;
  }

.BranchLabel__autoTrim--t1 {
  max-width: 100%;
}

.BranchLabel__defaultTrim--f2 {
  max-width: calc(var(--ring-unit)*23);
}

.BranchLabel__withBorder--O9 {
  box-shadow: 0 0 0 1px var(--ring-borders-color) inset;
}

.BranchLabel__withIcon--i8 {
  color: var(--ring-text-color);
}

.BranchLabel__main--RY {
  color: var(--ring-text-color);
  background-color: #8ccbff;
  background-color: var(--tc-default-branch-background-color);
}

.BranchLabel__main--RY,
.BranchLabel__link--r7:focus {
  box-shadow: none;
}

.BranchLabel__main--RY *::-moz-selection, .BranchLabel__link--r7:focus *::-moz-selection {
    color: var(--ring-content-background-color);
    background-color: var(--ring-link-hover-color);
  }

.BranchLabel__main--RY *::selection, .BranchLabel__link--r7:focus *::selection {
    color: var(--ring-content-background-color);
    background-color: var(--ring-link-hover-color);
  }

.BranchLabel__icon--Rj {
  margin-right: calc(var(--ring-unit)/8);

  -webkit-user-select: auto;

     -moz-user-select: auto;

          user-select: auto;
}

.ring-tooltip-tooltip {
  max-width: 400px;
  padding: 8px;

  text-align: left;

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

.ring-tooltip-long {
  padding: 8px 12px;

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.BuildApproval__popup--AC {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.BuildApproval__popup--AC .BuildApproval__user--s8 {
    display: block;

    padding-bottom: calc(var(--ring-unit)/2);
  }

.BuildApproval__popup--AC .BuildApproval__user--s8:not(.BuildApproval__withAvatar--eP) {
    padding: 0;
  }

.BuildApproval__popup--AC .BuildApproval__status--HU {
    padding-left: calc(var(--ring-unit)/2);
  }

.BuildApproval__popup--AC .BuildApproval__noApproves--I0 {
    display: block;
  }

/* stylelint-disable-next-line selector-max-specificity */

.BuildApproval__inline--Gm .BuildApproval__user--s8.BuildApproval__withAvatar--eP:not(.BuildApproval__folded--TS) {
    padding-right: var(--ring-unit);
  }

/* stylelint-disable-next-line selector-max-specificity */

.BuildApproval__inline--Gm .BuildApproval__user--s8.BuildApproval__user--s8:last-of-type {
    padding-right: calc(var(--ring-unit)*1.5);
  }

.BuildApproval__inline--Gm .BuildApproval__username--Ma {
    padding-right: calc(var(--ring-unit)/2);
  }

.BuildApproval__inline--Gm .BuildApproval__group--cq {
    padding-right: var(--ring-unit);
  }

.BuildApproval__inline--Gm .BuildApproval__group--cq .BuildApproval__username--Ma {
    padding-left: calc(var(--ring-unit)/2);
  }

.BuildApproval__group--cq .BuildApproval__approved--ES,
.BuildApproval__approved--ES .BuildApproval__status--HU {
  color: var(--ring-success-color);
}

.BuildApproval__group--cq .BuildApproval__awaits--Ll,
.BuildApproval__approvalsLeft--Bh,
.BuildApproval__awaits--Ll .BuildApproval__status--HU {
  color: #cc8b00;
}

.BuildApproval-inline__approveButton--Qq {
  margin-top: calc(var(--ring-unit)/2);
  margin-right: var(--ring-unit);

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

.DetailsApproval__awaits--_h {
  color: #cc8b00;
}

.DetailsApproval__refused--m3 {
  color: var(--ring-error-color);
}

.DetailsApproval__approved--PM {
  color: var(--ring-success-color);
}

.DetailsApproval__readonly--jN {
  color: var(--ring-secondary-color);
}

.DetailsApproval__popup--IO {
  min-width: calc(var(--ring-unit)*35);
}

.DetailsApproval__popup--IO.DetailsApproval__withControls--b_ {
  min-width: calc(var(--ring-unit)*43);
}

.DetailsApproval__popupContent--eF {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;

  padding: calc(var(--ring-unit)*2);
}

.DetailsApproval__approve--cD {
  margin-left: calc(var(--ring-unit)*2);
}

.ArtifactsDownloadAll__downloadIcon--OM {
  margin-right: calc(var(--ring-unit)/2);

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

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

.ArtifactsDownloadAll__downloadLink--NI {
  z-index: var(--ring-overlay-z-index);

  padding: 0 10px 2px;

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

  line-height: calc(var(--ring-unit)*3 - 2px);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ArtifactsDownloadAll__downloadLink--NI:hover .ArtifactsDownloadAll__downloadIcon--OM {
    transition: none;

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

.ArtifactsDownloadAll__downloadLink--NI:focus .ArtifactsDownloadAll__downloadIcon--OM {
    transition: none;

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

.ArtifactsDownloadAll__downloadLink--NI:active .ArtifactsDownloadAll__downloadIcon--OM {
    transition: none;

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

.BuildArtifactStorageInfo__info--sS {
  margin-top: var(--ring-unit);
  margin-left: calc(var(--ring-unit)*4);
}

.FileTreeNode__item--_n {
  position: relative;

  list-style-type: none;

  cursor: pointer;

  line-height: calc(var(--ring-unit)*3 - 2px);
}

.FileTreeNode__link--XW {
  flex-grow: 1;

  border-radius: 0;
}

.FileTreeNode__link--XW,
.FileTreeNode__innerLink--ag {
  color: var(--ring-text-color);
}

.FileTreeNode__heading--cd,
.FileTreeNode__link--XW {
  display: flex;
  align-items: baseline;

  padding-right: var(--ring-unit);
  padding-bottom: 2px;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.FileTreeNode__heading--cd:hover, .FileTreeNode__link--XW:hover {
    background: var(--ring-selected-background-color);
  }}

.FileTreeNode__item--_n:focus > .FileTreeNode__heading--cd,
.FileTreeNode__link--XW:focus {
  background: var(--ring-selected-background-color);
  box-shadow: inset 2px 0 var(--ring-main-color);
}

.FileTreeNode__item--_n:focus,
.FileTreeNode__link--XW:focus {
  outline: none;
}

/* stylelint-disable-next-line */
.FileTreeNode__interactive--J_ {}

.FileTreeNode__chevronIcon--rP {
  position: absolute;
  top: 0;

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

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

.FileTreeNode__item--_n:focus > .FileTreeNode__heading--cd > .FileTreeNode__chevronIcon--rP, .FileTreeNode__heading--cd:hover > .FileTreeNode__chevronIcon--rP {
    transition: none;

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

.FileTreeNode__item--_n:active > .FileTreeNode__heading--cd:hover > .FileTreeNode__chevronIcon--rP {
    transition: none;

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

.FileTreeNode__interactive--J_.FileTreeNode__interactive--J_:hover ~ .FileTreeNode__chevronIcon--rP, .FileTreeNode__interactive--J_.FileTreeNode__interactive--J_:active ~ .FileTreeNode__chevronIcon--rP {
    transition: color var(--ring-ease);

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

.FileTreeNode__name--qy {
  margin-right: var(--ring-unit);
  margin-left: calc(var(--ring-unit)/2);
}

.FileTreeNode__link--XW .FileTreeNode__name--qy {
  line-height: var(--ring-line-height-lower);
}

.FileTreeNode__innerLink--ag {
}

.FileTreeNode__icon--Cv {
  color: rgba(154, 167, 176, 0.8);

  line-height: normal;
}

.FileTreeNode__size--Ow {
  margin-right: var(--ring-unit);

  white-space: nowrap;

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

.FileTreeNode__extensionIcon--DK {
}

.BuildArtifactsTree__tree--JK {
  margin: 0;
  padding: 0;
}

.BuildArtifactsTree__root--TK {
  margin-bottom: var(--ring-unit);
}

.BuildArtifactsTree__autoWidth--pk {
  display: inline-block;

  min-width: calc(var(--ring-unit)*40);
}

.BuildArtifactsTree__container--z0 {
  position: relative;
}

.BuildArtifactsTree__toggleHidden--Ke {
  display: block;

  margin-left: calc(var(--ring-unit)*4);
}

.BuildArtifactsTree__secondary--Lb {
  color: var(--ring-secondary-color);
}

.BuildArtifactsTree__noteHidden--CI {
  margin: 0 calc(var(--ring-unit)*4);

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

.BuildArtifactsTree__noArtifacts--jQ {
  margin: 0 calc(var(--ring-unit)*4) var(--ring-unit);
}

.BuildArtifactsTree__downloadLink--lO {
  position: absolute;
  top: 0;
  right: 0;
}

.BuildArtifactsTree__artifactsSize--O3 {
  padding: 0 calc(var(--ring-unit)*4);
}

.BuildArtifactsTree__noArtifactsHint--xt {
  max-width: 260px;

  margin-top: var(--ring-unit);
}

.BuildArtifacts__wrapper--BO {
  display: inline-block;
}

.BuildArtifacts__popup--CY {
  max-height: 50vh;
}

.BuildArtifacts__popupContent--NT {
  padding: calc(var(--ring-unit)*2) 0 calc(var(--ring-unit)*3);

  text-align: left;
}

.BuildArtifacts__hint--Eb {
  width: calc(var(--ring-unit)*28);
}

.BuildArtifacts__titleLink--H6 {
  display: block;

  padding: 0 calc(var(--ring-unit)*4);

  line-height: calc(var(--ring-unit)*3);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BuildArtifacts__titleLink--H6:hover {
    background-color: var(--ring-selected-background-color);
  }}

.BuildArtifacts__titleLink--H6:focus {
    background-color: var(--ring-selected-background-color);
  }

.BuildArtifacts__titleLink--H6:focus {
    outline: none;
    box-shadow: inset 2px 0 var(--ring-main-color);
  }

.BuildArtifacts__text--dk {
  margin-left: calc(var(--ring-unit)/4);
}

.BuildArtifacts__chevron--B8 {
  margin-left: 2px;

  line-height: normal;
}

.Icon__tcIcon--yo {
  display: inline-block;

  background-repeat: no-repeat;

  line-height: normal;
}

.Icon__sprite--FP {
  width: 13px;
  height: 13px;

  background-image: url(teamcity-sprite@2x.png);
  background-size: 240px 634px;
}

.Icon__spinning--rQ svg {
    position: relative;
    z-index: 4; /* should be unique for different composite layer */

    transform-origin: 50% 50%;
  }

.Icon__spinningPerson--lB {

  position: absolute;
  top: 0;
  left: 0;
}

.Icon__spinningPerson--lB path {
    display: none;
  }

.Icon__spinningPerson--lB .secondary {
    display: block;
  }

.Icon__spinningPerson--lB svg {
    transform-origin: 68.38% 68.75%;
  }

.Icon__staticPerson--sR .secondary {
  display: none;
}

.Icon__spinning--rQ .arrow {
  display: none;
}

.Icon__detached--li {
  position: absolute;

  top: 0;
  left: 0;
}

.Icon__detached--li svg path {
    display: none;
  }

.Icon__detached--li svg .arrow {
    display: block;
  }

.Icon__big--Xc .Icon__spinningPerson--lB svg {
  transform-origin: 70% 70%;
}

.Icon__spinning--rQ.Icon__animate--hC svg {
  animation: Icon__spin--Jp 1.8s linear infinite;
}

.Icon__wrapper--_O {
  position: relative;
}

.Icon__spinning--rQ .Icon__staticPerson--sR svg,
.Icon__spinning--rQ .Icon__detached--li svg {
  animation: none;
}

.Icon__spinning--rQ .Icon__staticPerson--sR .arrow {
  display: block;
}

@keyframes Icon__spin--Jp {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.Icon__gray--SX {
  color: var(--ring-icon-secondary-color);
}

.Icon__green--aD {
  color: var(--ring-icon-success-color);
}

.Icon__red--nd {
  color: var(--ring-icon-error-color);
}

.Icon__warning--nP {
  color: var(--ring-icon-warning-color);
}

.Icon__blue--UT {
  color: var(--ring-main-color);
}

.Icon__darkblue--IL {
  color: var(--tc-icon-main-color);
}

.Icon__gray--SX.Icon__secondary--o9 .secondary,
  .Icon__gray--SX.Icon__secondary--o9 .arrow {
    fill: var(--ring-icon-secondary-color);
  }

.Icon__green--aD.Icon__secondary--o9 .secondary,
  .Icon__green--aD.Icon__secondary--o9 .arrow {
    fill: var(--ring-icon-success-color);
  }

.Icon__red--nd.Icon__secondary--o9 .secondary,
  .Icon__red--nd.Icon__secondary--o9 .arrow {
    fill: var(--ring-icon-error-color);
  }

.Icon__my--On {
  color: var(--ring-main-color);
}

.Icon__spinning--rQ.Icon__green--aD .Icon__spinningPerson--lB {
    color: var(--ring-icon-success-color);
  }

.Icon__spinning--rQ.Icon__red--nd .Icon__spinningPerson--lB {
    color: var(--ring-icon-error-color);
  }

.Icon__red--nd.Icon__animate--hC svg {
  animation-direction: reverse;
}

.Icon__personal--kd {
  color: var(--ring-icon-secondary-color);
}

.Icon__arrowRight--Ie {
  transform: rotate(-90deg);
  transform-origin: 50% 55%;
}

.Icon__dropdownTrigger--Id {

  vertical-align: -2px;

  background-position: -160px -142px;
}

.Icon__dropdownTriggerSpecial--ru {

  width: 17px;

  height: 22px;

  background-position: 0 -460px;
}

.Icon__runningStatic--RL.Icon__spinning--rQ svg {
  animation: none;
}

.BuildDurationAnchor__buildDuration--qG {

  display: inline-flex;
  align-items: baseline;
  justify-content: flex-end;

  margin-left: calc(0px - var(--ring-unit));
  padding-left: var(--ring-unit);

  text-align: right;

  white-space: nowrap;

  font-weight: normal;
}

.BuildDurationAnchor__placeholder--Bb {
  width: calc(var(--ring-unit)*14);
}

.BuildDurationAnchor__placeholder--Bb::before {
    content: '.';

    color: transparent;
  }

.BuildDurationAnchor__low--NM {
}

.BuildDurationAnchor__text--ls {
  padding-right: var(--ring-unit);
}

.BuildDurationAnchor__textForOvertime--aX {
  padding-right: 0;
  padding-left: 20px;
}

.BuildDurationAnchor__icon--U8 {
  position: absolute;
  top: 1px;
  left: 2px;

  color: inherit;
}

.BuildDurationAnchor__wrapper--Ip {

  position: relative;
  z-index: 1;

  overflow: hidden;

  width: calc(var(--ring-unit)*14);

  margin: 0;
  padding: 0 0 1px;

  cursor: default;

  white-space: nowrap;

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

.BuildDurationAnchor__wrapperSuccess--Ii {
  color: var(--ring-text-color);
  background-color: var(--tc-success-background-color);
}

.BuildDurationAnchor__wrapperSuccess--Ii .BuildDurationAnchor__icon--U8 {
    color: var(--tc-icon-main-color);
  }

.BuildDurationAnchor__wrapperFailure--Hh {
  color: var(--ring-error-color);
  background-color: var(--tc-error-background-color);
}

.BuildDurationAnchor__wrapperFailure--Hh > .BuildDurationAnchor__icon--U8 {
    color: var(--ring-icon-error-color);
  }

.BuildDurationAnchor__wrapperSuccess--Ii.BuildDurationAnchor__withBorder--yu {
  box-shadow: 0 0 0 1px rgba(122, 204, 139, 0.5) inset;
}

.BuildDurationAnchor__wrapperFailure--Hh.BuildDurationAnchor__withBorder--yu {
  box-shadow: 0 0 0 1px rgba(194, 39, 49, 0.5) inset;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .BuildDurationAnchor__wrapperSuccess--Ii.BuildDurationAnchor__withBorder--yu {
    box-shadow: 0 0 0 0.5px var(--tc-success-progress-color) inset;
  }

  .BuildDurationAnchor__wrapperFailure--Hh.BuildDurationAnchor__withBorder--yu {
    box-shadow: 0 0 0 0.5px var(--ring-error-color) inset;
  }
}

.BuildDurationAnchor__wrapperOvertime--WH {
  text-align: left;
}

.BuildDurationAnchor__progress--sN {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;

  overflow: hidden;

  height: calc(var(--ring-line-height) + 1px);

  text-align: right;

  color: var(--tc-success-text-color);

  border-radius: var(--ring-border-radius) 0 0 var(--ring-border-radius);
  background-color: var(--tc-success-progress-color);
}

.BuildDurationAnchor__progressFailure--Eg {
  color: var(--ring-white-text-color);
  background-color: var(--ring-error-color);
}

.BuildDurationAnchor__progressOvertime--wq {
  text-align: left;
}

.BuildDurationAnchor__startedFinished--XF {
  color: var(--ring-secondary-color);
}

.BuildDurationAnchor__durationFinished--ef {
  margin-left: var(--ring-unit);
}

.BuildDurationAnchor__firstRunSuccessful--A_ {
  color: var(--ring-success-color);
}

.BuildDurationAnchor__firstRunFailure--po {
  color: var(--ring-error-color);
}

.BuildDurationAnchor__exactDuration--pF {
  display: inline-block;

  min-width: calc(var(--ring-unit)*12);

  margin-left: 0;
}

.BuildDurationAnchor__exactStarted--CJ {
  margin-left: 0;
}

.LinkWithIcon__link--jt {
  display: inline-flex;
  align-items: baseline;

  max-width: 100%;
}

.LinkWithIcon__icon--xA {
  flex-shrink: 0;
}

.LinkWithIcon__text--hJ {
  overflow: hidden;

  min-width: 0;

  padding-bottom: 1px;
}

.LinkWithIcon__left--uI {
  margin-right: calc(var(--ring-unit)/2);
}

.LinkWithIcon__right--1K {
  order: 1;

  margin-left: calc(var(--ring-unit)/2);
}

.LinkWithIcon__popup--Ar {
  display: block;
}

.AgentLink__agentLink--oz {

  display: inline-flex;

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

.AgentLink__icon--rd {
  flex-shrink: 0;

  width: calc(var(--ring-unit)*2);

  margin-right: 4px;

  text-align: center;

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

.AgentLink__secondary--ds {

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

.AgentLink__secondary--ds .AgentLink__icon--rd {
    color: var(--ring-icon-secondary-color);
  }

.AgentLink__withoutLink--qD {
  display: inline-flex;
  align-items: baseline;

  max-width: 100%;
}

.AgentLink__onlyText--LS {
  overflow: hidden;
}

.BuildDurationDetails__buildDurationDetails--Zc {

  display: table;

  padding: var(--ring-unit) calc(var(--ring-unit)*3);

  text-align: left;

  line-height: calc(var(--ring-unit)*3);
}

.BuildDurationDetails__row--AW {
  display: table-row;
}

.BuildDurationDetails__label--id {
  position: relative;

  display: table-cell;

  padding-right: var(--ring-unit);

  white-space: nowrap;

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

.BuildDurationDetails__value--yi {
  display: table-cell;

  white-space: nowrap;
}

.BuildDurationDetails__overtimeIcon--FD {
  position: absolute;

  top: 3px;
  left: -20px;

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

.TruncateHtml__showButton--xs {
  padding: 0;

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

.TruncateHtml__content--VW {
}

.TruncateHtml__hasOverflow--Si {
}

.InjectHtml__placeholder--ZT {
  white-space: pre-wrap;
}

.InjectHtml__inline--Bk {
  overflow: hidden;

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

.CommentPopup__commentPopup--Ec {
  max-width: 300px;

  padding: var(--ring-unit) calc(var(--ring-unit)*2);

  text-align: left;
}

.CommentPopup__info--lW {
  color: var(--ring-secondary-color);
}

.CommentPopup__text--Xu {
  overflow-wrap: break-word;
}

.BuildCommentByIcon__button--rd {
  height: auto;
  padding: 0;

  line-height: inherit;
}

.BuildCommentByIcon__wrapper--Ng {

  display: flex;
  align-items: baseline;

  max-width: 100%;
}

.BuildCommentByIcon__content--KM {
  flex-grow: 1;

  min-width: 0;

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

.BuildCommentByIcon__inlineCommentText--AG {
  flex-grow: 1;

  min-width: 0;

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

.BuildCommentByIcon__info--cT {
  white-space: nowrap;

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

.BuildCommentByIcon__user--lS {
  padding: 0 calc(var(--ring-unit)/2);

  white-space: nowrap;

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

.BuildCommentByIcon__text--Kw {
  min-width: 0;
}

.BuildWarning__button--_r {
  height: auto;
  padding: 0;

  line-height: inherit;
}

.BuildWarning__icon--Sx {
  color: var(--ring-icon-warning-color);
}

.BuildWarning__inlineIcon--tT {
  margin-right: calc(var(--ring-unit)/2);

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

.BuildWarning__popup--ek {
  max-width: 400px;
  padding: var(--ring-unit) calc(var(--ring-unit)*2);

  text-align: left;
}

.BuildWarning__warning--Y6 {
  margin-right: var(--ring-unit);

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

.MoveToTop__moveToTop--iR {
  height: auto;
  padding: 0 calc(var(--ring-unit) - 1px);

  line-height: inherit;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.StarBuild__wrapper--I3:hover .StarBuild__invisible--gP,
.StarBuild__beforeWrapper--dk:hover + * .StarBuild__invisible--gP {
  color: inherit;
}}

.StarBuild__button--uJ {
  height: auto;

  line-height: inherit;
}

.StarBuild__starred--eE.StarBuild__starred--eE {
  color: var(--tc-icon-favorite-icon-color);
}

.StarBuild__invisible--gP {
  color: transparent;
}

.StarBuild__invisible--gP:focus,
.StarBuild__wrapper--I3:focus-within .StarBuild__invisible--gP,
.StarBuild__beforeWrapper--dk:focus-within + * .StarBuild__invisible--gP {
  color: inherit;
}

.StarBuild__hidden--Fi {
  visibility: hidden;
}

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

.BuildNumber__buildNumber--pu {

  position: relative;

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

.BuildNumber__myPersonal--qS {
  font-weight: bold;
}

.BuildNumber__personal--Dl,
.BuildNumber__canceled--el {
  color: var(--ring-secondary-color);
}

.BuildNumber__canceled--el {
  text-decoration: line-through;
}

.BuildNumber__text--do {
}

.BuildNumber__starIcon--Pq {
  padding: 0 calc(var(--ring-unit)/2);
}

.BuildNumber__numberWithComment--Nc {
  min-width: 0;
}

.BuildNumber__comment--E7,
.BuildNumber__warning--yZ {
  margin-left: calc(var(--ring-unit)/2);
}

.BuildNumber__link--of {
  width: 100%;
  min-width: 0;
}

.BuildNumber__moveToTop--y_.BuildNumber__moveToTop--y_ {
  margin-left: calc(var(--ring-unit)*-1);
  padding-right: 3px;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-tag-tag:hover,
.ring-tag-tagAngled:hover::before {
  transition: none;

  background-color: var(--ring-tag-hover-background-color);
}}

.ring-tag-tag {

  position: relative;
  z-index: 1;

  display: inline-flex;

  box-sizing: border-box;
  max-width: 100%;
  height: 20px;

  padding: 0 8px;

  cursor: pointer;

  vertical-align: top;

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

  border: none;
  border-radius: var(--ring-border-radius);

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

.ring-tag-tag,
.ring-tag-tagAngled::before {
  transition: background-color var(--ring-ease);

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

.ring-tag-withRemove {
  padding-right: 22px;
}

.ring-tag-container {
  position: relative;

  display: inline-block;

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

  margin-right: 4px;

  white-space: nowrap;
}

.ring-tag-focused,
.ring-tag-tag:focus-visible {
  position: relative;

  outline: none;
  box-shadow: 0 0 0 2px var(--ring-border-hover-color);
}

.ring-tag-focused,
.ring-tag-focused.ring-tag-tagAngled::before,
.ring-tag-tag:focus-visible,
.ring-tag-tagAngled:focus-visible::before {
  transition: none;

  background-color: var(--ring-tag-hover-background-color);
}

.ring-tag-tagAngled {
  /* it needs to fix vertical alignment broken by "overflow: hidden". Remove this class, when IE11 will be deprecated */

  margin-bottom: -5px !important;

  margin-left: 8px;
  padding-left: 4px;

  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ring-tag-tagAngled::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

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

    content: "";
    transform: scaleY(1.177) rotate(45deg);
    transform-origin: 0 0;

    border: none;
  }

.ring-tag-tagAngled.ring-tag-focused,
  .ring-tag-tagAngled:focus {
    box-shadow: 0 0 0 1px var(--ring-border-hover-color) inset, 0 0 0 1px var(--ring-border-hover-color);
  }

.ring-tag-tagAngled:focus::before {
    box-shadow:
      1px -1px var(--ring-border-hover-color) inset,
      -0.8px 0.8px 0 0.5px var(--ring-border-hover-color);
  }

.ring-tag-content {
}

.ring-tag-disabled.ring-tag-tag,
.ring-tag-disabled.ring-tag-tagAngled::before {
  pointer-events: none;

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

.ring-tag-remove {
  position: absolute;
  z-index: 1;
  top: 2px;
  right: 0;

  height: auto;
  padding: 0 4px;

  line-height: 16px;
}

.ring-tag-removeIcon.ring-tag-removeIcon {
  color: var(--ring-icon-secondary-color);
}

.ring-tag-icon {
  margin-right: 6px;

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

.ring-tag-icon svg {
    vertical-align: -3px;
  }

.ring-tag-avatarContainer {
  display: inline-block;
  overflow: hidden;

  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  margin-left: -8px;

  vertical-align: top;

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

.ring-tag-customIcon {
  max-width: 16px;
  max-height: 16px;

  margin-right: 4px;

  vertical-align: bottom;
}

.ring-tag-avatarIcon {
  width: 20px;

  margin-right: -4px;

  -o-object-fit: contain;

     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.BuildTag__tag--nD {
  vertical-align: baseline;

  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.BuildTag__tag--nD + .ring-tag-remove {
  top: 2px;
}

.BuildTag__icon--iQ {
  margin-right: calc(var(--ring-unit)/2);

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

.BuildTag__multiple--yk {
  position: relative;
  z-index: 1;

  display: inline-flex;
}

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

      background-color: var(--ring-main-hover-color);

      box-shadow: none;
    }}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BuildTag__selected--wv:hover {
    color: var(--ring-white-text-color);
  }}

.BuildTag__selected--wv,
  .BuildTag__selected--wv::before {
    transition: background-color var(--ring-ease);

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

.BuildTag__selected--wv {
    color: var(--ring-white-text-color);
  }

.BuildTag__selected--wv:focus,
    .BuildTag__selected--wv:focus::before {
      transition: none;

      background-color: var(--ring-main-hover-color);

      box-shadow: none;
    }

.BuildTag__linkInner--QU {
  max-width: 100%;
}

.ContentPanel__wrapper--wS {
  margin-bottom: calc(var(--ring-unit)*2);
}

.ContentPanel__wrapper--wS.ContentPanel__expanded--rv {
    margin-bottom: calc(var(--ring-unit)*4);
  }

.ContentPanel__header--WA {
  display: flex;
  align-items: baseline;

  margin-bottom: var(--ring-unit);
}

.ContentPanel__expandable--Qj .ContentPanel__header--WA {
    margin-left: calc(var(--ring-unit)*-2 - 2px);
  }

.ContentPanel__htmlHeading--zv.ContentPanel__htmlHeading--zv {
  display: flex;
  align-items: baseline;

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

  margin: 0;
  padding: 0;

  font: inherit;
  font-weight: bold;
}

.ContentPanel__subheading--Pj {
  font-size: var(--ring-font-size-smaller);
  font-weight: normal;
}

.ContentPanel__heading--Xy,
.ContentPanel__subheading--Pj {
  margin-right: var(--ring-unit);

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

.ContentPanel__content--Kw.ContentPanel__border--VI {
  padding: calc(var(--ring-unit)*2);
  padding-top: calc(var(--ring-unit)*1.5);

  border: 1px solid var(--ring-line-color);

  border-radius: 3px;
}

.ContentPanel__chevronIcon--IN {
  margin-right: calc(var(--ring-unit)/2);

  cursor: pointer;

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

.ContentPanel__chevronIcon--IN,
.ContentPanel__heading--Xy,
.ContentPanel__subheading--Pj {
  line-height: var(--ring-line-height);
}

.ContentPanel__errorHeading--nC {
  color: var(--ring-error-color);
}

.Plugin__container--t4 {
  display: flex;
  flex-wrap: wrap;
}

.Plugin__inline--pl {
  display: inline-flex;
  align-items: baseline;
}

.Plugin__developmentMode--bO {
  display: block;

  min-width: calc(var(--ring-unit)*15);
  max-width: 100%;
  min-height: calc(var(--ring-unit)*2);

  padding: 8px;

  transition: all ease-in 0.3s;

  color: #888;

  border: 2px dashed rgba(128, 128, 128, 0.4);
  border-radius: 3px;
  background: rgba(128, 128, 128, 0.1) !important;
}

.Plugin__developmentMode--bO.Plugin__inline--pl {
    display: inline-block;
  }

.Plugin__developmentMode--bO .Plugin__positionName--ci {
    display: inline;

    font-size: 8px;
  }

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

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

    .Plugin__developmentMode--bO:hover .Plugin__positionName--ci {
      color: var(--ring-icon-hover-color);
    }}

.Plugin__developmentMode--bO[id^='SAKURA_HEADER'] {
    display: inline-table;

    height: calc(var(--ring-unit)*4.5);

    min-height: 8px;
    margin: 0 calc(var(--ring-unit)/2);

    padding: 0 calc(var(--ring-unit)/2);

    border-radius: 0;
  }

.Plugin__developmentMode--bO[id^='SAKURA_HEADER_RIGHT'],
  .Plugin__developmentMode--bO[id^='SAKURA_HEADER_USERNAME_BEFORE'] {
    margin-bottom: -3px;
  }

/* noinspection Stylelint */

.Plugin__developmentMode--bO[id='HEADER_RIGHT'] {
    padding: 0;
  }

.Plugin__developmentMode--bO[id^='SAKURA_BEFORE_CONTENT'] {
    margin: var(--ring-unit) 0;
  }

.Plugin__developmentMode--bO[id^='SAKURA_PROJECT_TRENDS'],
  .Plugin__developmentMode--bO[id^='SAKURA_BUILD_CONFIGURATION_BUILDS'],
  .Plugin__developmentMode--bO[id^='SAKURA_BUILD_CONFIGURATION_BRANCHES'] {
    margin-bottom: var(--ring-unit);
  }

.ServiceMessage__caption--sy {
  box-sizing: border-box;
  max-width: 100%;
  margin-left: calc(var(--ring-unit)*-0.5);
}

.ServiceMessage__caption--sy.ServiceMessage__caption--sy {
  margin-right: calc(var(--ring-unit)*2);
}

.ServiceMessage__container--HM {
  display: flex;
  align-items: baseline;

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

.ServiceMessage__icon--rL {
  margin-right: calc(var(--ring-unit)*1.5);
  margin-left: calc(var(--ring-unit)/2);
}

.ServiceMessage__title--CY {
  margin: calc(var(--ring-unit)/4) 0 0;

  font-weight: normal;

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

.ServiceMessage__description--EG {
  margin: calc(var(--ring-unit)/2) 0 calc(var(--ring-unit)*1.5);

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

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

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

.ProjectOrBuildTypeIcon__icon--EI {
  margin-right: calc(var(--ring-unit)/2);

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

  line-height: normal;
}

.ProjectOrBuildTypeIcon__failed--uP {
  color: var(--ring-icon-error-color);
}

.ProjectOrBuildTypeIcon__successful--vm {
  color: var(--ring-icon-success-color);
}

.ProjectOrBuildTypeIcon__arrow--yd {
  display: none;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ProjectOrBuildTypeIcon__arrowWrapper--jc:hover .ProjectOrBuildTypeIcon__icon--EI {
  display: none;
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ProjectOrBuildTypeIcon__arrowWrapper--jc:hover .ProjectOrBuildTypeIcon__arrow--yd {
  display: inline;
}}

.ServiceWorkerChecker__message--MA {
  max-width: 320px;
}

.ServiceWorkerChecker__wrapper--MG {
  width: 100%;
  max-width: 100%;
  margin: 0 0 4px;
}

.ServiceWorkerChecker__wrapper--MG.ServiceWorkerChecker__wrapper--MG {
  margin-right: 0;
}

.ServiceWorkerChecker__description--_Y {
  margin: calc(var(--ring-unit)/4) 0 0;
}

.ServiceWorkerChecker__content--Ci {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.ServiceWorkerChecker__text--CD {
  margin-right: calc(var(--ring-unit)*2);
}

:root {
	--reach-skip-nav: 1;
}

[data-reach-skip-nav-link] {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	position: absolute;
}

[data-reach-skip-nav-link]:focus {
	padding: 1rem;
	position: fixed;
	top: 10px;
	left: 10px;
	background: white;
	z-index: 1;
	width: auto;
	height: auto;
	clip: auto;
}

[data-reach-skip-nav-link]:focus {
  z-index: var(--ring-overlay-z-index);
  top: calc(var(--ring-unit)/2);
  left: calc(var(--ring-unit)/2);
}

.StopBuild__stopBuild--PY {
  white-space: nowrap;
}

.StopBuild__icon--A3 {
  height: auto;

  line-height: inherit;
}

.StopBuild__stopIcon--El {
  vertical-align: -1px;
}

.StopBuild__invisible--bg {
  display: none;
}

.BreadcrumbsDropdown__popupIcon--yk {
  padding: 0;
}

.BuildPath__container--xw {
  overflow: hidden;

  margin: -2px;

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

.BuildPath__loading--Px {
  visibility: hidden;
}

.BuildPath__buildPath--gG {

  position: relative;

  margin: 2px;

  text-overflow: ellipsis;

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

.BuildPath__item--WK {
  white-space: nowrap;
}

.BuildPath__link--la {
  color: inherit;
}

.BuildPath__separator--F4 {
  margin-right: 1px;

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

.BuildPath__pathItemDropDown--Wf {
  display: inline;
}

.BuildPath__hiddenPathAnchor--r_ {
  cursor: default;
}

.BuildPath__hiddenPathPopup--VJ {
  padding: var(--ring-unit) calc(var(--ring-unit)*2);

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

.BuildPath__ellipsis--vP {
  color: inherit;
}

.BuildPath__withCollapsing--VW {
  overflow: hidden;

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

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

.BuildPath__invisible--XJ {
  position: absolute;
  top: 0;
  left: 0;

  visibility: hidden;
}

.BuildPath__secondary--CW {
  color: var(--ring-secondary-color);
}

.InvestigationHistoryList__content--Rx {
  flex: 1 0 auto;
}

.InvestigationHistoryList__emptyHistory--Jr {
  display: flex;
  align-items: center;
  justify-content: center;

  height: 100%;

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

.InvestigationHistoryList__investigation--sk {
  margin-bottom: calc(var(--ring-unit)*1.5);
}

.InvestigationHistoryList__investigation--sk:last-child {
    margin-bottom: 0;
  }

.InvestigationHistoryList__investigationHeader--Wv {
  line-height: var(--ring-line-height);
}

.InvestigationHistoryList__user--qP {
  font-weight: bold;
}

.InvestigationHistoryList__timestamp--IU {

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

.InvestigationHistoryList__investigationContent--DT {
  display: flex;
  flex-direction: column;
}

.InvestigationHistoryList__resolveMethod--7k {
  color: var(--ring-secondary-color);
}

.InvestigationHistoryList__comment--Mu {
  overflow-wrap: break-word;

  white-space: normal;
}

.InvestigationHistoryPopup__dialog--kQ {
  width: calc(100vw - var(--ring-unit)*6*2); /* TODO: change to unit * 4 * 2 after fixing close button position */
  max-width: calc(var(--ring-unit)*70);
  height: calc(70vh - var(--ring-unit)*2*2);
}

.InvestigationHistoryPopup__overlay--lH {
  z-index: 30;

  padding: 0;
}

.InvestigationHistoryPopup__wrapper--ek {
  display: flex;
  overflow: hidden;
  flex-direction: column;

  height: 100%;
}

.InvestigationHistoryPopup__header--p1 {
  padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4) calc(var(--ring-unit)*2);
}

.InvestigationHistoryPopup__header--p1.InvestigationHistoryPopup__contentScroled--R8 {
    border-bottom: 1px solid var(--ring-line-color);
    box-shadow: 0 1px 8px 0 rgba(0, 42, 76, 0.15);
  }

.InvestigationHistoryPopup__content--x0 {
  display: flex;
  overflow: hidden;
  overflow-y: auto;

  height: 100%;
  padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4) calc(var(--ring-unit)*4);
}

.InvestigationHistoryPopup__historyList--HV {
  width: 100%;
}

.InvestigationHistoryPopup__title--I2 {
  display: flex;
  align-items: baseline;
}

.InvestigationHistoryPopup__title--I2.InvestigationHistoryPopup__title--I2 {
  margin: 0;
  margin-right: auto;
  margin-bottom: var(--ring-unit);
  padding: 0;

  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
}

.InvestigationHistoryPopup__buildTypePath--us {
  margin-bottom: calc(var(--ring-unit)/2);
}

.InvestigationHistoryPopup__subTitle--Zu {
}

.ring-checkbox-checkbox {
  position: relative;

  display: inline-block;

  text-align: left;

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-checkbox-checkbox:hover .ring-checkbox-cell {
    transition: background-color var(--ring-ease);

    border-color: var(--ring-border-hover-color);
  }}

.ring-checkbox-cell {
  position: relative;
  top: -2px;

  display: inline-block;

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

  -webkit-user-select: none;

     -moz-user-select: none;

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

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

.ring-checkbox-icon.ring-checkbox-icon {
  position: absolute;

  top: -1px;
  left: -1px;

  width: 16px;
  height: 16px;

  opacity: 0;
  color: var(--ring-white-text-color);
}

.ring-checkbox-icon.ring-checkbox-icon svg {
    position: absolute;
    top: 0;
    left: 0;
  }

.ring-checkbox-check {
}

.ring-checkbox-minus {
}

.ring-checkbox-input {
  position: absolute;
  top: 0;
  left: 0;

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

  cursor: pointer;

  opacity: 0;

  /* stylelint-disable-next-line selector-max-specificity */
}

.ring-checkbox-input:checked + .ring-checkbox-cell,
  .ring-checkbox-input:indeterminate + .ring-checkbox-cell {
    border-color: transparent;
    background-color: var(--ring-main-color);
  }

/* stylelint-disable-next-line selector-max-specificity */

.ring-checkbox-input:checked + .ring-checkbox-cell .ring-checkbox-check {
    opacity: 1;
  }

.ring-checkbox-input:focus-visible + .ring-checkbox-cell,
  .ring-checkbox-input.ring-checkbox-focus + .ring-checkbox-cell {
    transition: background-color var(--ring-ease);

    border-color: var(--ring-border-hover-color);
    box-shadow: 0 0 0 1px var(--ring-border-hover-color);
  }

/* stylelint-disable-next-line selector-max-specificity */

.ring-checkbox-input:indeterminate + .ring-checkbox-cell .ring-checkbox-minus {
    opacity: 1;
  }

.ring-checkbox-input[disabled] {
    pointer-events: none;
  }

/* stylelint-disable-next-line selector-max-specificity */

.ring-checkbox-input[disabled][disabled] + .ring-checkbox-cell {
    border-color: var(--ring-border-disabled-color);
    background-color: var(--ring-disabled-background-color);
  }

/* stylelint-disable-next-line selector-max-specificity */

.ring-checkbox-input[disabled]:checked + .ring-checkbox-cell,
  .ring-checkbox-input[disabled]:indeterminate + .ring-checkbox-cell {
    border-color: var(--ring-border-selected-disabled-color);
  }

/* stylelint-disable-next-line selector-max-specificity */

.ring-checkbox-input[disabled]:checked + .ring-checkbox-cell .ring-checkbox-check,
  .ring-checkbox-input[disabled]:indeterminate + .ring-checkbox-cell .ring-checkbox-minus {
    color: var(--ring-icon-disabled-color);
  }

/* stylelint-disable-next-line selector-max-specificity */

.ring-checkbox-input:indeterminate:indeterminate + .ring-checkbox-cell .ring-checkbox-check {
    transition: none;

    opacity: 0;
  }

.ring-checkbox-input[disabled] ~ .ring-checkbox-label {
    color: var(--ring-disabled-color);
  }

.ring-checkbox-label {
  margin-left: 8px;

  line-height: normal;
}

.ring-text-text {
  color: var(--ring-text-color);
}

.ring-text-sizeS {
  font-size: var(--ring-font-size-smaller);
}

.ring-text-sizeM {
  font-size: var(--ring-font-size);
}

.ring-text-sizeL {
  font-size: var(--ring-font-size-larger);
}

.ring-text-info {
  color: var(--ring-secondary-color);
}

@keyframes ring-loader-rotation-keyframes {
  100% {
    transform: rotate(360deg);
  }
}

.ring-loader-canvas {
  display: block;

  margin: 16px auto;

  pointer-events: none;
}

.ring-loader-animate {
  animation: ring-loader-rotation-keyframes 36s linear infinite;
}

.ring-loader-text {
  text-align: center;

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

.MetricsTab__topbar--Tc {
  margin: 10px 0;

  padding-bottom: 10px;

  border-bottom: 1px solid #f0f0f0;
}

.MetricsTab__metricsLink--U_ {
  float: right;
}

.MetricsTab__metricsTable--TI {
  display: table;

  table-layout: fixed;
}

.MetricsTab__metricDescription--fG {
  display: table-cell;

  font-weight: 600;
}

.MetricsTab__metricRow--gE {
  display: table-row;
}

.MetricsTab__metricRowExperimental--ld {
  opacity: 0.6;
}

.MetricsTab__metricRow--gE > th {
  text-align: left;

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

.MetricsTab__headerTagsValues--ic {
  display: flex;
  justify-content: space-around;

  width: 100%;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.MetricsTab__metricRow--gE:hover {
  background-color: var(--ring-sidebar-background-color);
}}

.MetricsTab__metricRow--gE > * {
  overflow-y: auto;

  box-sizing: border-box;

  width: 33%;

  padding: 10px;
}

.MetricsTab__metric--hy {
  display: flex;
  justify-content: space-between;
}

.MetricsTab__metricName--bL {
  display: table-cell;
}

.MetricsTab__metricNameTooltip--zG {
  padding: 5px 10px;
}

.MetricsTab__metricRecords--tW {
  display: table-cell;

  width: 30%;
}

.MetricsTab__metricRecord--jz {
  display: flex;
}

.MetricsTab__metricTags--cC {
  overflow-y: auto;

  min-width: 70%;
  padding-right: 10px;
  padding-bottom: 20px;
}

.MetricsTab__metricValues--CT {
  padding-right: 5px;
}

.MetricsTab__metricValue--Hd {
  white-space: nowrap;

  font-weight: 600;
}

.PipelinesBetaBanner__placeholder--e5 {
  background-color: var(--ring-popup-background-color);
}

.TagsList__wrapper--yG {
  display: inline-block;

  padding-left: 2px;
}

.TagsList__label--zR {
  margin-right: var(--ring-unit);
}

.TagsList__tag--aF {
  margin-bottom: calc(var(--ring-unit)/2) !important;
}

.TagsList__tag--aF:not(:last-of-type) {
    margin-right: var(--ring-unit);
  }

.TagsList__tag--aF + .ring-tag-remove {
  top: 3px;
}

.TagsList__showMore--rV {
  height: auto;

  padding: 0 var(--ring-unit);

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

  line-height: normal;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TagsList__showMoreOld--dS:hover {
  color: var(--ring-text-color);
}}

.TagsList__icon--U_ {
  flex: 0 0 auto;

  margin-right: calc(var(--ring-unit)/2);

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

.TagsList__add--Iq {
  padding-left: var(--ring-unit);

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

.MatrixParamBuild__description--vU {
  padding: 0 10px;
}

.MatrixParamBuild__helpIcon--nX {
  margin-left: calc(var(--ring-unit)/2);

  transition: all ease-in .1s;

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

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

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

.MatrixParamBuild__form--fX {
  overflow: auto;

  max-height: 50vh;
  padding: 12px 10px 0;
}

.MatrixParamBuild__buttonClassName--Ys {
  padding-top: 10px;
}

.MatrixParamBuild__label--ZL,
.MatrixParamBuild__hint--Zk,
.MatrixParamBuild__selectLabelContainer--f1 label {
  display: block;
}

.MatrixParamBuild__label--ZL,
.MatrixParamBuild__selectLabelContainer--f1 label {
  margin-bottom: calc(var(--ring-unit)*0.5);

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

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

.MatrixParamBuild__hint--Zk {
  margin-top: calc(var(--ring-unit)/2);

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.MatrixParamBuild__label--ZL {
  margin-bottom: calc(var(--ring-unit)*0.5);
}

.MatrixParamBuild__parameter--t5 {
  padding-bottom: calc(var(--ring-unit)*2);
}

.MatrixParamBuild__parameterName--HF {
  padding-bottom: 0;
}

.MatrixParamBuild__row--Qh {
  display: flex;
  align-items: baseline;

  padding-bottom: var(--ring-unit);
}

.MatrixParamBuild__selectRow--H7 {
  flex: 1 1;
}

.MatrixParamBuild__deleteButton--e9 {
  padding: 0 5px;
}

.MatrixParamBuild__popup--uq {
  z-index: 10;
}

.MatrixParamBuild__resotre--Zc {
  margin-top: 8px;
  margin-bottom: 16px;
  padding: 8px 16px;

  border-radius: 6px;
  background: var(--ring-sidebar-background-color);
}

.MatrixParamBuild__resotreDeletePermanently--W4 {
  margin-left: 12px;

  color: #737577;
}

.SelectBuildRunners__container--Lf {
  --runner-item-width: 288px;

  padding-top: calc(var(--ring-unit)*2);
}

.SelectBuildRunners__groupItems--ZC {
  position: relative;
  left: -8px;

  display: grid;

  padding-bottom: calc(var(--ring-unit)*5);

  grid-template-columns: repeat(auto-fit, 288px);
  grid-auto-columns: 288px;
  grid-auto-rows: auto;
}

.SelectBuildRunners__modeSwitch--sf {
  padding: calc(var(--ring-unit)*2) 0 calc(var(--ring-unit)*3);
}

.SelectBuildRunners__hidden--IU {
  display: none;
}

.SelectBuildRunners__description--D5,
.SelectBuildRunners__button--Kd {
  margin-top: 8px;

  font-size: 12px;
}

.SelectBuildRunners__listItemSelectLint--zD {
  visibility: hidden;

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

  font-size: 12px;
}

.SelectBuildRunners__listWrap--PX {
  margin: 0 calc(var(--ring-unit)*-4) 0 calc(var(--ring-unit)*-4);
}

.SelectBuildRunners__list--mn {
  position: relative;

  width: 100%;

  margin-top: 2px;
}

.SelectBuildRunners__listItem--r8 {
  background: rgba(0, 0, 0, 0.005);
}

.SelectBuildRunners__listItem--r8 > td {
    padding: 6px var(--ring-unit) 6px 0;

    vertical-align: top;
  }

.SelectBuildRunners__listItem--r8 > td:last-child {
    padding-right: calc(var(--ring-unit)*5);
  }

.SelectBuildRunners__listItem--r8 > td.SelectBuildRunners__listItemIcon--Zk {
    width: 20px;
    padding-left: calc(var(--ring-unit)*4);

    line-height: 10px;
  }

.SelectBuildRunners__listItem--r8 td.SelectBuildRunners__title--Vf {
    width: 25%;
  }

.SelectBuildRunners__listItem--r8 td.SelectBuildRunners__description--D5 {
    width: 90%;
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.SelectBuildRunners__listItem--r8:hover {
    cursor: pointer;

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

    .SelectBuildRunners__listItem--r8:hover .SelectBuildRunners__listItemSelectLint--zD {
      visibility: visible;
    }}

.SelectBuildRunners__item--lT {
  display: flex;
  align-items: flex-start;
  flex-direction: column;

  margin-bottom: 8px;
  padding: 8px 16px 12px 8px;

  border-radius: 4px;

  background: rgba(0, 0, 0, 0.005);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.SelectBuildRunners__item--lT:hover {
    display: flex;

    cursor: pointer;

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

    .SelectBuildRunners__item--lT:hover .SelectBuildRunners__button--Kd {
      color: var(--ring-content-background-color);
      border-color: var(--ring-main-color);
      background-color: var(--ring-main-color);
      box-shadow: none;
    }}

.SelectBuildRunners__deprecated--H_ {
  color: var(--ring-secondary-color);
}

.SelectBuildRunners__header--I0 {
  display: flex;
}

.SelectBuildRunners__icon--oT {
  height: calc(var(--ring-unit)*2.5);
}

/* stylelint-disable-next-line selector-class-pattern */
.ring-ui-theme-dark .SelectBuildRunners__icon--oT[data-key='nant'i] {
  filter: invert(1) brightness(1.6);
}

/* stylelint-disable-next-line selector-class-pattern */
.ring-ui-theme-dark .SelectBuildRunners__icon--oT[data-key='simpleRunner'i] {
  filter: invert(0.5);
}

/* stylelint-disable-next-line selector-class-pattern */
.ring-ui-theme-dark .SelectBuildRunners__icon--oT[data-key='gradle-runner'i] {
  filter: invert(0.5);
}

.SelectBuildRunners__title--Vf {
  padding-left: 8px;

  font-size: 14px;
  font-weight: bold;
}

.SelectBuildRunners__description--D5 {
  color: var(--ring-secondary-color);
}

.SelectBuildRunners__description--D5.SelectBuildRunners__selected--x5 {
    max-width: 60%;
    margin-top: 0;
  }

.SelectBuildRunners__selectedRunner--__ {
  display: flex;
  align-items: baseline;
}

.SelectBuildRunners__reselectButton--Zw {
  width: 100px;
  margin: 0;
  padding: 0;

  color: var(--ring-link-color);
  border: none;
  background: none;

  font-size: 12px;
}

.SelectBuildRunners__filter--jf {
  max-width: calc(var(--ring-unit)*40);

  margin: calc(var(--ring-unit)*2) 0 var(--ring-unit);
}

.SelectBuildRunners__notFound--E4 {
  position: relative;

  padding: var(--ring-unit) 0 calc(var(--ring-unit)*3);

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

.SelectBuildRunners__focused--wo {
  background-color: var(--ring-selected-background-color);
}

.FeedbackForm__section--KL {
  margin: calc(var(--ring-unit)*2) 0;
}

.FeedbackForm__subtitle--WN {
  margin-top: 0;
  margin-bottom: var(--ring-unit);

  font-size: var(--ring-font-size);
  font-weight: 600;
  line-height: var(--ring-line-height);
}

.FeedbackForm__text--Sb {
  margin-top: calc(var(--ring-unit)/4);
  margin-bottom: calc(var(--ring-unit)/4);
  padding: 0;
}

.FeedbackForm__valuesContainer--QA {
  display: flex;
  flex: 1 1;
  flex-direction: column;

  width: 100%;

  margin-top: calc(var(--ring-unit) - var(--ring-unit)/4);
}

.FeedbackForm__values--Dd.FeedbackForm__values--Dd {
  display: flex;
  flex-wrap: nowrap;
}

.FeedbackForm__value--QH {
  display: flex;
  flex: 1 1;
  justify-content: center;

  padding-top: 1px;

  font-family: "Twemoji Mozilla",
  "Apple Color Emoji",
  "Segoe UI Emoji",
  "Segoe UI Symbol",
  "Noto Color Emoji",
  "EmojiOne Color",
  "Android Emoji",
  sans-serif;
}

.FeedbackForm__hints--Zd {
  display: flex;
  justify-content: space-between;

  padding: calc(var(--ring-unit)/4) 0;
}

.FeedbackForm__hint--Q5 {
  display: block;

  margin: 0;
  padding: 0;

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

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

.FeedbackForm__tags--_Z {
  display: flex;
  flex-wrap: wrap;

  margin-top: calc(var(--ring-unit)/2);
}

.FeedbackForm__tag--Bd {
  margin-right: calc(var(--ring-unit)/2);
  margin-bottom: calc(var(--ring-unit)/2);
}

.FeedbackForm__tag--Bd.FeedbackForm__active--Mf {
    background: var(--ring-hover-background-color);
    box-shadow: inset 0 0 0 1px var(--ring-main-color);
  }


.FeedbackForm__textarea--ev {
  width: 100%;

  resize: none;
}

.FeedbackForm__textarea--ev.FeedbackForm__textarea--ev {
  margin-top: calc(var(--ring-unit)/2);
}

.FeedbackForm__controls--nP {
  display: flex;

  margin-top: calc(var(--ring-unit)*1.5);
}

.FeedbackForm__submit--I0 {
  margin-right: var(--ring-unit);
}

.FeedbackForm__more--g4 {
  margin-right: 0;
  margin-left: auto;
  padding-right: 0;
}

.FeedbackForm__error--tN {
  color: var(--ring-error-color);
}

.ring-error-message-errorMessage {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;

  max-width: 600px;
  height: 100%;
  margin: 0 auto;
}

.ring-error-message-title {
  font-size: 21px;
}

.ring-error-message-description {
  font-size: 15px;
}

.ring-error-message-content {
  flex-direction: column;

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

.ring-error-message-content > .ring-error-message-title,
.ring-error-message-description {
  margin-bottom: 16px;
}

.ring-error-message-icon {
  margin: 0 16px 24px 0;

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

.FullScreenErrorWrapper__content--FV {
  width: 100%;
}

.Details__anchor--Zv {
  height: auto;

  margin-left: var(--ring-unit);

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

  line-height: inherit;
}

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

.Details__detailsPopup--jr {
  max-width: calc(var(--ring-unit)*36);
  padding: var(--ring-unit) calc(var(--ring-unit)*1.5);

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.EditButton__editButton--A_ {
  height: auto;
  margin-left: auto;

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

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

.EditButton__editButton--A_:focus-visible {
    opacity: 1;
  }

.Actions__actions--ud {
  display: flex;
  align-items: center;

  margin-right: calc(var(--ring-unit)*-1);

  margin-left: auto;
}

.Actions__actions--ud > * {
    transition: opacity var(--ring-ease);
  }

.Actions__hiddenDefault--Zq > * {
  opacity: 0;
}

.Actions__hiddenDefault--Zq > *:focus-visible {
    opacity: 1;
  }

.Actions__addButton--ry {
  opacity: 1;
}

.EditSettingsForm__actions--j8 {
  display: flex;
  -moz-column-gap: calc(var(--ring-unit)*1.5);
       column-gap: calc(var(--ring-unit)*1.5);
}

.EditSettingsForm__actions--j8 > * {
    padding: 0;
  }

.EditSettingsForm__settings--Af {
  width: 100%;
}

.EditSettingsForm__editSettingsForm--MF {
  display: flex;
  flex-direction: column;

  width: 100%;
  row-gap: calc(var(--ring-unit)*1.75);
}

.EditSettingsForm__editSettingsForm--MF.EditSettingsForm__inline--aM {
    flex-direction: row;
    -moz-column-gap: var(--ring-unit);
         column-gap: var(--ring-unit);
  }

.EditSettingsForm__editSettingsForm--MF.EditSettingsForm__inline--aM .EditSettingsForm__actions--j8 {
      -moz-column-gap: calc(var(--ring-unit)*1.75);
           column-gap: calc(var(--ring-unit)*1.75);
    }

.EditSettingsForm__editSettingsForm--MF .EditSettingsForm__cancelButton--HQ {
    color: var(--ring-secondary-color);
  }

.EditSettingsForm__deleteButton--E2 {
  margin-left: auto;
}

.SettingsBlock__section--uF {
  position: relative;

  padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4);
  padding-left: calc(var(--ring-unit)*2.5);

  border-bottom: calc(var(--ring-unit)/2) solid var(--ring-sidebar-background-color);
}

.SettingsBlock__section--uF:last-child {
    margin-bottom: 0;
  }

.SettingsBlock__collapsibleRegion--Nc {
  position: relative;

  margin-top: calc(var(--ring-unit)*1.5);
}

.SettingsBlock__collapsibleRegion--Nc *:last-child {
    margin-bottom: 0;
  }

.SettingsBlockHeader__collapsibleContainer--tG {
  margin-bottom: 0;
}

.SettingsBlockHeader__header--JT {
  position: relative;

  display: flex;
  align-items: center;
  -moz-column-gap: var(--ring-unit);
       column-gap: var(--ring-unit);

  line-height: 24px
}

h2.SettingsBlockHeader__title--ey {
  display: flex;
  justify-items: stretch;

  overflow: hidden;

  flex: 1 1;

  margin: 0;
  padding: 0;

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

.SettingsBlockHeader__titleUnion--ji {
  cursor: pointer;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.SettingsBlockHeader__titleUnion--ji:hover,
.SettingsBlockHeader__titleUnion--ji:hover .SettingsBlockHeader__actionIcon--Xe {
  color: var(--ring-link-hover-color);
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.SettingsBlockHeader__buttonUnhover--M1:hover {
  color: var(--ring-text-color);
}}

.SettingsBlockHeader__collapsible--Lq {
  padding-top: 0;
}

.SettingsBlockHeader__deleted--nk {
  text-decoration: line-through;

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

.SettingsBlockHeader__toggle--bS {
  display: block;

  width: 100%;

  height: auto;
  padding-right: 0;
  padding-left: 0;

  text-align: left;

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

  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.SettingsBlockHeader__toggle--bS > span {
    display: block;
    overflow: hidden;

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

.SettingsBlockHeader__toggleWithEditing--kh {
  padding-right: 2px;
}

.SettingsBlockHeader__toggleIcon--l_.SettingsBlockHeader__toggleIcon--l_ {
  color: var(--ring-icon-secondary-color);
}

.SettingsBlockHeader__handle--ep {
  position: absolute;
  left: -15px;

  padding: 0;

  transition: opacity var(--ring-ease);

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.SettingsBlock__section--uF:hover .SettingsBlockHeader__handle--ep,
.SettingsBlock__section--uF:hover .SettingsBlockHeader__actions--LE > *
{
  opacity: 1;
}}

.SettingsBlockHeader__detailsLink--RZ {
  display: inline-block;

  margin-top: 2px;

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

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

.SettingsBlockHeader__input--wt {
  margin-left: -4px;

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

.SettingsBlockHeader__collapsedNote--TH {
  overflow: hidden;

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

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.BuildLogPopup__content--Ak {
  display: flex;
  flex-direction: column;

  height: 100%;
}

.BuildLogPopup__log--rk {
  flex-grow: 1;
}

.BuildLogPopup__dialog--o3 {
  width: calc(100vw - var(--ring-unit)*4*2);
  height: calc(100vh - var(--ring-unit)*2.5*2);
}

.BuildLogPopup__overlay--U4 {
  padding: 0;
}

.ReactCrop{position:relative;display:inline-block;cursor:crosshair;overflow:hidden;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move;box-shadow:0 0 0 9999em #00000080}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{outline:none;border-color:#00f;border-style:solid}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{position:absolute;content:"";display:block;width:10px;height:10px;background-color:#0003;border:1px solid rgba(255,255,255,.7);outline:1px solid transparent}.ReactCrop__drag-handle:focus:after{border-color:#00f;background:#2dbfff}.ReactCrop .ord-nw{top:0;left:0;margin-top:-5px;margin-left:-5px;cursor:nw-resize}.ReactCrop .ord-nw:after{top:0;left:0}.ReactCrop .ord-n{top:0;left:50%;margin-top:-5px;margin-left:-5px;cursor:n-resize}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{top:0;right:0;margin-top:-5px;margin-right:-5px;cursor:ne-resize}.ReactCrop .ord-ne:after{top:0;right:0}.ReactCrop .ord-e{top:50%;right:0;margin-top:-5px;margin-right:-5px;cursor:e-resize}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px;cursor:se-resize}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px;cursor:s-resize}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;left:0;margin-bottom:-5px;margin-left:-5px;cursor:sw-resize}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{top:50%;left:0;margin-top:-5px;margin-left:-5px;cursor:w-resize}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:6px;margin-top:-3px}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:6px;height:100%;margin-right:-3px}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:6px;margin-bottom:-3px}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:6px;height:100%;margin-left:-3px}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:24px;height:24px}}

.CustomizedBuildNote__container--SI {
  margin-bottom: calc(var(--ring-unit)/2);
}

.CustomizedBuildNote__embedded--Ao {
  max-width: calc(var(--ring-unit)*30);
  padding: calc(var(--ring-unit)*1.5) calc(var(--ring-unit)*2) calc(var(--ring-unit)*1.5);

  border-bottom: 1px solid var(--ring-line-color);
}

.CustomizedBuildNote__icon--tz {
  margin-right: var(--ring-unit);
}

.Breadcrumbs__breadcrumbs--qI {
  position: sticky;

  bottom: 0;
  left: 0;

  box-sizing:border-box;

  min-height: 30px;

  padding: calc(var(--ring-unit)/2) calc(var(--ring-unit)*4);

  border-top: 1px solid var(--ring-line-color);

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

.Breadcrumbs__list--ME {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(var(--ring-unit)*2.5);

  margin: 0;
  padding: 0;

  list-style: none;

  color: var(--foreground-color);

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

.Breadcrumbs__breadcrumb--p5 {
  display: inline;

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

}

.Breadcrumbs__breadcrumb--p5::after {
  margin: 0 var(--ring-unit);

  content: '/';

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

.Breadcrumbs__breadcrumb--p5:last-child::after {
  content: '';
}

.Breadcrumbs__breadcrumbArray--WO::before {
  margin-right: calc(var(--ring-unit)/2);

  content: '[]';
  vertical-align: 1px;

  font-size: 10px;
}

.Breadcrumbs__breadcrumbObject--sD::before {
  margin-right: calc(var(--ring-unit)/2);

  content: '{}';
  vertical-align: 1px;

  font-size: 10px;
}

.YamlEditor__main--uD {
  display: flex;
  flex: 1 1 auto;
  flex-flow: column;

  height: 100%;

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

.YamlEditor__editor--GQ {
  flex: 1 1 auto;
}

.VirtualizedTree__wrapper--Ib {
  position: relative;
  z-index: 10;
}

.VirtualizedTree__list--Jl {
  outline: none;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.SidebarItem__hoverableItem--yf:hover {
  background-color: var(--ring-selected-background-color);
}}

.SidebarItem__item--Xy {
  line-height: 24px;
}

.SidebarItem__item--Xy,
.SidebarItem__itemWrapper--ih,
.SidebarItem__hoverableLink--BO {
  flex-grow: 1;

  outline: none;
}

.SidebarItem__itemWrapper--ih:focus,
.SidebarItem__item--Xy:focus,
.SidebarItem__focusedItem--bn {
  background-color: var(--ring-selected-background-color);
  box-shadow: inset 2px 0 var(--ring-main-color);
}

.SidebarItem__hoveredItem--Ej,
.SidebarItem__activeItem--OX,
.SidebarItem__highlightedItem--TS {
  background-color: var(--ring-selected-background-color);
}

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

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

.SidebarItem__activeTitle--wd {
  font-weight: bold;
}

.SidebarItem__counter--mc {
  margin: 0 8px;
}

.VirtualizedTreeExpandHandle__chevronButton--P4 {
  padding: 0 5px;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .VirtualizedTreeExpandHandle__chevronButton--P4:hover .VirtualizedTreeExpandHandle__chevronIcon--F_ {
      color: var(--ring-icon-hover-color);
    }}

.VirtualizedTreeExpandHandle__chevronButton--P4 .VirtualizedTreeExpandHandle__chevronIcon--F_ {
    transition: none;

    vertical-align: middle;

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

    line-height: 24px;
  }

.VirtualizedTreeExpandHandle__chevronButton--P4.VirtualizedTreeExpandHandle__hovered--kY .VirtualizedTreeExpandHandle__chevronIcon--F_ {
      color: var(--ring-icon-hover-color);
    }

.VirtualizedTreeExpandHandle__fakeChevronButton--SL {
  width: 24px;
  height: calc(var(--ring-unit)*2);
}

.VirtualizedTreeItem__item--sC {
  display: flex;

  overflow: hidden;

  white-space: nowrap;
}

.VirtualizedTreeItem__content--h7 {
  overflow: hidden;
  flex: 1 1 auto;
}

.VirtualizedTreeItem__expandHandle--Jv {
  flex: 0 0 auto;
}

.SidebarLink__activeLink--Pu {
  text-decoration: none;

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

.SidebarLink__link--vB {
  display: flex;
  overflow: hidden;
}

.SidebarLink__content--KC {
  overflow: hidden;
  flex: 1 1 auto;

  padding-right: 8px;

  text-overflow: ellipsis;
}

.SidebarLink__tail--cB {
  flex: 0 0 auto;

  padding-right: 8px;

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

  font-weight: normal;
}

/* ensure correct styles order */

.VirtualizedTreeOverlayItem__item--Bv {
  display: flex;

  overflow: hidden;

  white-space: nowrap;
}

.VirtualizedTreeOverlayItem__contentWrapper--jB {
  overflow: hidden;
  flex: 1 1 auto;
}

.VirtualizedTreeOverlayItem__expandHandle--eJ {
  flex: 0 0 auto;
}

.VirtualizedTreeOverlayItem__popup--Pl {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.VirtualizedTreeOverlayItem__nonInteractivePopup--le {
  z-index: 20;

  overflow: hidden;

  pointer-events: none;
}

.VirtualizedTreeOverlayItem__interactivePopup--j1 {
  z-index: 0;

  overflow: hidden;
}

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

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

.QueueSidebarTitleItem__title--Xz {
  letter-spacing: 2px;
}

.QueueSidebarItems__list--CU {
  padding-top: calc(var(--ring-unit)*2);
}

.QueueSidebar__sidebar--e7 {
  display: flex;
  flex-direction: column;
}

.QueueSidebar__tree--C4 {
  flex: 1 1 auto;
}

.DisconnectedAgentsCounter__icon--A_ {
  color: var(--ring-icon-error-color);
}

.DisconnectedAgentsCounter__counter--DQ {
  margin-left: 8px;

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

.ToggleSakuraUI__icon--Vl {
  position: absolute;
  top: 0;
  right: 2px;

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

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

.ToggleSakuraUI__triangle--_y {
  position: absolute;
  top: 0;
  left: 0;

  width: calc(var(--ring-unit)*7);
  height: calc(var(--ring-unit)*3.5);

  transition: background-color var(--ring-ease), box-shadow var(--ring-ease);

  transform: rotate(45deg);
  transform-origin: 60% 51%;

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

.ToggleSakuraUI__turnOn--hF .ToggleSakuraUI__icon--Vl {
    color: var(--ring-white-text-color);
  }

.ToggleSakuraUI__turnOn--hF .ToggleSakuraUI__triangle--_y {
    background-color: var(--ring-main-color);
  }

.ToggleSakuraUI__container--zu {
  position: absolute;
  top: 0;
  right: 0;

  overflow: hidden;

  width: calc(var(--ring-unit)*5);

  height: calc(var(--ring-unit)*5);
}

.ToggleSakuraUI__link--wD {
  outline: none;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ToggleSakuraUI__link--wD:hover {
    box-shadow: none;
  }

    .ToggleSakuraUI__link--wD:hover .ToggleSakuraUI__icon--Vl,
    .ToggleSakuraUI__link--wD:hover .ToggleSakuraUI__triangle--_y {
      transition: none;
    }

    .ToggleSakuraUI__link--wD:hover .ToggleSakuraUI__icon--Vl {
      color: var(--ring-white-text-color);
    }

    .ToggleSakuraUI__link--wD:hover .ToggleSakuraUI__triangle--_y {
      background-color: var(--ring-main-hover-color);
    }}

.ToggleSakuraUI__link--wD:focus {
    box-shadow: none;
  }

.ToggleSakuraUI__link--wD:focus .ToggleSakuraUI__icon--Vl,
    .ToggleSakuraUI__link--wD:focus .ToggleSakuraUI__triangle--_y {
      transition: none;
    }

.ToggleSakuraUI__link--wD:focus .ToggleSakuraUI__icon--Vl {
      color: var(--ring-white-text-color);
    }

.ToggleSakuraUI__link--wD:focus .ToggleSakuraUI__triangle--_y {
      background-color: var(--ring-main-hover-color);
    }

.ToggleSakuraUI__link--wD:active .ToggleSakuraUI__triangle--_y {
    background-color: #1a98ff;
    box-shadow: inset 0 -1px #0062b2;
  }

/* ensure styles order */

:root {
  --ring-selected-tab-color: var(--ring-text-color);
}

.ring-variables_dark-dark,
.ring-ui-theme-dark {
  --ring-selected-tab-color: var(--ring-main-color);
}

.ring-tabs-tabs {
}

.ring-tabs-titles {
  display: inline-block;

  margin-bottom: 16px;
}

.ring-tabs-titles {
  box-shadow: inset 0 -1px 0 0 var(--ring-line-color);
}

.ring-tabs-title {

  position: relative;

  display: inline-block;

  padding: 0;

  cursor: pointer;

  color: inherit;

  border: none;
  border-radius: 0;
  background: none;

  line-height: 32px;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ring-tabs-title.ring-tabs-selected:hover,
    .ring-tabs-title.ring-tabs-collapsed:hover {
      color: inherit;
      box-shadow: inset 0 -2px 0 0 var(--ring-text-color);
    }

    .ring-tabs-title:hover:not(.ring-tabs-selected),
    .ring-tabs-title:hover:not(.ring-tabs-collapsed) {
      color: var(--ring-link-hover-color);
      outline-style: none;
      box-shadow: inset 0 -1px 0 0 var(--ring-link-hover-color);
    }}

.ring-tabs-title.ring-tabs-selected:active,
    .ring-tabs-title.ring-tabs-collapsed:active {
      color: inherit;
      box-shadow: inset 0 -2px 0 0 var(--ring-text-color);
    }

.ring-tabs-title:active:not(.ring-tabs-selected),
    .ring-tabs-title:active:not(.ring-tabs-collapsed) {
      color: var(--ring-link-hover-color);
      outline-style: none;
      box-shadow: inset 0 -1px 0 0 var(--ring-link-hover-color);
    }

.ring-tabs-title:focus-visible {
    color: var(--ring-main-color);
    box-shadow: inset 0 -2px 0 0 var(--ring-main-color);
  }

.ring-tabs-title[disabled] {
    pointer-events: none;
  }

.ring-tabs-title.ring-tabs-titleLegacy {
  display: inline-flex;
  flex-direction: column;
}

.ring-tabs-title + .ring-tabs-title {
  margin-left: 24px;
}

.ring-tabs-title[disabled] {
  color: var(--ring-disabled-color);
}

.ring-tabs-selected {
  cursor: default;

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

  outline: none;
  box-shadow: inset 0 -2px 0 0 var(--ring-text-color);
  box-shadow: inset 0 -2px 0 0 var(--ring-selected-tab-color);

  font-weight: bold;
}

.ring-tabs-visible {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  text-align: center;
}

.ring-tabs-container {
  display: flex;
  flex-direction: column;
}

.ring-tabs-hidden {
  display: flex;
  visibility: hidden;
}

.ring-tabs-hiddenBold {
  display: flex;
  visibility: hidden;

  height: 0;

  font-weight: bold;
}

.ring-tabs-hiddenRegular {
  display: flex;
  visibility: hidden;

  height: 0;

  font-weight: normal;
}

.ring-tabs-tabCounter {
  padding-left: 8px;

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

  font-size: 12px;
  font-weight: normal;
  line-height: 19px; /* prevent jumps in Firefox */
}

.ring-tabs-autoCollapseContainer {
  position: relative;
}

.ring-tabs-autoCollapse {
  position: relative;

  display: inline-flex;
  visibility: hidden;
  overflow: hidden;

  max-width: 100%;
}

.ring-tabs-autoCollapse .ring-tabs-title {
  flex-shrink: 0;
}

.ring-tabs-rendered.ring-tabs-adjusted {
  visibility: visible;
  overflow: visible;
}

.ring-tabs-measure {
  position: absolute;
  top: 0;
  left: 0;

  overflow: hidden;

  height: 0;
  margin: 0;

  pointer-events: none;

  opacity: 0;
}

.ring-tabs-morePopup {
  display: flex;
  flex-direction: column;
}

.ring-tabs-collapsed.ring-tabs-collapsed {
  width: 100%;

  border-bottom: none;
  box-shadow: none;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-tabs-collapsed.ring-tabs-collapsed:hover {
    box-shadow: none;
  }}

.ring-tabs-collapsed.ring-tabs-collapsed[disabled] {
  color: var(--ring-disabled-color);
}

.ring-tabs-collapsed .ring-tabs-visible,
.ring-tabs-collapsed .ring-tabs-hidden {
  text-align: left;
}

.ring-tabs-chevron {
  padding-left: 4px;
}

.ring-tabs-morePopupBeforeEnd.ring-tabs-morePopupBeforeEnd.ring-tabs-morePopupBeforeEnd {
  padding: 0;
}

.ring-tabs-morePopupBeforeEnd ~ div {
  display: none;
}

.BreadcrumbsLink__link--ZY {

  max-width: 250px;

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.BreadcrumbsLink__rightIcon--0V {
  margin-left: 5px;

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

.Breadcrumbs__breadcrumbs--HM {
  display: flex;
  flex-wrap: wrap;
}

.Breadcrumbs__separator--Z9 {
  margin: 0 var(--ring-unit);

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.Breadcrumbs__highlight--NT {
  color: var(--ring-text-color)
}

.CreatePipelineHeader__header--YT {
  display: grid;

  overflow: hidden;

  margin: calc(var(--ring-unit)*-2) calc(var(--ring-unit)*-4) 0 calc(var(--ring-unit)*-4);
  padding: calc(var(--ring-unit)*2.5) calc(var(--ring-unit)*4) 0 calc(var(--ring-unit)*4);
  padding-bottom: calc(var(--ring-unit)*2.5);

  border-bottom: 1px solid var(--ring-line-color);
  grid-gap: calc(var(--ring-unit)*2);
  grid-template-columns: auto;
  grid-template-rows: auto auto;
  grid-template-areas:
    'breadcrumbs'
    'heading';
}

.CreatePipelineHeader__breadcrumbs--t5 {
  grid-area: breadcrumbs;
}

.CreatePipelineHeader__heading--V6 {
  grid-area: heading;
}

.CreatePipelineHeader__title--aY.CreatePipelineHeader__title--aY {
  margin-bottom: var(--ring-unit);
}

.CreatePipelineHeader__changeVCS--fo {
  padding: 0 calc(var(--ring-unit)*1.5);

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

.CreatePipelineHeader__githubIcon--ni {
  margin-right: calc(var(--ring-unit)/2);
}

.CreatePipelineHeader__githubText--AS {

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

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

.IndexHeader__header--n7 {
  display: grid;

  overflow: hidden;

  grid-gap: calc(var(--ring-unit)*2);
  grid-template-columns: auto max-content;
  grid-template-rows: auto;
  grid-template-areas:
    'heading actions';

  margin: calc(var(--ring-unit)*-2) calc(var(--ring-unit)*-4) 0;
  padding: calc(var(--ring-unit)*2.5) calc(var(--ring-unit)*4) calc(var(--ring-unit)*2.5);

  border-bottom: 1px solid var(--ring-line-color);
}

.IndexHeader__heading--Fc {
  grid-area: heading;
}

.IndexHeader__actions--BT {
  grid-area: actions;

  display: flex;
  justify-content: end;
}

.IndexHeader__title--lD.IndexHeader__title--lD {
  margin: 0;
}

.ring-list-list {
  position: relative;

  z-index: 1;

  border-radius: var(--ring-border-radius);

  line-height: normal;
}

.ring-list-simpleInner {
  overflow: auto;
}

.ring-list-scrolling {
  pointer-events: none;
}

.ring-list-separator {
  display: block;

  min-height: 8px;

  margin-top: 8px;
  padding: 0 16px 1px;

  text-align: right;
  white-space: nowrap;

  color: var(--ring-secondary-color);
  border-top: 1px solid var(--ring-line-color);

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lower);
}

.ring-list-separator_first {
  margin-top: 0;
  padding-top: 0;

  border: none;
}

.ring-list-item {
  display: block;

  box-sizing: border-box;

  width: 100%;

  text-align: left;
  vertical-align: bottom;
  white-space: nowrap;
  text-decoration: none;

  outline: none;

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

.ring-list-item.ring-list-item {
  padding: 3px 16px 5px;

  line-height: 24px;
}

.ring-list-itemContainer {
  position: relative;
}

.ring-list-compact {
  line-height: 16px;
}

.ring-list-error {
  cursor: default;
}

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

/* Override ring-link */

.ring-list-error,
  .ring-list-error:focus,
  .ring-list-error:visited {
    color: var(--ring-error-color);
  }

.ring-list-add {
  padding: 8px 16px;

  line-height: 32px;
}

.ring-list-top {
  display: flex;
  align-items: baseline;
  flex-direction: row;
}

.ring-list-left {
  align-self: center;
  flex-shrink: 0;
}

.ring-list-label {
  overflow: hidden;
  flex-grow: 1;
  flex-shrink: 1;

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

[dir="rtl"] .ring-list-label {
    text-align: right;
    direction: ltr;
  }

.ring-list-description {
  overflow: hidden;
  flex-shrink: 100;

  padding-left: 8px;

  text-align: right;
  white-space: nowrap;
  text-overflow: ellipsis;

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

  font-size: var(--ring-font-size-smaller);
  font-weight: 400;
  line-height: var(--ring-line-height-lowest);
}

.ring-list-right {
  display: flex;
  align-items: center;
  align-self: center;
  flex-direction: row;
  flex-shrink: 0;
}

.ring-list-details {
  margin-bottom: 6px;

  white-space: normal;

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.ring-list-padded {
  margin-left: 20px;
}

/* Override :last-child */
.ring-list-hint.ring-list-hint {
  margin-bottom: 0;

  border-top: 1px solid var(--ring-line-color);
  background-color: var(--ring-sidebar-background-color);

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

.ring-list-action {
  cursor: pointer;

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

/* override link */
.ring-list-actionLink.ring-list-actionLink {
  transition: none;
}

.ring-list-hover:not(.ring-list-error) {
  background-color: var(--ring-selected-background-color);
}

.ring-list-icon {
  display: inline-block;

  width: 20px;
  height: 20px;
  margin-left: 16px;

  background-repeat: no-repeat;
  background-position: center;

  background-size: contain;
}

.ring-list-highlight {
  color: var(--ring-link-hover-color);
}

.ring-list-service {
  color: var(--ring-secondary-color);
}

.ring-list-glyph {
  float: left;

  width: 20px;

  margin-right: 8px;

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

.ring-list-avatar {

  top: 0;

  height: 20px;

  -o-object-fit: cover;

     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ring-list-rightGlyph {

  float: right;

  margin-right: 0;
  margin-left: 16px;
}

.ring-list-checkboxContainer {
  position: absolute;
  top: 7px;
  left: 19px;

  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.ring-list-compact .ring-list-checkboxContainer {
  top: 0;

  width: 16px;
  height: 16px;
}

.ring-list-title {
  display: block;

  margin-top: 10px;
  margin-bottom: 6px;
  padding: 8px 16px 0;

  text-align: left;
}

[dir="rtl"] .ring-list-title {
    text-align: right;
    direction: ltr;
  }

.ring-list-title_first {
  margin-top: 0;
}

.ring-list-text {
  letter-spacing: 1.5px;
  text-transform: uppercase;

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

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

.ring-list-fade {
  position: absolute;
  bottom: 0;

  width: 100%;
  height: 24px;

  pointer-events: none;

  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--ring-content-background-color));
}

.ring-list-disabled {
  pointer-events: none;

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

.RepositoryList__labelCreate--Ld {
  visibility: hidden;

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

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

.RepositoryList__labelPrivate--R2 {
  color: var(--ring-secondary-color);

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

.RepositoryList__list--Tx {
  margin-left: calc(var(--ring-unit)*-4);
}

.RepositoryList__item--up {
  position: relative;
}

.RepositoryList__itemHover--gp .RepositoryList__labelCreate--Ld {
  visibility: visible;
}

.RepositoryList__image--YI {
  position: absolute;
  top: 6px;
  left: calc(var(--ring-unit)*4);

  width: calc(var(--ring-unit)*3);
  height: calc(var(--ring-unit)*3);
  margin-right: var(--ring-unit);

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

.ring-group-group > *:not(:last-child) {
    margin-right: 8px;
  }

.ring-down-notification-title {
  font-weight: 600;
}

.ring-down-notification-error {
  margin-top: 4px;

  word-wrap: break-word;

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

  line-height: 16px;
}

.ring-services-services {
  max-width: 402px;
  padding: 32px 32px 24px;

  background-color: var(--ring-navigation-background-color);

  line-height: 10px; /* Eliminate gap between clickable blocks rows */
}

.ring-services-active {
  font-weight: bold;
}

.ring-services-item {
  display: inline-block;
  overflow-x: hidden;

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

  text-align: center;
  text-overflow: ellipsis;

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

  line-height: normal;

  line-height: initial;
}

.ring-services-item::after {
    height: 112px;

    vertical-align: middle;
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-services-item:not(:hover),
  .ring-services-item:visited:not(:hover) {
    color: var(--ring-active-text-color);
  }}

.ring-services-itemLogo {
  display: inline-block;

  width: 48px;
  height: 48px;
  margin: 16px 0 9px;

  background-repeat: no-repeat;
  background-size: contain;
}

.ring-services-activeItem {
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-services-activeItem:hover {
    color: var(--ring-active-text-color);
  }}

.ring-services-line {
  height: 1px;
  margin: 32px 0 16px;

  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);
}

.ring-services-itemStacked {
  display: inline-block;

  width: 100%;
  margin-bottom: 16px;

  text-decoration: none;

  line-height: 16px;
}

.ring-services-itemStacked,
  .ring-services-itemStacked:visited {
    color: var(--ring-secondary-color);
  }

.ring-services-itemStacked:last-child {
    margin-bottom: -24px;
  }

.ring-services-activeItemStacked {
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-services-activeItemStacked:hover {
    color: var(--ring-secondary-color);
  }}

.UIPlaceholder__wrapper--Ct {
  display: flex;
  flex-direction: column;
  justify-content: center;

  max-width: var(--tc-content-width);
}

.UIPlaceholder__svgContainer--C4 {
  max-width: calc(var(--ring-unit)*70);
  height: calc(var(--ring-unit)*50);

  margin: 0 auto;

  text-align: center;
}

.UIPlaceholder__svgContainer--C4.UIPlaceholder__defaultUi--tf {
    padding-top: calc(var(--ring-unit)*9);
  }

.UIPlaceholder__svgContainer--C4.UIPlaceholder__defaultUi--tf > svg {
      margin-top: calc(var(--ring-unit)*8.5);
    }

.UIPlaceholder__infoContainer--xa {
  max-width: calc(var(--ring-unit)*40);
  height: calc(var(--ring-unit)*30);

  margin: calc(var(--ring-unit)*-4) auto 0;

  text-align: center;
}

.UIPlaceholder__description--pV {
  padding: 0 calc(var(--ring-unit)*2);
}

.UIPlaceholder__benefits--FJ {
  margin-bottom: var(--ring-unit);
}

.PipelineChart__wrapper--P3 {
  position: relative;
}

.PipelineChart__edges--kN {
  position: relative;
  fill: transparent;
  stroke: var(--ring-icon-color);

  pointer-events: none;
}

.JobIconStatus__iconsWrapper--DE {
  display: inline-block;
}

.JobIconStatus__icon--cG {
  height: 16px;
}

.JobIconStatus__parallelismIcon--MA {
  margin-left: calc(var(--ring-unit)*-1);

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

.JobIconStatus__parallelismIconSuccess--v8 {
  color: var(--ring-success-color);
}

.JobIconStatus__parallelismIconError--QX {
  color: var(--ring-icon-error-color);
}

.RunStatus__success--w3 {
  color: var(--ring-success-color);
}

.RunStatus__failure--g4 {
  color: var(--ring-error-color);
}

.RunStatus__queued--z3 {
  color: var(--ring-secondary-color);
}

.RunStatus__canceled--MR {
  color: var(--ring-secondary-color);
}

.RunStatus__icon--Zx {
  margin-right: calc(var(--ring-unit)/2);
}

.PipelineRunJobProgress__progres--Q5 {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;

  width: 100%;
}

.PipelineRunJobProgress__progres--Q5 > .PipelineRunJobProgress__progresBar--e4 {
    box-sizing: border-box;

    height: 100%;

    border-bottom: 1px solid transparent;

    background-clip: padding-box;
  }

.PipelineRunJobProgress__progres--Q5 > .PipelineRunJobProgress__progresBar--e4:last-child {
      border: 0;
    }

/* stylelint-disable-next-line */
.PipelineRunJobProgress__progress-success--HX {
  background-color: rgba(var(--ring-icon-success-components), 0.12);
}

/* stylelint-disable-next-line */
.PipelineRunJobProgress__progress-failure--es {
  background-color: rgba(var(--ring-icon-error-components), 0.12);
}

.PipelineRunJob__tile--QO {
  --text-wrapper-background: rgba(var(--ring-content-background-components), 0.7);

  position: absolute;

  overflow: hidden;

  box-sizing: border-box;

  width: 196px;
  padding: calc(var(--ring-unit)/1.5) var(--ring-unit) var(--ring-unit);

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

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.PipelineRunJob__tile--QO:hover {
  --text-wrapper-background: rgba(var(--ring-hover-background-components), 0.7);

  text-decoration: none;

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

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

.PipelineRunJob__running--j2 {
  box-shadow: 0 0 0 1px var(--ring-line-color) inset;
}

.PipelineRunJob__selected--Vk {
  --text-wrapper-background: rgba(var(--ring-hover-background-components), 0.7);

  background-color: var(--ring-hover-background-color);
  box-shadow: 0 0 0 2px var(--ring-main-color) inset;
}

.PipelineRunJob__head--Gg {
  display: flex;
}

.PipelineRunJob__icon--yY.PipelineRunJob__icon--yY > svg {
  margin-top: -1px;

  vertical-align: 1px;
}

.PipelineRunJob__left--vj {
  margin-left: auto;

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.PipelineRunJob__name--u3 {
  margin-bottom: 4px;

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

.PipelineRunJob__status--HC {
  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.PipelineRunJob__success--hb {
  color: var(--ring-success-color);
}

.PipelineRunJob__failure--dS {
  color: var(--ring-error-color);
}

.PipelineRunJob__queued--OU {
  color: var(--ring-secondary-color);
}

.PipelineRunJob__canceled--nR {
  color: var(--ring-secondary-color);
}

.PipelineRunJob__text--oh,
.PipelineRunJob__left--vj {
  position: relative;
  z-index: 1;

  border-radius: var(--ring-border-radius);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);

  background-color: var(--text-wrapper-background);
}

.PipelineRunJob__name--u3,
.PipelineRunJob__status--HC {
  display: -webkit-box;
  overflow: hidden;

  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.PipelineBranchLabel__branchLabel--Xr {
  padding: 0;

  background-color: transparent;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.PipelineBranchLabel__branchLabel--Xr:hover {
    color: var(--ring-link-hover-color);
    background-color: transparent;
  }}

.PipelineBranchLabel__branchLabel--Xr:focus {
    color: var(--ring-link-hover-color);
    background-color: transparent;
  }

.PipelineBranchLabel__branchLabel--Xr svg {
    margin-right: calc(var(--ring-unit)/2);
  }

.SettingsSidebar__animation--IP {
  transition: right 0.25s;
}

.SettingsSidebar__aside--Rv {

  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;

  overflow: hidden;

  box-sizing: border-box;

  height: 100%;
}

.SettingsSidebar__sidebar--dk {
  height: 100%;

  border-left: 1px solid var(--ring-line-color);
  background-color: var(--ring-content-background-color);
}

.EditPipelineHeader__header--en {

  z-index: 3;

  display: grid;

  overflow: hidden;

  padding: calc(var(--ring-unit)*2.5) calc(var(--ring-unit)*4) calc(var(--ring-unit)*2.5) calc(var(--ring-unit)*4);

  border-bottom: 1px solid var(--ring-line-color);
  background-color: var(--ring-content-background-color);

  grid-gap: calc(var(--ring-unit)*2);
  grid-template-columns: auto max-content;
  grid-template-rows: auto auto;
  grid-template-areas:
    'breadcrumbs breadcrumbs'
    'heading actions';
}

.EditPipelineHeader__breadcrumbs--SC {
  grid-area: breadcrumbs;
}

.EditPipelineHeader__heading--ap {
  grid-area: heading;

  overflow: hidden;
}

.EditPipelineHeader__actions--JR {
  grid-area: actions;

  display: flex;
  justify-content: end;
}

.EditPipelineHeader__title--H5 {
}

.EditPipelineHeader__title--H5.EditPipelineHeader__title--H5 {
  margin: 0;
}

.EditPipelineHeader__titleWrapper--ub {
  display: flex;
  align-items: baseline;

  margin-bottom: var(--ring-unit);
}

.EditPipelineHeader__headerLink--MB {
  padding: 0 calc(var(--ring-unit)*1.5);
}

.EditPipelineHeader__active--pR {
  font-weight: bold;
}

.EditPipelineHeader__description--vU {

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lower);
}

.EditPipelineHeader__description--vU a {
    color: var(--ring-secondary-color);
  }

.EditPipelineHeader__numberErrors--cw {
  color: var(--ring-error-color);

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

.EditPipelineHeader__warningMessage--iY {
  display: flex;
  align-items: center;

  padding-top: calc(var(--ring-unit)/2);

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-font-size-smaller);
  fill: var(--ring-warning-color);
}

.EditPipelineHeader__warningMessage--iY svg {
    width: 12px;

    margin-right: calc(var(--ring-unit)/2);
  }

.PipelineNavigationItem__link--CC {
  position: relative;

  display: inline-block;

  width: calc(var(--ring-unit)*1.5);
  height: calc(var(--ring-unit)*6 + 1px);
  margin-right: 1px;
}

.PipelineNavigationItem__active--_q::after {
  position: absolute;
  z-index: var(--ring-fixed-z-index);
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;

  content: '';

  border-radius: 2px;
  box-shadow: 0 0 0 3px rgba(var(--ring-main-components), 0.4);
}

.PipelineNavigationItem__bar--pP {
  position: absolute;
  right: 0;
  bottom: calc(var(--ring-unit)*3 + 1px);
  left: 0;

  min-height: 1px;
}

.PipelineNavigationItem__success--KW {
  background-color: var(--tc-success-background-color);
  box-shadow: inset 0 1px var(--ring-icon-success-color);
}

.PipelineNavigationItem__failure--L3 {
  background-color: var(--ring-icon-error-color);
}

.PipelineNavigationItem__canceled--kx {
  background-color: var(--ring-icon-secondary-color);
}

@keyframes PipelineNavigationItem__bar-move--xR {
  from {
    transform: translateY(calc(var(--ring-unit)*-1));
  }

  to {
    transform: translateY(0);
  }
}

.PipelineNavigationItem__running--QS {
  overflow: hidden;
}

.PipelineNavigationItem__running--QS::before {
    display: block;

    height: calc(100% + var(--ring-unit));

    content: '';
    animation: PipelineNavigationItem__bar-move--xR 1s linear infinite;

    background-repeat: repeat;
    background-position: bottom;
    background-size: var(--ring-unit) var(--ring-unit);
  }

.PipelineNavigationItem__running--QS.PipelineNavigationItem__success--KW {

    box-shadow: none;
  }

.PipelineNavigationItem__running--QS.PipelineNavigationItem__success--KW::before {
      background-image:
        linear-gradient(
          135deg,
          var(--ring-icon-success-color),
          var(--ring-icon-success-color) 3.75%,
          transparent 3.75%,
          transparent 46.25%,
          var(--ring-icon-success-color) 46.25%,
          var(--ring-icon-success-color) 53.75%,
          transparent 53.75%,
          transparent 96.25%,
          var(--ring-icon-success-color) 96.25%,
          var(--ring-icon-success-color)
        );
    }

.PipelineNavigationItem__running--QS.PipelineNavigationItem__failure--L3::before {
    background-image:
      linear-gradient(
        45deg,
        var(--tc-error-background-color),
        var(--tc-error-background-color) 3.75%,
        transparent 3.75%,
        transparent 46.25%,
        var(--tc-error-background-color) 46.25%,
        var(--tc-error-background-color) 53.75%,
        transparent 53.75%,
        transparent 96.25%,
        var(--tc-error-background-color) 96.25%,
        var(--tc-error-background-color)
      );
  }

.PipelineNavigationItem__queued--ed {
  position: absolute;
  top: calc(var(--ring-unit)*3 + 1px);
  right: 0;
  left: 0;

  min-height: 1px;

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.PipelineNavigationItem__link--CC:hover .PipelineNavigationItem__success--KW {
  background-color: var(--tc-success-hover-background-color);
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.PipelineNavigationItem__link--CC:hover .PipelineNavigationItem__failure--L3 {
  background-color: var(--tc-error-hover-color);
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.PipelineNavigationItem__link--CC:hover .PipelineNavigationItem__canceled--kx {
  background-color: var(--ring-secondary-color);
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.PipelineNavigationItem__link--CC:hover .PipelineNavigationItem__queued--ed {
  background-color: var(--ring-borders-color);
}}

.PipelineNavigation__container--JQ {
  text-align: center;
}

.PipelineNavigation__chart--_M {
  height: calc(var(--ring-unit)*6 + 1px);
  margin-bottom: var(--ring-unit);
}

.PipelineNavigation__prevNext--xc {
  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.PipelineNavigation__prevNextButton--kp {
  height: auto;
  padding: 0 calc(var(--ring-unit)/2);

  vertical-align: -1px;

  line-height: 13px;
}

.PipelineNavigation__prevNextButton--kp[disabled] {
  opacity: 0;
}

.PipelineRunHeader__header--kL {
  display: grid;

  overflow: hidden;

  margin: calc(var(--ring-unit)*-2) calc(var(--ring-unit)*-4) calc(var(--ring-unit)*4) calc(var(--ring-unit)*-4);
  padding: calc(var(--ring-unit)*2.5) calc(var(--ring-unit)*4) 0 calc(var(--ring-unit)*4);
  padding-bottom: calc(var(--ring-unit)*2.5);

  border-bottom: 1px solid var(--ring-line-color);
  grid-gap: calc(var(--ring-unit)*2);
  grid-template-columns: 1fr max-content 1fr;
  grid-template-rows: auto auto;
  grid-template-areas:
    'breadcrumbs breadcrumbs breadcrumbs'
    'heading pipelineNavigation actions'
    'heading pipelineNavigation runInformation';
}

.PipelineRunHeader__breadcrumbs--Lk {
  grid-area: breadcrumbs;
}

.PipelineRunHeader__heading--o0 {
  grid-area: heading;

  overflow: hidden;
}

.PipelineRunHeader__pipelineNavigaion--Wg {
  grid-area: pipelineNavigation;
}

.PipelineRunHeader__actions--PX {
  grid-area: actions;

  display: flex;
  justify-content: end;
}

.PipelineRunHeader__runInformation--Vn {

  display: flex;
  align-items: end;
  flex-direction: column;
  grid-area: runInformation;
}

.PipelineRunHeader__historyLink--A_ {
  color: var(--ring-secondary-color);

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.PipelineRunHeader__historyChevron--tS {
  margin-left: -3px;
}

.PipelineRunHeader__titleWrapper--YG::after {
    display: block;
    clear: both;

    content: '';
  }

.PipelineRunHeader__iconStatus--TR {
  float: left;

  height: 20px;
  margin-top: calc(var(--ring-unit)/2);
  margin-right: calc(var(--ring-unit)/2);
}

.PipelineRunHeader__iconStatus--TR span,
  .PipelineRunHeader__iconStatus--TR span svg {
    width: 20px;
    height: 20px;
  }

.PipelineRunHeader__historyChevron--tS.PipelineRunHeader__historyChevron--tS > svg {
  vertical-align: -4px;
}

.PipelineRunHeader__branchAndStatus--sz {

  margin-top: calc(var(--ring-unit)/2);
}

.PipelineRunHeader__branch--gX {
  margin-left: calc(var(--ring-unit)/1.5);

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lower);
}

.PipelineRunHeader__success--hj.PipelineRunHeader__success--hj {
  color: var(--ring-success-color);
}

.PipelineRunHeader__failure--c1.PipelineRunHeader__failure--c1 {
  color: var(--ring-error-color);
}

.PipelineRunHeader__queued--Pz.PipelineRunHeader__queued--Pz {
  color: var(--ring-secondary-color);
}

.PipelineRunHeader__canceled--gp.PipelineRunHeader__canceled--gp {
  color: var(--ring-secondary-color);
}

.PipelineRunHeader__triggered--cB {

  display: flex;
  align-items: baseline;

  margin-top: calc(var(--ring-unit)/2);
}

.PipelineRunHeader__button--PM {
  margin-left: var(--ring-unit);
}

.PipelineRunHeader__stop--Z1 {
  margin-right: calc(var(--ring-unit)*-1);
}

.PipelineRunHeader__optimized--MF {
  color: var(--ring-text-color);
}

.PipelineRunHeader__optimizedIcon--nQ {
  margin-right: calc(var(--ring-unit)/2);
}

.PipelineRunHeader__reusedPopup--N5 {
  padding: calc(var(--ring-unit)*1.5) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);
}

.PipelineRunHeader__reusedItem--aE {
  margin-top: 14px;

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

.PipelineRunHeader__icon--Mh {
  margin-right: calc(var(--ring-unit)/2);
}

.PipelineRunHeader__reusedItemInfo--Qm {
  margin-top: 6px;

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.PipelineRunHeader__cancel--jX {
  vertical-align: 2px;
}

.ExpandablePanel__panel--do {
  margin-bottom: calc(var(--ring-unit)*4);
}

.ExpandablePanel__heading--SL,
.ExpandablePanel__subheading--DR {
  margin-right: var(--ring-unit);

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

.ExpandablePanel__subheading--DR {
  font-size: var(--ring-font-size-smaller);
  font-weight: normal;
  line-height: calc(var(--ring-unit)*2);
}

.ExpandablePanel__header--Mk.ExpandablePanel__header--Mk {
  margin-bottom: 0;

  color: inherit;

  font-size: inherit;
  font-weight: bold;
  line-height: inherit;
}

.ExpandablePanel__headerToggle--tD {
  padding: calc(var(--ring-unit)/2) calc(var(--ring-unit)*2.75);

  cursor: pointer;

  outline: none;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ExpandablePanel__headerToggle--tD:hover {
  background: var(--ring-hover-background-color);
}}

.ExpandablePanel__headerToggle--tD.ExpandablePanel__disabled--nv {
  cursor: default;
}

.ExpandablePanel__content--XP {
  margin-top: calc(var(--ring-unit)*0.5);
  margin-bottom: calc(var(--ring-unit)*2);

  padding-top: 0;
  padding-bottom: 0;
}

.ExpandablePanel__content--XP.ExpandablePanel__border--ZR {
    padding: calc(var(--ring-unit)*2);
    padding-top: calc(var(--ring-unit)*1.5);

    border: 1px solid var(--ring-line-color);

    border-radius: 3px;
  }

.ExpandablePanel__chevronIcon--Rh {
  position: relative;

  display: inline;

  height: auto;

  margin-right: calc(var(--ring-unit)/2);
  padding: 0;

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

.ExpandablePanel__chevronIconWrapper--th.ExpandablePanel__chevronIconWrapper--th {
  color: var(--ring-icon-secondary-color);
}

.ExpandablePanel__disabledIcon--hq {
  visibility: hidden;
}

.Search__input--iu {
  margin-bottom: var(--ring-unit);
  margin-left: calc(var(--ring-unit)*4);
}

.AgentBuildTypes__agentBuildTypesTab--Y3 {
  position: relative;
}

.AgentBuildTypes__search--pc {
  position: absolute;
  top: 0;
  right: calc(var(--ring-unit)*-2);
}

.AgentBuildTypes__section--K1 {
  margin: calc(var(--ring-unit)*4) calc(var(--ring-unit)*-4) 0 calc(var(--ring-unit)*-4);
  padding: 0 calc(var(--ring-unit)*4);
}

.AgentBuildTypes__sectionHeader--Cs {
  height: calc(var(--ring-unit)*3);
}

.AgentBuildTypes__loader--nj {
  margin-left: calc(var(--ring-unit)*4);
}

.AgentBuildTypes__assignmentAction--eR {
  position: absolute;
  right: 0;

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

.AgentBuildTypesTree__item--sU {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  min-height: calc(var(--ring-unit)*3);

  outline: none;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.AgentBuildTypesTree__item--sU:hover {
  background-color: var(--ring-hover-background-color);
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.AgentBuildTypesTree__projectItem--oq:hover {
  cursor: pointer;
}}

.AgentBuildTypesTree__itemLeftColumn--Bo {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: flex-start;
}

.AgentBuildTypesTree__itemName--Rd {
  flex: 0 0;

  white-space: nowrap;
}

.AgentBuildTypesTree__itemTypeIcon--JX {
  margin-right: calc(var(--ring-unit)/2);

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

.AgentBuildTypesTree__chevronIcon--M8 {
  position: relative;

  display: inline;

  cursor: pointer;
}

.AgentBuildTypesTree__itemLink--Vv {
  margin-right: calc(var(--ring-unit)*2);
}

.AgentBuildTypesTree__disabledIcon--do {
  visibility: hidden;
}

.AgentBuildTypesTree__incompatibilitiesPopup--zT {
  padding: var(--ring-unit);
}

.AgentBuildTypesTree__incompatibility--DN {
  overflow: hidden;

  flex: 1 1;

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

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

.AgentBuildTypesTree__incompatibilityLine--nU {
  display: block;
}

.AgentBuildTypesTree__incompatibilityPropName--wO {
  color: var(--ring-secondary-color);

  font-family: var(--ring-font-family-monospace);
}

.AgentBuildTypesTree__incompatibilityPropValue--Ma {
  color: var(--ring-error-color);

  font-family: var(--ring-font-family-monospace);
}

.AgentBuildTypesTree__showAllIncompatibilitiesButton--Mo {
  flex: 0 0;

  white-space: nowrap;

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

.AgentBuildTypesTree__assignItemButton--Km {
  flex: 0 0;
}

.ring-button-set-buttonSet {
  position: relative;

  display: inline-block;

  white-space: nowrap;

  font-size: 0;
}

.ring-button-set-buttonSet .ring-button-button {
    margin: 0 8px 0 0;
  }

.ring-button-set-buttonSet > .ring-button-button:last-child {
    margin-right: 0;
  }

.PendingAcmeOrderForm__verificationMessage--C3 {
  margin-bottom: calc(var(--ring-unit)*1.5);
}

.PendingAcmeOrderForm__authorization--QF {
  display: flex;
  flex-direction: column;
  row-gap: calc(var(--ring-unit)/2);

  margin-bottom: calc(var(--ring-unit)*1.5);

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

.PendingAcmeOrderForm__controls--M1 {
  display: flex;
  -moz-column-gap: var(--ring-unit);
       column-gap: var(--ring-unit);

  margin-top: calc(var(--ring-unit)*1.5);
}

.TermsOfServiceForm__domainInfo--xH {
  margin-bottom: var(--ring-unit);
}

.TermsOfServiceForm__domainError--il {
  color: var(--ring-error-color);
}

.TermsOfServiceForm__domainError--il > span {
    margin-right: var(--ring-unit);

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

.TermsOfServiceForm__terms--Kp {
  margin-bottom: calc(var(--ring-unit)*1.5);
}

.TermsOfServiceForm__errorBlock--ZK {
  display: flex;
  flex-direction: column;
  row-gap: var(--ring-unit);
}

.TermsOfServiceForm__termsContainer--MD {
  transition: opacity var(--ring-ease);
}

.TermsOfServiceForm__overlay--Wx {
  cursor: wait;

  opacity: 0.3;
}

.TermsOfServiceForm__overlay--Wx > * {
    pointer-events: none;
  }

.CertificateFetchForm__fetchForm--je {
  line-height: var(--ring-line-height);
}

.CertificateRenewal__dialog--kd {
  width: auto;
}

.CertificateRenewal__dialogContent--Kz {
  padding-top: var(--ring-unit);
}

.CertificateRenewal__expirationInfo--cY {
  margin-top: calc(var(--ring-unit)/2);

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

.CertificateRenewal__infoMargin--qF {
  margin-top: var(--ring-unit);
}

.CertificateRenewal__warning--wz {
  color: var(--ring-warning-color);
}

.CertificateRenewal__expired--Ni {
  color: var(--ring-error-color);
}

.CertificateRenewal__renewalBtn--di {
  margin: 0 calc(var(--ring-unit)/2);

  color: var(--ring-button-primary-background-color);
}

.ring-radio-radio {
  position: relative;

  display: flex;
  flex-direction: row;

  padding: 2px 0;

  text-align: left;

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

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

    border-color: var(--ring-border-hover-color);
  }}

.ring-radio-circle {
  position: relative;
  top: 2px;

  flex-shrink: 0;

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

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
  transition: border-color var(--ring-ease), box-shadow var(--ring-ease);
  pointer-events: none;

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

.ring-radio-circle::after {
    position: absolute;
    top: 3px;
    left: 3px;

    width: 8px;
    height: 8px;

    content: "";

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

    transform: scale(0);

    opacity: 0;

    border-radius: 4px;
    background-color: var(--ring-main-color);
  }

.ring-radio-input {
  position: absolute;
  top: 0;
  left: 0;

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

  cursor: pointer;

  opacity: 0;
}

.ring-radio-input[disabled] + .ring-radio-circle {
    border-color: var(--ring-border-disabled-color);
    background-color: var(--ring-disabled-background-color);
  }

.ring-radio-input:checked + .ring-radio-circle {
    border-color: var(--ring-main-color);

    /* stylelint-disable-next-line selector-max-specificity */
  }

.ring-radio-input:checked + .ring-radio-circle::after {
      transition: none;

      transform: scale(1);

      opacity: 1;
    }

.ring-radio-input:focus + .ring-radio-circle,
  .ring-radio-input.ring-radio-focus + .ring-radio-circle {
    border-color: var(--ring-border-hover-color);
    box-shadow: 0 0 0 1px var(--ring-border-hover-color);
  }

.ring-radio-input[disabled] {
    pointer-events: none;
  }

/* stylelint-disable-next-line selector-max-specificity */

.ring-radio-input[disabled]:checked + .ring-radio-circle {
    border-color: var(--ring-border-selected-disabled-color);

    /* stylelint-disable-next-line selector-max-specificity */
  }

.ring-radio-input[disabled]:checked + .ring-radio-circle::after {
      background-color: var(--ring-icon-disabled-color);
    }

.ring-radio-input[disabled] ~ .ring-radio-label {
    color: var(--ring-disabled-color);
  }

.ring-radio-label {
  margin-left: 8px;

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

.ring-control-label-label {
  display: block;

  margin-bottom: calc(var(--ring-unit)*0.5);
}

.ring-control-label-formLabel {
  color: var(--ring-text-color);

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

.ring-control-label-secondaryLabel {
  color: var(--ring-secondary-color);

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.ring-control-label-disabledLabel {
  color: var(--ring-disabled-color);
}

.ring-input-outerContainer {
  --ring-input-icon-offset: 20px;
  --ring-input-padding-inline: 8px;
  --ring-input-background-color: var(--ring-content-background-color);
}

.ring-input-borderless {
  /* stylelint-disable-next-line length-zero-no-unit */
  --ring-input-padding-inline: 0px;
}

.ring-input-container {
  position: relative;

  box-sizing: border-box;

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

.ring-input-container * {
    box-sizing: border-box;
  }

.ring-input-input {
  --ring-input-padding-start: var(--ring-input-padding-inline);
  --ring-input-padding-end: var(--ring-input-padding-inline);

  width: 100%;

  margin: 0;
  padding-top: var(--ring-input-padding-block);
  padding-right: var(--ring-input-padding-inline);
  padding-right: var(--ring-input-padding-end);
  padding-bottom: var(--ring-input-padding-block);
  padding-left: var(--ring-input-padding-inline);
  padding-left: var(--ring-input-padding-start);

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

  color: var(--ring-text-color);
  border: 1px solid var(--ring-borders-color);
  border-radius: var(--ring-border-radius);
  outline: none;
  background-color: var(--ring-input-background-color);

  font: inherit;

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

[dir="rtl"] .ring-input-input {
    padding-right: var(--ring-input-padding-start);
    padding-left: var(--ring-input-padding-end);
  }

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

    border-color: var(--ring-border-hover-color);
  }}

.ring-input-error .ring-input-input {
    border-color: var(--ring-icon-error-color);
  }

.ring-input-input:focus {
    transition: none;

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

.ring-input-input[disabled] {
    color: var(--ring-disabled-color);
    border-color: var(--ring-border-disabled-color);
    background-color: var(--ring-disabled-background-color);

    -webkit-text-fill-color: var(--ring-disabled-color); /* Required for Safari, see RG-2063 for details */
  }

/*
    Kill yellow/blue webkit autocomplete
    https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/
  */

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-input-input:-webkit-autofill:hover {
      -webkit-transition: background-color 50000s ease-in-out 0s;
      transition: background-color 50000s ease-in-out 0s;
    }}

.ring-input-input:-webkit-autofill,
    .ring-input-input:-webkit-autofill:focus {
      -webkit-transition: background-color 50000s ease-in-out 0s;
      transition: background-color 50000s ease-in-out 0s;
    }

.ring-input-borderless .ring-input-input {
  border-color: transparent;
  background-color: transparent;
}

.ring-input-withIcon .ring-input-input {
  --ring-input-padding-start: calc(var(--ring-input-padding-inline) + var(--ring-input-icon-offset));
}

.ring-input-clearable .ring-input-input {
  --ring-input-padding-end: calc(var(--ring-input-padding-inline) + var(--ring-input-icon-offset));
}

.ring-input-icon {
  position: absolute;
  top: calc(var(--ring-input-padding-block) + 1px);
  left: var(--ring-input-padding-inline);

  pointer-events: none;

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

[dir="rtl"] .ring-input-icon {
    right: 8px;
    left: auto;
  }

.ring-input-clear {
  position: absolute;
  top: calc(var(--ring-input-padding-block) + 2px);
  right: var(--ring-input-padding-inline);

  height: auto;

  padding-right: 0;

  line-height: inherit;
}

.ring-input-empty .ring-input-clear {
    display: none;
  }

[dir="rtl"] .ring-input-clear {
    right: auto;
    left: 8px;
  }

textarea.ring-input-input {
  overflow: hidden;

  box-sizing: border-box;

  resize: none;
}

.ring-input-input::-moz-placeholder {
  color: var(--ring-disabled-color);
}

.ring-input-input::placeholder {
  color: var(--ring-disabled-color);
}

.ring-input-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.ring-input-errorText {
  margin-top: 4px;

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.ring-input-sizeS {
  width: 96px;
}

.ring-input-sizeM {
  width: 240px;
}

.ring-input-sizeL {
  width: 400px;
}

.ring-input-sizeFULL {
  width: 100%;
}

.ring-input-heightS {
  --ring-input-padding-block: 1px;
}

.ring-input-heightM {
  --ring-input-padding-block: 3px;
}

.ring-input-heightL {
  --ring-input-padding-block: 5px;
}

.ScheduleBuild__input--K5 {
  display: inline-block;

  width: calc(var(--ring-unit)*35 + 2px);
  padding-bottom: calc(var(--ring-unit)/2);
}

.ScheduleBuild__inputInner--Mq {
  height: 22px;
}

.ScheduleBuild__toggle--Ln {
  color: var(--ring-link-color);
}

.ScheduleBuild__container--Su {
  display: flex;

  margin-top: calc(var(--ring-unit)/2);
}

.ScheduleBuild__radioButton--Ma:not(:last-of-type) {
  padding: 0 0 8px;
}

.PortConfiguration__port--Iu {
  display: flex;
  align-items: center;

  margin-top: calc(var(--ring-unit)/2);
  -moz-column-gap: calc(var(--ring-unit)/2);
       column-gap: calc(var(--ring-unit)/2);
}

.PortConfiguration__port--Iu input::-webkit-outer-spin-button,
.PortConfiguration__port--Iu input::-webkit-inner-spin-button {
  -webkit-appearance: none;

  margin: 0;
}

.PortConfiguration__port--Iu input {
  width: calc(var(--ring-unit)*16);

  -moz-appearance: textfield;
}

.PortConfiguration__error--g5 {
  min-height: var(--ring-line-height-lowest);
  margin-top: calc(var(--ring-unit)/4);

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.Message__container--AV {
  display: flex;

  width: calc(var(--ring-unit)*64.5);

  padding: var(--ring-unit) calc(var(--ring-unit)*2);

  border-radius: var(--ring-border-radius);

  background-color: var(--ring-warning-background-color);

  font-size: var(--ring-font-size-smaller);
  -moz-column-gap: var(--ring-unit);
       column-gap: var(--ring-unit);
}

.Message__info--BH {
  background-color: var(--ring-hover-background-color);
}

.Message__infoIcon--rW {
  color: var(--ring-main-color);
}

.Message__warningIcon--Vd {
  color: var(--ring-icon-warning-color);
}

.ConnectorSettings__redirectTitle--Mu.ConnectorSettings__redirectTitle--Mu {
  margin-top: calc(var(--ring-unit)/2);
  margin-bottom: 0;

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

.ConnectorSettings__description--YI {
  max-width: calc(var(--ring-unit)*65);

  margin-bottom: calc(var(--ring-unit)/2);
  margin-left: calc(var(--ring-unit)*3);

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

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

.ConnectorSettings__redirectMessage--on {
  margin: calc(var(--ring-unit)*1.5) 0;
  margin-left: calc(var(--ring-unit)*3);
}

.ConnectorSettings__portConfig--tj {
  margin-top: calc(var(--ring-unit)*1.5);
}

.ConnectorSettings__updateWarning--QR {
  margin-top: var(--ring-unit);
  margin-bottom: var(--ring-unit);
}

.ConnectorSettings__urlsInfo--D_ {
  margin-top: var(--ring-unit);
}

.ConnectorSettings__save--ky {
  margin-top: calc(var(--ring-unit)*1.5);
}

.RemoveCertificateButton__confirmationLabel--xF {
  margin-top: calc(var(--ring-unit)/2);
  margin-bottom: var(--ring-unit);
}

.UploadButton__wrapper--DF {
  display: flex;
  align-items: center;

  min-height: calc(var(--ring-unit)*3);
}

.UploadButton__input--Mi {
  display: none;
}

.UploadButton__caption--N5 {
  display: inline-block;

  margin-left: var(--ring-unit);

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

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

.UploadButton__wrapper--DF.UploadButton__dragover--iz {
  border-radius: var(--ring-border-radius-small);
  outline: dashed 1px var(--ring-main-color);
  outline-offset: calc(var(--ring-unit)/2);
}

.CertificateUploadForm__uploadForm--jM {
  display: flex;
  flex-direction: column;
  row-gap: var(--ring-unit);
}

.CertificateUploadForm__portConfig--F6 {
  margin: calc(var(--ring-unit)/2) 0;
}

.CertificateInfo__info--vQ {
  display: grid;
  grid-template-columns: calc(var(--ring-unit)*18) fit-content(calc(var(--ring-unit)*100));

  grid-row-gap: calc(var(--ring-unit)*1.5);

  row-gap: calc(var(--ring-unit)*1.5);

  margin-bottom: calc(var(--ring-unit)*1.5);
}

.CertificateInfo__caption--uw {
  margin-top: var(--ring-unit);

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

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

.CertificateInstallationForm__tabs--RX {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: calc(var(--ring-unit)*2);
}

.CertificateInstallationForm__radioItem--AO {
  padding: 2px 0;
}

.CertificateInstallationForm__errorDescription--jx {
  width: calc(var(--ring-unit)*62.5);
  margin-top: var(--ring-unit);

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

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

.HttpsConfigurationPage__title--WZ.HttpsConfigurationPage__title--WZ {
  margin-top: var(--ring-unit);
  margin-bottom: 0;

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

.HttpsConfigurationPage__warning--sm {
  margin-bottom: calc(var(--ring-unit)*1.5);
}

.HttpsConfigurationPage__warning--sm,
.HttpsConfigurationPage__description--ER {
  line-height: var(--ring-line-height);
}

.EditFederation__form--Ku {
  display: flex;
}

.EditFederation__input--DC {
  flex-grow: 1;
}

.EditFederation__add--Fx {
  margin-left: calc(var(--ring-unit)*2);
}

.EditFederation__list--yF {
  margin: calc(var(--ring-unit)*2) 0;
  padding: 0;
}

.EditFederation__item--cP {
  display: flex;
  align-items: baseline;

  height: calc(var(--ring-unit)*4);
  margin-top: 1px;

  list-style-type: none;

  white-space: nowrap;

  box-shadow:
    0 1px var(--ring-line-color),
    0 -1px var(--ring-line-color);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.EditFederation__item--cP:hover {
    background-color: var(--ring-hover-background-color);
  }}

.EditFederation__item--cP:focus {
    outline: none;
    box-shadow:
      0 1px var(--ring-line-color),
      0 -1px var(--ring-line-color),
      inset 2px 0 var(--ring-main-color);
  }

.EditFederation__item--cP > * {
    margin: calc(var(--ring-unit)/2);
  }

.EditFederation__note--oE {
  margin: calc(var(--ring-unit)*2) 0;

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

.EditFederation__saveContainer--Ce {
  display: flex;
}

.EditFederation__save--yE {
  margin-left: auto;
}

.EditFederation__handle--Wl {
  color: var(--ring-icon-color);
}

.EditFederation__dragged--uw .EditFederation__handle--Wl {
  color: var(--ring-main-color);
}

.EditFederation__url--o5 {
  flex-grow: 1;
}

.EditFederation__success--w5 {
  color: var(--ring-success-color);
}

.EditFederation__error--dZ {
  overflow: hidden;

  text-overflow: ellipsis;

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

.Input__input--NP {
  background-color: var(--ring-content-background-color);
}

.Repositories__repositories--i7 {
  width: calc(var(--ring-unit)*58);
  height: 100%;

  padding-top: calc(var(--ring-unit)*2.5);

  border-right: 1px solid var(--ring-line-color);
}

.Repositories__error--UM {
  color: var(--ring-error-color);
}

.Repositories__actions--d_ {
  margin-top: calc(var(--ring-unit)*2);
}

.Repositories__button--U7 {
  margin-right: var(--ring-unit);
}

.CreatePipelinePage__container--q2 {
  display: flex;
  flex-direction: column;

  width: 100%;
}

.CreatePipelinePage__hidden--hx {
  display: none;
}

.CreatePipelinePage__content--xJ {
  display: flex;
  flex-direction: row;
  flex-grow: 1;

  padding-bottom: calc(var(--ring-unit)*4);
}

.CreatePipelinePage__errorWrapper--Kv {
  flex-grow: 1;
}

.CreatePipelinePage__loader--AW {
  flex-grow: 1;

  padding-top: calc(var(--ring-unit)*4);
}

.CreatePipelinePage__imageWrapper--Jp {
  display: flex;
  flex-grow: 1;
  justify-content: center;

  padding-top: calc(var(--ring-unit)*2.5);
}

.CreatePipelinePage__image--ow {
  position: sticky;
  top: calc(var(--ring-unit)*4);

  width: 493px;
  height: 326px;
}

@keyframes TwoFactorAuthPages__fade-in--f5 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.TwoFactorAuthPages__error--NC {
  animation: TwoFactorAuthPages__fade-in--f5 0.2s;

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

span.TwoFactorAuthPages__error--NC {
  margin-left: calc(var(--ring-unit)*2);
}

.TwoFactorAuthLoginPage__container--Vg {
  display: flex;
  align-items: center;

  flex-direction: column;
  justify-content: center;

  height: 100vh;
}

.TwoFactorAuthLoginPage__logo--iS {
  width: 100px;
  height: 100px;
}

.TwoFactorAuthLoginPage__logo--iS svg {
    width: 100px;
    height: 100px;
  }

.TwoFactorAuthLoginPage__form--zx {
  width: 240px;
}

.TwoFactorAuthLoginPage__heading--IZ.TwoFactorAuthLoginPage__heading--IZ {
  font-size: 30px;
  font-weight: 200;
}

.TwoFactorAuthLoginPage__password--UA,
.TwoFactorAuthLoginPage__wideButton--KV {
  width: 100%;
}

.TwoFactorAuthLoginPage__password--UA {
  margin-bottom: calc(var(--ring-unit)*2);
}

.TwoFactorAuthLoginPage__error--wA {
}

.TwoFactorAuthLoginPage__errorPlaceholder--zs {
  height: 60px;
  padding-top: 8px;
}

.SearchInput__input--F9::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.SearchInput__container--Cd {

  display: flex;
  align-items: baseline;
}

.ring-toggle-toggle {
  cursor: pointer;
}

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

    background-color: var(--ring-border-hover-color);
  }}

.ring-toggle-toggle.ring-toggle-disabled {
    pointer-events: none;
  }

.ring-toggle-label {
  margin-left: 8px;
}

.ring-toggle-leftLabel {
  margin-right: 8px;
}

.ring-toggle-switchWrapper {
  position: relative;

  display: inline-block;
}

.ring-toggle-input {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  margin: 0;

  opacity: 0;
}

.ring-toggle-switch {
  position: relative;

  display: block;

  width: 100%;
  height: 100%;

  transition: background-color cubic-bezier(0.23, 1, 0.32, 1) 300ms;

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

.ring-toggle-input:focus + .ring-toggle-switch {
    box-shadow: inset 0 0 0 1px var(--ring-border-hover-color), 0 0 0 1px var(--ring-border-hover-color);
  }

.ring-toggle-switch::before {
    position: absolute;
    top: 2px;
    left: 0;

    width: 12px;
    height: 12px;

    content: "";

    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 300ms;

    transform: translateX(2px);

    border-radius: 6px;
    background-color: var(--ring-content-background-color);
  }

.ring-toggle-input:checked + .ring-toggle-switch {
  background-color: var(--ring-main-color);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:checked:hover + .ring-toggle-switch {
  background-color: var(--ring-main-hover-color);
}}

.ring-toggle-size16 .ring-toggle-switchWrapper {
    width: 24px;
    height: 16px;

    vertical-align: -3px;
  }

.ring-toggle-size16 .ring-toggle-switch {
    border-radius: 8px;
  }

.ring-toggle-size16 .ring-toggle-switch::before {
      width: 12px;
      height: 12px;

      border-radius: 6px;
    }

/* stylelint-disable-next-line selector-max-specificity */

.ring-toggle-size16 .ring-toggle-input:checked + ::before {
    transform: translateX(10px);
  }

.ring-toggle-size14 .ring-toggle-switchWrapper {
    width: 24px;
    height: 14px;

    vertical-align: -2px;
  }

.ring-toggle-size14 .ring-toggle-switch {
    border-radius: 7px;
  }

.ring-toggle-size14 .ring-toggle-switch::before {
      width: 10px;
      height: 10px;

      border-radius: 5px;
    }

/* stylelint-disable-next-line selector-max-specificity */

.ring-toggle-size14 .ring-toggle-input:checked + ::before {
    transform: translateX(12px);
  }

.ring-toggle-size20 .ring-toggle-switchWrapper {
    width: 32px;
    height: 20px;

    vertical-align: -5px;
  }

.ring-toggle-size20 .ring-toggle-switch {
    border-radius: 10px;
  }

.ring-toggle-size20 .ring-toggle-switch::before {
      width: 16px;
      height: 16px;

      border-radius: 8px;
    }

/* stylelint-disable-next-line selector-max-specificity */

.ring-toggle-size20 .ring-toggle-input:checked + ::before {
    transform: translateX(14px);
  }

.ring-toggle-input[disabled] + ::after {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  content: "";

  border-radius: 8px;
  background-image:
    linear-gradient(
      45deg,
      transparent,
      transparent 37.5%,
      rgba(255, 255, 255, 0.9) 37.5%,
      rgba(255, 255, 255, 0.9) 50%,
      transparent 50%,
      transparent 87.5%,
      rgba(255, 255, 255, 0.9) 87.5%,
      rgba(255, 255, 255, 0.9)
    );
  background-repeat: repeat;
  background-size: 4px 4px;
}

.ring-toggle-paleSwitch.ring-toggle-paleSwitch {
  background-color: var(--ring-pale-control-color);
}

.ring-toggle-input:checked + .ring-toggle-paleSwitch {
  background-color: var(--ring-border-hover-color);
}

.CleanupForm__dialog--JY {
  width: calc(var(--ring-unit)*65);
}

.CleanupForm__container--lj {
  display: flex;
  flex-direction: column;
}

/* FORM */

.CleanupForm__form--Xo {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex-grow: 1;

  width: 100%;

  min-height: 0;
}

.CleanupForm__fields--mC {
  padding-bottom: calc(var(--ring-unit)*4);
}

.CleanupForm__portalTarget--gU {
  position: fixed;
  z-index: var(--ring-overlay-z-index);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  pointer-events: none;
}

.CleanupForm__portalTarget--gU > * {
    pointer-events: initial;
  }

.CleanupForm__result--JF {
  font-size: 14px;
  font-size: var(--ring-font-size, 14px);
  line-height: 13px;
}

.CleanupForm__rowGroup--OG {
  margin: calc(var(--ring-unit)*1.5) 0 0 calc(var(--ring-unit)*2);
}

.CleanupForm__separateRow--IS {
  margin-top: calc(var(--ring-unit)*2.5);
}

.CleanupForm__row--Sm {
  display: flex;

  align-items: baseline;
  flex-wrap: nowrap;
}

.CleanupForm__checkboxItem--V0 {
  display: flex;
}

.CleanupForm__checkboxesContainer--gc {
  display: flex;
  flex-direction: column;
}

.CleanupForm__nested--Zp {
  padding-left: calc(var(--ring-unit)*3 - 2px);
}

/* PRESERVE SECTION */
.CleanupForm__checkboxContainer--Cx {
  flex-direction: column;
}

.CleanupForm__checkbox--BT {
  padding-bottom: calc(var(--ring-unit)/2);
}

.CleanupForm__preserveArtifactsInput--ot {
  flex-basis: 100%;

  margin: calc(var(--ring-unit)/2) 0;
}

.CleanupForm__preserveArtifactsToggle--hP {
  height: inherit;

  line-height: inherit;
}

.CleanupForm__artifactsWrapper--V3 {
  flex-direction: column;
}

.CleanupForm__artifactsPatternInput--gF {
  padding: calc(var(--ring-unit)/2) 0 var(--ring-unit);
}

.CleanupForm__caption--oC {
  flex-shrink: 0;

  width: calc(var(--ring-unit)*8);

  margin-right: calc(var(--ring-unit)*3);
}

.CleanupForm__hint--iZ {

  margin-top: calc(var(--ring-unit)*0.5);

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

.CleanupForm__headerHint--fF {
  margin-top: 0;
  margin-left: calc(var(--ring-unit)*4);
}

.CleanupForm__content--gX {
  margin-top: calc(var(--ring-unit)*0.5);
}

.CleanupForm__input--jT {
  box-sizing: border-box;
  width: 100%;

  height: calc(var(--ring-unit)*3);
  margin: 0;
  padding-right: calc(var(--ring-unit)/2);
  padding-bottom: 3px;
  padding-left: calc(var(--ring-unit)/2);

  border: 1px solid var(--ring-borders-color);

  border-radius: 0;
  background-color: var(--ring-content-background-color);

  line-height: 20px;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

_correct.CleanupForm__input--jT {
    border-color: var(--ring-success-color);
  }

_error.CleanupForm__input--jT {
    border-color: var(--ring-error-color);
  }

_no-resize.CleanupForm__input--jT {
    resize: none;
  }

_filter-popup.CleanupForm__input--jT {
    width: 100%;
    min-width: 200px;
  }

.CleanupForm__input--jT.CleanupForm__short--AD {
    width: 60px;
  }

.CleanupForm__input--jT.CleanupForm__forSection--Cx {
    margin-right: var(--ring-unit);

    text-align: right;
  }

.CleanupForm__input--jT[type='number']::-webkit-inner-spin-button,
  .CleanupForm__input--jT[type='number']::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
  }

.CleanupForm__inputs--nC {
  display: flex;
}

.CleanupForm__switch--_h {
  display: inline-flex;
}

.CleanupForm__column--N0 {
  flex-direction: column;
}

.CleanupForm__description--dt {
  padding-top: var(--ring-unit);
}

.CleanupForm__textarea--PZ {
  width: 100%;
  height: auto;
  min-height: calc(var(--ring-unit)*8);

  resize: none;
}

.CleanupForm__textarea--PZ[disabled] {
    color: var(--ring-disabled-color);
  }

.CleanupForm__textarea--PZ:focus{
    border-color: var(--ring-main-color);
    outline: none;
  }

.CleanupForm__radioItem--DW {
  height: calc(var(--ring-unit)*3);
  margin-top: 0;
}

.CleanupForm__addCriteriaButton--lZ {
  margin-left: calc(var(--ring-unit)*8 + var(--ring-unit)*2);
}

.CleanupForm__popup--AQ {
  width: calc(var(--ring-unit)*20);
  padding: calc(var(--ring-unit)*2);
}

.CleanupForm__error--W3 {
  height: 1em;

  padding-top: var(--ring-unit);

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

  line-height: 1;
}

.CleanupForm__ownershipDescription--rJ {
  max-width: calc(var(--ring-unit)*80);
  margin: var(--ring-unit) 0;
}

.CleanupForm__textButton--dH {
  padding-left: 0;
}

.CleanupForm__branchExclude--bY {
  margin-left: calc(var(--ring-unit)*2);
}

.CleanupForm__panel--mr {
  display: flex;
  align-items: baseline;
}

.CleanupForm__title--Oi.CleanupForm__title--Oi {
  font-size: inherit;
  line-height: inherit;
}

.EditForm__editForm--nv {
  width: calc(var(--ring-unit)*65);
}

.EditForm__form--Hu {
  display: flex;
  overflow: hidden;
  flex-direction: column;

  min-height: 0;
}

.EditForm__description--NK {

  margin-top: 0;
  margin-bottom: 0;

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

.EditForm__headerHint--tR {
}

.EditForm__section--d4 {
  margin: 0 0 calc(var(--ring-unit)*2);
  padding: 0;

  border: none;
}

.EditForm__legend--Sy {
  padding: 0;
}

.EditForm__radioWrapper--UV {
  display: flex;
  align-items: baseline;
}

.EditForm__radioGroup--Et {
  flex-shrink: 0;

  min-width: calc(var(--ring-unit)*16);
}

.EditForm__radio--be {
  align-items: baseline;

  box-sizing: border-box;
  height: calc(var(--ring-unit)*3);
}

.EditForm__radio--be .ring-radio-circle {
  align-self: stretch;
}

.EditForm__inputs--gW {
  display: flex;
  flex-direction: column;

  margin-top: var(--ring-unit);
  margin-left: calc(var(--ring-unit)*3);
}

.EditForm__input--Vp {
}

.EditForm__inputGroup--uj {
  display: flex;
  align-items: baseline;

  margin: calc(var(--ring-unit)/4) 0;
}

.EditForm__inputGroup--uj .EditForm__input--Vp {
    width: calc(var(--ring-unit)*10);

    text-align: right;
  }

.EditForm__inputGroup--uj .EditForm__label--no {
    display: inline-block;
    flex-shrink: 0;

    width: calc(var(--ring-unit)*13);
    margin: calc(var(--ring-unit)/2) 0;

    vertical-align: top;
  }

.EditForm__inputGroup--uj .EditForm__postLabel--Hc input {
      margin-right: var(--ring-unit);
    }

.EditForm__inputGroup--uj .EditForm__inputDescription--XU {
    display: inline;

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

.EditForm__textareaWrapper--uo {
  display: inline-block;

  width: 100%;

  resize: vertical;
}

.EditForm__defaultPolicy--c5 {
  margin: 0;
}

.EditForm__error--u7 {
  display: inline-block;

  width: calc(var(--ring-unit)*53);

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

.EditForm__panel--ku {
  display: flex;
  align-items: baseline;
}

.EditForm__title--St.EditForm__title--St {
  font-size: inherit;
  line-height: inherit;
}

.CleanupProjectPage__container--Zs {
  display: inline-block;

  min-width: 100%;
}

.CleanupProjectPage__entity--iJ {
  position: relative;

  margin: calc(var(--ring-unit)*2) 0 calc(var(--ring-unit)*2);

  transition: all ease-in 0.3s;
}

.CleanupProjectPage__policy--_E {
  display: flex;
  align-items: baseline;

  width: 100%;
  margin: 0 calc(var(--ring-unit)*-4);

  padding: var(--ring-unit) calc(var(--ring-unit)*4) 0;

  border-bottom: 1px solid var(--ring-line-color);
}

.CleanupProjectPage__holder--mG {
  display: flex;

  align-content: baseline;
  flex-shrink: 0;
  flex-wrap: wrap;

  width: calc(var(--ring-unit)*30);
  padding-right: calc(var(--ring-unit)*4);
}

.CleanupProjectPage__listings--im {
  width: 100%;
}

.CleanupProjectPage__toggleInherited--qR {
  position: relative;

  display: inline-block;

  margin-left: calc(var(--ring-unit)*2);
  padding-right: calc(var(--ring-unit)*2);
  padding-left: var(--ring-unit);

  cursor: pointer;

  border: none;
}

.CleanupProjectPage__toggleInherited--qR::before {
    position: absolute;
    top: 7px;

    right: 4px;

    display: block;
  }

.CleanupProjectPage__inheritedVisibleToggle--Vu::before {
    top: 6px;

    transform: rotate(45deg);
  }

.CleanupProjectPage__inheritedVisible--a7 {
  width: 100%;

  margin: 0 calc(var(--ring-unit)*-4) 0 calc(var(--ring-unit)*-4);

  padding: 0 calc(var(--ring-unit)*3) 0 calc(var(--ring-unit)*4);

  border: 1px solid rgba(0, 0, 0, 0.1);
  background:
    rgba(
      0,
      0,
      0,
      0.03
    );
  box-shadow: 0 0 -2px rgba(0, 0, 0, 0.1);
}

.CleanupProjectPage__helpIcon--Pk {
  padding-left: calc(var(--ring-unit)/2);

  line-height: inherit;
}

.CleanupProjectPage__inheritedContainer--JK {
  padding-bottom: var(--ring-unit);
}

.CleanupProjectPage__bodyWidthDialogPreventer--i6 {
  width: 100% !important;
}

.CleanupProjectPage__description--cw {

  max-width: calc(var(--ring-unit)*80);
  margin-top: 0;

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

.TemplateSection__popup--FT {
  padding: 0 calc(var(--ring-unit)*3) calc(var(--ring-unit)*2);
}

.TemplateSection__templateList--th {
  display: flex;
  align-items: baseline;

  width: 100%;
  margin-bottom: 0;
}

.TemplateSection__description--C3 {
  margin-bottom: calc(var(--ring-unit)/2);
}

.TemplateSection__templateEntities--i3 {
  width: calc(var(--ring-unit)*20);

  margin-left: calc(var(--ring-unit)/2);
}

.TemplateSection__title--Kd {
  flex-shrink: 0;
}

.HolderItem__item--rX {
  position: relative;

  flex-direction: column;
}

.HolderItem__icon--p6 {
  margin-top: 1px;
}

.HolderItem__name--TC {
  display: inline-block;

  width: calc(100% - 30px);

  margin: 0;
}

.HolderItem__templateList--Cf,
.HolderItem__diskUsage--jQ {
  width: 100%;
  margin-top: 0;

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

.HolderItem__link--eM {
  padding-right: var(--ring-unit);
}

.HolderItem__usages--kK {
  position: absolute;
  top: 0;
  right: calc(var(--ring-unit)*7);
}

.RuleItem__disabled--pj {
  color: var(--ring-disabled-color);
}

/* Table */
.RuleItem__row--dV {
  display: flex;
  align-items: baseline;

  margin: 0 calc(var(--ring-unit)*-4) 0 calc(var(--ring-unit)*-2);

  padding: calc(var(--ring-unit)/2) calc(var(--ring-unit)*4) calc(var(--ring-unit)/2) calc(var(--ring-unit)*2);

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.RuleItem__row--dV:hover {
    cursor: pointer;

    background: var(--ring-hover-background-color);
  }}
.RuleItem__row--dV:last-of-type {
    border-bottom: none;
  }

.RuleItem__inheritedRow--XO {
  position: relative;

  margin-right: calc(var(--ring-unit)*-3);
  margin-left: calc(var(--ring-unit)*-4);
  padding-right: calc(var(--ring-unit)*3);
  padding-left: calc(var(--ring-unit)*4);
}

.RuleItem__inheritance--wi {
  position: absolute;
  top: 6px;
  left: calc(var(--ring-unit)*2);
}

.RuleItem__col--_3 {
  flex-shrink: 0;

  padding-right: var(--ring-unit);
}

.RuleItem__col--_3.RuleItem__icons--tl {
    width: calc(var(--ring-unit)*2);
  }

.RuleItem__col--_3.RuleItem__limits--yD {
    width: calc(var(--ring-unit)*20);
  }

.RuleItem__col--_3.RuleItem__filters--cu {
    flex-grow: 2;

    width: calc(var(--ring-unit)*28);
  }

.RuleItem__col--_3.RuleItem__statistics--zi,
  .RuleItem__col--_3.RuleItem__dependencies--T8,
  .RuleItem__col--_3.RuleItem__history--q5,
  .RuleItem__col--_3.RuleItem__logs--pk {
    width: calc(var(--ring-unit)*2);
  }

.RuleItem__col--_3.RuleItem__artifacts--nn {
    width: calc(var(--ring-unit)*3);
  }

.RuleItem__col--_3:last-child {
    padding-right: 0;
  }

.RuleItem__what--jb {

  display: flex;
  align-items: baseline;

  flex-grow: 1;

  width: calc(var(--ring-unit)*16);
}

.RuleItem__artifactsDropdown--A9 {
  white-space: nowrap;
}

.RuleItem__modifiedIcon--kc {
  padding-left: 2px;
}

.RuleItem__artifactPatternsPopup--tk {
  max-width: calc(var(--ring-unit)*40);
  padding: var(--ring-unit) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);
}

.RuleItem__artifactPatterns--Oe {
  margin: 0;

  white-space: pre-wrap;
  overflow-wrap: break-word;
}

/* Filters Section */
.RuleItem__filterItem--kI {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.RuleItem__ruleTitle--lt {
  padding-right: calc(var(--ring-unit)/2);
}

.RuleItem__tag--zu {
  margin-right: 0;
  margin-left: calc(var(--ring-unit)*1.5);
  padding: 0 var(--ring-unit) 0 calc(var(--ring-unit)/2);
}

.RuleItem__tagWrapper--N8 {
  display: inline-block;

  margin-bottom: calc(var(--ring-unit)/2) !important;
}

/* Action section */
.RuleItem__actions--va {
  display: inline-flex;
  align-items: baseline;

  width: calc(var(--ring-unit)*14);
}

.RuleItem__actionButton--za {
  display: inline;

  margin: 0;
  margin-right: calc(var(--ring-unit)*2);
  padding: 0;

  text-align: left;
}

.RuleItem__inheritanceToggle--b0 {
  margin-left: auto;
}

/* Inheritance section */
.RuleItem__parent--Fj {
  display: block;
}

.RuleItem__parentLink--xg {
  max-width: calc(100% - var(--ring-unit)*3);
}

.RuleItem__parentPopup--BE {
  padding: var(--ring-unit) calc(var(--ring-unit)*2);
}

@keyframes RuleItem__blink--VJ {
  0% {
    background: var(--ring-content-background-color);
  }

  50% {
    background: var(--ring-hover-background-color);
  }

  100% {
    background: var(--ring-content-background-color);
  }
}

.RuleItem__blink--VJ {
  animation: RuleItem__blink--VJ 1s ease infinite;
}

.RuleItem__icon--ze {
  margin-left: calc(var(--ring-unit)*-0.5);
}

.RuleItem__warningIcon--wK {
}

.RuleItem__warningIcon--wK.RuleItem__warningIcon--wK {
  color: var(--ring-icon-warning-color);
}

.RuleItem__warningPopup--dU {
  padding: var(--ring-unit) calc(var(--ring-unit)*2);
}

.Listing-policies__container--yo {
  margin: 0 calc(var(--ring-unit)*-4) 0 calc(var(--ring-unit)*-2);
  padding: var(--ring-unit) calc(var(--ring-unit)*4) 0 calc(var(--ring-unit)*2);
}

.Listing-policies__inheritedSection--GU {
  margin: 0 calc(var(--ring-unit)*-3) 0 calc(var(--ring-unit)*-4);
  padding: calc(var(--ring-unit)/2) calc(var(--ring-unit)*3) calc(var(--ring-unit)/2) calc(var(--ring-unit)*4);
}

.Listing-policies__wrapper--Jx {
  padding-left: calc(var(--ring-unit)*3);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.Listing-policies__editable--l0:hover {
  cursor: pointer;

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

.Listing-policies__policiesContainer--BL {
  display: flex;

  width: 100%;
}

.Listing-policies__rules--Nk {
  flex-direction: column;
}

.Listing-policies__policies--rO {
  padding: calc(var(--ring-unit)*2) 0;
}

.Listing-policies__actions--ej {
}

.Listing-policies__actionButton--aj {
}

.Listing-policies__policyListing--Ji {
  flex-grow: 1;

  width: calc(var(--ring-unit)*67);
}

.Listing-policies__icon--Fq {
  margin-right: calc(var(--ring-unit)/2);
}

.Listing-policies__policy--D8 {
  display: flex;
}

.Listing-policies__inherited--eB {
  color: var(--ring-secondary-color);
}

.Listing-policies__disabled--ho,
.Listing-policies__disabled--ho .Listing-policies__inherited--eB {
  color: var(--ring-disabled-color);
}

.Listing-policies__caption--wj {
  margin: 0;
  padding: 0;
}

.Listing-policies__helpIcon--fC {
}

.Listing-policies__helpPopup--XT {
  max-width: calc(var(--ring-unit)*40);
  padding: var(--ring-unit) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-select-popup-filterWithTagsFocused.ring-select-popup-filterWithTagsFocused:hover {
  border-color: var(--ring-main-color);
}}

.ring-select-popup-filterWithTags {
  overflow: hidden;

  margin: 16px 8px 0;
  padding: 3px;

  text-align: left;

  border: 1px solid var(--ring-borders-color);
  border-radius: var(--ring-border-radius);
}

.ring-select-popup-filterWithTags .ring-select-popup-filterWrapper {
    padding-right: 0;
    padding-left: 0;

    border-bottom: none;
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-select-popup-filterWithTags:hover {
    border-color: var(--ring-border-hover-color);
  }}

.ring-select-popup-filterWithTagsFocused {
  border-color: var(--ring-main-color);
}

.ring-select-popup-filterWithTagsInput {
  padding: 0;

  border: none;
}

.ring-select-popup-filter {
  flex-grow: 1;

  width: 0;
}

.ring-select-popup-filterWrapper {
  position: relative;

  display: flex;

  margin: 0;
  padding-right: 8px;
  padding-left: 44px;

  border-bottom: 1px solid var(--ring-borders-color);
}

[dir="rtl"] .ring-select-popup-filterWrapper {
    padding-right: 44px;
    padding-left: 8px;
  }

.ring-select-popup-filterIcon {
  position: absolute;
  top: 7px;
  left: 16px;

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

[dir="rtl"] .ring-select-popup-filterIcon {
    right: 16px;
    left: auto;
  }

.ring-select-popup-bottomLine {
  text-align: center;
}

.ring-select-popup-message {
  display: inline-block;

  margin: 8px 0;
  padding: 0 16px;
}

.ring-select-popup-selectAll {
  display: flex;
  justify-content: space-between;

  padding: 8px 16px 0;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-select-select:hover .ring-select-value,
.ring-select-select:hover .ring-select-icons {
  transition: none;

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

.ring-select-select {
  position: relative;

  display: inline-block;

  white-space: nowrap;

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

.ring-select-toolbar {
  border-top: 1px solid var(--ring-line-color);
}

.ring-select-button {
  width: 100%;
  padding: 0;

  text-align: left;
}

[dir="rtl"] .ring-select-button {
    text-align: right;
    direction: ltr;
  }

.ring-select-toolbar .ring-select-button {
    height: 32px;
    margin: 8px 0;
  }

.ring-select-button.ring-select-buttonSpaced {
    padding: 0 16px;
  }

.ring-select-icons {
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;

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

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

  line-height: normal;
}

.ring-select-inputMode .ring-select-icons {
    font-size: var(--ring-font-size);
  }

.ring-select-selectedIcon {

  position: relative;
  top: 3px;

  display: inline-block;

  width: 16px;
  height: 16px;
  margin: 0 4px;

  background-repeat: no-repeat;
  background-position: center;

  background-size: contain;
}

.ring-select-clearIcon {
  padding: 0 3px;

  vertical-align: -2px;
}

.ring-select-sizeS {
  width: 96px;
}

.ring-select-sizeM {
  width: 240px;
}

.ring-select-sizeL {
  width: 400px;
}

.ring-select-sizeFULL {
  width: 100%;
}

.ring-select-sizeAUTO {
  max-width: 100%;
}

.ring-select-buttonMode {
  position: relative;

  cursor: pointer;
}

.ring-select-value {

  display: inline-block;

  box-sizing: border-box;
  width: 100%;
  height: 33px;
  padding: 0 0 3px;

  cursor: pointer;
  transition: color var(--ring-ease), border-color var(--ring-ease);
  text-align: left;
  vertical-align: top;

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

  border: none;
  border-bottom: 1px solid var(--ring-borders-color);
  outline: none;
  background: transparent;
}

.ring-select-value:focus {
    border-color: var(--ring-main-color);
  }

.ring-select-value.ring-select-open,
  .ring-select-value:active {
    border-color: transparent;
  }

.ring-select-value::-moz-focus-inner {
    padding: 0;

    border: 0;
    outline: 0;
  }

.ring-select-buttonContainer {
  position: relative;

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

.ring-select-buttonValue {

  display: block;

  width: 100%;
  padding-left: 8px;

  text-align: left;
  vertical-align: -8px;
}

.ring-select-buttonValue:focus-visible {
  box-shadow: inset 0 0 0 1px var(--ring-main-color);
}

.ring-select-buttonValueOpen.ring-select-buttonValueOpen {
  box-shadow: inset 0 0 0 1px var(--ring-main-color);
}

.ring-select-buttonValueEmpty.ring-select-buttonValueEmpty {
  color: var(--ring-disabled-color);
}

.ring-select-heightS .ring-select-buttonValue {
  font-size: var(--ring-font-size);
}

.ring-select-label {
  position: relative;

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

:focus-visible + .ring-select-icons,
.ring-select-value:focus,
.ring-select-value:focus + .ring-select-icons,
.ring-select-open,
.ring-select-open + .ring-select-icons,
.ring-select-buttonValueOpen + .ring-select-icons {
  transition: none;

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

.ring-select-disabled {
  pointer-events: none;

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

.ring-select-disabled .ring-select-value {
    color: var(--ring-disabled-color);
    border-bottom-style: dashed;
  }

.ring-select-avatar {
  margin-right: 4px;

  vertical-align: -5px;
}

.ring-select-popup {
  min-width: 240px;
  max-width: 320px;
}

.ring-select-chevron.ring-select-chevron {
  padding: 0 3px;

  transition: none;
  vertical-align: -1px;

  color: inherit;
}

.ring-select-chevronIcon.ring-select-chevronIcon {
  transition: none;

  color: inherit;
}

.Sorter__checkbox--ox {
  margin-left: calc(var(--ring-unit)*2);
}

.SidebarSelect__select--ba button {
  color: var(--ring-text-color);
}

.SidebarSelect__selectedLabel--VK {
  display: block;

  margin-top: calc(var(--ring-unit)/2);

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest)
}

.JobAgentRequirements__selectPopup--wJ {
  --ring-font-size: 14px;
}

.JobAgentRequirements__selectItem--do svg {
  width: 14px;
  height: 14px;
}

.JobAgentRequirements__selectItem--do div:first-child span {
  width: 13px;
}

.JobAgentRequirements__selectContainer--PY {
  margin-right: calc(var(--ring-unit)*3);
}

.JobAgentRequirements__info--Nx {
  position: absolute;
  top: 2px;
  right: 0;
}

.JobAgentRequirements__hardwareDocLink--uI {
  display: block;

  margin-top: calc(var(--ring-unit)/2);
}

.JobCheckoutWorkingDirectoriesOnly__trigger--U6 {
  display: flex;
  align-items: center;
}

.JobDependencies__dependencies--gG {
  margin: -2px 0;
}

.JobDependencies__jobDependency--cG {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: space-between;

  min-height: calc(var(--ring-unit)*3);

  margin: 0 calc(var(--ring-unit)*-4);
  padding: calc(var(--ring-unit)/4) calc(var(--ring-unit)*4);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.JobDependencies__jobDependency--cG:hover {
  background-color: var(--ring-hover-background-color);
}}

.JobDependencies__jobDependencyCheckboxLabel--DR {
  flex: 1 1;
}

.JobDependencies__editButton--rY {
  height: auto;
  padding-left: var(--ring-unit);

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lower);
}

.JobDependencies__editFilesSelect--QN {
  font-size: var(--ring-font-size-smaller);
}

.JobDependencies__editFilesSelectButton--UI {
  color: var(--ring-secondary-color);
}

.JobFilesPublication__textAreaWrapper--zw {
  position: relative;
}

.JobFilesPublication__textArea--iA {
  min-height: calc(var(--ring-unit)*5.5);
  max-height: calc(var(--ring-unit)*10);

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

  font-family: var(--ring-font-family-monospace);
}

.JobFilesPublication__notice--bp {
  color: var(--ring-secondary-color);

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.Integrations__link--uV {
  color: var(--ring-secondary-color);
}

.AddIntegration__addIntegration--Mc {
  margin-left: auto;
}

.AddIntegration__popupMenu--tz {
  max-width: 300px;
}

.DockerIntegrationForm__dockerIntegrationForm--cN > div:first-child {
  display: flex;
  flex-direction: column;
  row-gap: calc(var(--ring-unit)*1.5);
}

.DockerIntegrationForm__testDockerConnectionBlock--iT {
  display: flex;
  -moz-column-gap: calc(var(--ring-unit)*1.5);
       column-gap: calc(var(--ring-unit)*1.5);

  align-items: center;
  flex-wrap: wrap;

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.DockerIntegrationForm__testDockerConnection--St {
  padding: 0;
}

.DockerIntegrationForm__success--d8 {
  color: var(--ring-success-color);
}

.DockerIntegrationForm__error--PT {
  color: var(--ring-error-color);
}

.NpmIntegrationForm__npmIntegrationForm--f8 > div:first-child {
  display: flex;
  flex-direction: column;
  row-gap: calc(var(--ring-unit)*1.5);
}

.NpmIntegrationForm__testNpmConnectionBlock--s9 {
  display: flex;
  -moz-column-gap: calc(var(--ring-unit)*1.5);
       column-gap: calc(var(--ring-unit)*1.5);

  align-items: center;
  flex-wrap: wrap;

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.NpmIntegrationForm__testNpmConnection--d8 {
  padding: 0;
}

.NpmIntegrationForm__success--hX {
  color: var(--ring-success-color);
}

.NpmIntegrationForm__error--lx {
  color: var(--ring-error-color);
}

.Integration__integration--MI {
  position: relative;

  display: flex;
  align-items: baseline;
  -moz-column-gap: var(--ring-unit);
       column-gap: var(--ring-unit);

  margin-bottom: calc(var(--ring-unit)*1.5);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.Integration__integration--MI:hover .Integration__actions--P0 > * {
    opacity: 1;
  }}

.Integration__toggle--ec {
  display: flex;
}

.Integration__toggle--ec span:first-child {
    flex-shrink: 0;

    margin-top: 3px;
  }

.Integration__note--yA {
  margin-top: calc(var(--ring-unit)/2);

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lower);
}

.Integration__disabled--OM .Integration__name--qS,
.Integration__disabled--OM .Integration__note--yA {
  color: var(--ring-secondary-color);
}

.Integration__deleted--Xm .Integration__name--qS,
.Integration__deleted--Xm .Integration__note--yA {
  text-decoration: line-through;
}

.PopupError__errorBubblePopup--eK {
  overflow: visible;

  margin-right: 10px;

  border: none;

  box-shadow: none;
}

.PopupError__errorBubble--IY {
  box-sizing: border-box;
  min-height: calc(var(--ring-unit)*3);
  padding-right: calc(var(--ring-unit)*2);
  padding-left: calc(var(--ring-unit)*2);

  white-space: nowrap;

  border: 1px solid var(--ring-popup-border-color);
  border-radius: var(--ring-border-radius);

  background: var(--ring-popup-background-color);
  box-shadow: var(--ring-popup-shadow);

  font-size: 12px;
  line-height: 22px;
}

.PopupError__errorBubble--IY::before {
  position: absolute;
  top: var(--ring-unit);
  right: -4px;

  display: block;

  width: var(--ring-unit);
  height: var(--ring-unit);

  content: '';
  transform: rotate(226deg);

  border: 1px solid var(--ring-popup-border-color);
  border-top: none;
  border-right: none;
  background: var(--ring-popup-background-color);
}

.NameSection__nameSection--kx {
}

.NameSection__heading--DA {
  display: flex;
  align-items: center;
  -moz-column-gap: var(--ring-unit);
       column-gap: var(--ring-unit);

  cursor: pointer;
}

h2.NameSection__name--aw {
  overflow: hidden;

  margin: 0;
  padding: 0;

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

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

  font-weight: 600;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.NameSection__heading--DA:hover .NameSection__name--aw,
.NameSection__heading--DA:hover .NameSection__editIcon--u3 {
  color: var(--ring-link-hover-color);
}}


.NameSection__edit--Kc {
  margin-right: calc(var(--ring-unit)*-1);

  transition: opacity var(--ring-ease);

  opacity: 0;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.NameSection__nameSection--kx:hover .NameSection__edit--Kc {
  opacity: 1;
}}

.SidebarFooter__container--a_ {
  position: sticky;

  z-index: 4;
  bottom: 0;

  display: flex;
  align-items: center;

  margin-top: auto;
  padding: calc(var(--ring-unit)*2.5);

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

  box-shadow: var(--ring-dialog-shadow);

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

  -moz-column-gap: calc(var(--ring-unit)*1.5);

       column-gap: calc(var(--ring-unit)*1.5);
}

.SidebarFooter__errors--Le {
  display: flex;
  align-items: center;

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

.SidebarFooter__errors--Le .SidebarFooter__errorIcon--jq {
    margin-right: calc(var(--ring-unit)/2);

    transform: rotate(180deg);
  }

.SidebarFooter__status--zG {
  display: flex;
  -moz-column-gap: var(--ring-unit);
       column-gap: var(--ring-unit);

  margin-right: auto;
}

.JobSettingsFooter__restoreJobIcon--qy {
  color: var(--ring-main-color);
}

.JobSettingsFooter__restoreJobIcon--qy.JobSettingsFooter__disabled--wK {
  color: var(--ring-disabled-color);
}

.JobSettingsFooter__restoreJob--l4 {
  white-space: nowrap;

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.JobSettingsFooter__restoreJob--l4:hover .JobSettingsFooter__restoreJobIcon--qy {
    color: var(--ring-link-hover-color)
  }}

.JobSettingsOverlay__overlay--DW {
  position: absolute;

  z-index: 3;
  top: 0;

  width: 100%;
  height: 100%;

  opacity: 0.4;

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

.PipelineTextInfo__container--G4 {
  display: block;

  margin-top: calc(var(--ring-unit)*-1);

  padding-bottom: calc(var(--ring-unit)*1.5);

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

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

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

.TemporaryPromotionalThemeSwitcher__select--Eb {
  margin-right: calc(var(--ring-unit)*3);
  margin-left: calc(var(--ring-unit)*2);
}

.TemporaryPromotionalThemeSwitcher__button--zi {
  height: auto;

  color: var(--ring-header-link-color);
}

.ring-button-toolbar-buttonToolbar {
  display: inline-block;

  white-space: nowrap;

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

.ring-button-toolbar-buttonToolbar > ring-button-button,
.ring-button-toolbar-buttonToolbar > .ring-button-group,
.ring-button-toolbar-buttonToolbar > .ring-button-button,
.ring-button-toolbar-buttonToolbar > .ring-button-toolbar-buttonGroup,
.ring-button-toolbar-buttonToolbar > .ring-button-toolbar-split,
.ring-button-toolbar-buttonToolbar > .ring-button-toolbar-buttonToolbar {
  margin-right: 8px;
}

.ring-button-toolbar-buttonToolbar > :last-child {
  margin-right: 0;
}

.ring-code-code {
  margin: 16px 0;
}

/* override hljs */
.ring-code-code code {
  display: block;

  padding: 12px 16px 16px;

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

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

.ring-code-inline code {
  display: inline-block;

  padding: 0 4px;
}

.ring-code-softWrap code {
  white-space: pre-wrap;
}

/*
  Custom theme for highlight.js
  Based on "idea.css" and "darcula.css" themes of hljs distributive
*/

.ring-highlight-highlightContainer.hljs {
    display: block;
    overflow-x: auto;

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

.ring-highlight-highlightContainer .hljs-subst,
  .ring-highlight-highlightContainer .hljs-title {
    color: var(--ring-code-color);

    font-weight: normal;
  }

.ring-highlight-highlightContainer .hljs-comment,
  .ring-highlight-highlightContainer .hljs-quote {
    color: var(--ring-code-comment-color);

    font-style: italic;
  }

.ring-highlight-highlightContainer .hljs-meta {
    color: var(--ring-code-meta-color);
  }

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

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

    font-weight: bold;
  }

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

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

.ring-highlight-highlightContainer .hljs-selector-tag {
    color: var(--ring-code-keyword-color);

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

.ring-highlight-highlightContainer .hljs-attr {
    color: var(--ring-code-field-color);

    font-weight: bold;
  }

.ring-highlight-highlightContainer .hljs-tag > .hljs-attr,
  .ring-highlight-highlightContainer .hljs-attribute {
    color: var(--ring-code-attribute-color);

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

.ring-highlight-highlightContainer .hljs-number,
  .ring-highlight-highlightContainer .hljs-regexp,
  .ring-highlight-highlightContainer .hljs-link {
    color: var(--ring-code-number-color);

    font-weight: normal;
  }

.ring-highlight-highlightContainer .hljs-string {
    color: var(--ring-code-string-color);

    font-weight: bold;
  }

.ring-highlight-highlightContainer .hljs-doctag {
    text-decoration: underline;
  }

.ring-highlight-highlightContainer .hljs-variable,
  .ring-highlight-highlightContainer .hljs-template-variable {
    color: var(--ring-code-field-color);
  }

.ring-highlight-highlightContainer .hljs-addition {
    background: var(--ring-code-addition-color);
  }

.ring-highlight-highlightContainer .hljs-deletion {
    background: var(--ring-code-deletion-color);
  }

.ring-highlight-highlightContainer .hljs-emphasis {
    font-style: italic;
  }

.ring-highlight-highlightContainer .hljs-strong {
    font-weight: bold;
  }

.ring-markdown-inline,
  .ring-markdown-inline p {
    display: inline;
  }

.ring-markdown-markdown {
}

.ring-markdown-markdown ol,
  .ring-markdown-markdown ul {
    margin: 0;
  }

.ring-markdown-markdown p,
  .ring-markdown-markdown blockquote,
  .ring-markdown-markdown pre {
    margin: 0;
  }

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

.ring-markdown-markdown li {
    margin-top: 10px;
  }

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

.ring-markdown-markdown hr {
    margin: 10px 0;

    border: none;
    border-bottom: 1px solid var(--ring-line-color);
  }

.ring-markdown-markdown blockquote {
    padding: 0 0 0 16px;

    color: var(--ring-secondary-color);
    box-shadow: inset 2px 0 0 var(--ring-line-color);

    font-size: 12px;
    line-height: 18px;
  }

.ring-markdown-markdown ul {
    padding: 0 0 0 16px;
  }

.ring-markdown-markdown ol {
    padding: 0;

    list-style-position: inside;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
  }

.ring-markdown-markdown ul {
    list-style-type: none;
  }


  .Markdown__markdown--bq ul {
    list-style-type: disc;
  }

.JobStepBooleanProperty__container--Ij {
  position: relative;

  margin-bottom: calc(var(--ring-unit)*1.5);
}

.JobStepBooleanProperty__toggle--pi {
  display: flex;
  align-items: center;
}

.JobStepBooleanProperty__description--X5 {
  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.JobStepEnumProperty__container--Ij {
  position: relative;

  margin-bottom: calc(var(--ring-unit)*1.5);
}

.JobStepEnumProperty__description--eB {
  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.TogglableProperty__toggle--gF {
  display: flex;
  align-items: center;

  margin-bottom: calc(var(--ring-unit)/2*1.5);
}

.JobStepStringProperty__input--mW {
  background-color: var(--ring-content-background-color);
}

.JobStepStringProperty__multiline--bf {
  display: block;

  min-height: calc(var(--ring-unit)*8);
}

.JobStepStringProperty__monospace--TR {
  font-family: var(--ring-font-family-monospace);
  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lower);
}

.JobStepStringProperty__toggleable--UG {
  margin-top: var(--ring-unit);
}

.JobStepStringProperty__container--af {
  position: relative;

  margin-bottom: calc(var(--ring-unit)*1.5);
}

.JobStepStringProperty__inline--SU {
  display: flex;
  align-items: center;

  white-space: nowrap;
}

.JobStepStringProperty__inline--SU .JobStepStringProperty__input--mW {
  width: calc(100% - var(--ring-unit)/2);
  margin: -2px 0 -2px calc(var(--ring-unit)/2);
}

.JobStepStringProperty__description--AD {
  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.ShowAllOptions__showAllContainer--dL {
  margin-top: calc(var(--ring-unit)*1.75);
}

.ShowAllOptions__toggle--ti {
  width: 100%;
  padding: 0;

  text-align: left;
}

.ShowAllOptions__options--jE {
  margin-top: calc(var(--ring-unit)*1.75);
}

.SuggestionMessage__container--ui {
  display: flex;

  padding-top: var(--ring-unit);
  gap: var(--ring-unit);
}

.SuggestionMessage__message--i5 {
  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.SuggestionMessage__icon--Bq {
  flex-shrink: 0;

  width: calc(var(--ring-unit)*4.5);
  padding-left: 1px;
}

.SuggestionMessage__mainAction--S9 {
  margin-right: var(--ring-unit);
  padding: 0;
}

.SuggestionMessage__secondaryAction--mV {
  padding: 0;

  color: #737577;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: ring-button-active) {.ring-button-group-buttonGroup .ring-button-button.ring-button-button:hover {
  border-radius: var(--ring-border-radius);
  box-shadow: inset 0 0 0 1px var(--ring-border-hover-color);
}}

:root {
  --ring-button-group-default-z-index: 1;
  --ring-button-group-disabled-z-index: 0;
  --ring-button-group-active-z-index: 2;
  --ring-button-group-hover-z-index: 3;
  --ring-button-group-focus-z-index: 4;
}

.ring-button-group-common {
  display: inline-block;

  white-space: nowrap;
}

.ring-button-group-buttonGroup {

  border-radius: var(--ring-border-radius);

  box-shadow: inset 0 0 0 1px var(--ring-borders-color);

  line-height: normal;
}

.ring-button-group-buttonGroup .ring-button-button {
  --ring-button-group-button-border-color: var(--ring-borders-color);

  position: relative;

  transition: none;

  box-shadow: 0 1px var(--ring-borders-color) inset, 0 -1px var(--ring-borders-color) inset;

  box-shadow: 0 1px var(--ring-button-group-button-border-color) inset, 0 -1px var(--ring-button-group-button-border-color) inset;
}

.ring-button-group-buttonGroup .ring-button-button[disabled] {
  --ring-button-group-button-border-color: var(--ring-border-disabled-color);

  /* stylelint-disable-next-line selector-max-specificity */
}

.ring-button-group-buttonGroup .ring-button-button[disabled]::before,
  .ring-button-group-buttonGroup .ring-button-button[disabled]::after {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;

    width: var(--ring-border-radius);

    content: "";

    background-color: var(--ring-disabled-background-color);

    box-shadow: 0 1px var(--ring-border-disabled-color) inset, 0 -1px var(--ring-border-disabled-color) inset;
  }

/* stylelint-disable-next-line selector-max-specificity */

.ring-button-group-buttonGroup .ring-button-button[disabled]::before {
    left: calc(var(--ring-border-radius)*-1);
  }

/* stylelint-disable-next-line selector-max-specificity */

.ring-button-group-buttonGroup .ring-button-button[disabled]::after {
    right: calc(var(--ring-border-radius)*-1);
  }

.ring-button-group-buttonGroup > .ring-button-button:first-child,
.ring-button-group-buttonGroup > :first-child .ring-button-button {
  box-shadow: 0 1px var(--ring-button-group-button-border-color) inset, 0 -1px var(--ring-button-group-button-border-color) inset, 1px 0 var(--ring-button-group-button-border-color) inset;

  /* stylelint-disable-next-line selector-max-specificity */
}

.ring-button-group-buttonGroup > .ring-button-button:first-child::before, .ring-button-group-buttonGroup > :first-child .ring-button-button::before {
    display: none;
  }

.ring-button-group-buttonGroup > .ring-button-button:last-child,
.ring-button-group-buttonGroup > :last-child .ring-button-button {
  box-shadow: 0 1px var(--ring-button-group-button-border-color) inset, 0 -1px var(--ring-button-group-button-border-color) inset, -1px 0 var(--ring-button-group-button-border-color) inset;

  /* stylelint-disable-next-line selector-max-specificity */
}

.ring-button-group-buttonGroup > .ring-button-button:last-child::after, .ring-button-group-buttonGroup > :last-child .ring-button-button::after {
    display: none;
  }

.ring-button-group-buttonGroup > .ring-button-button:only-child,
.ring-button-group-buttonGroup > :only-child .ring-button-button {
  box-shadow:
    0 1px var(--ring-button-group-button-border-color) inset,
    0 -1px var(--ring-button-group-button-border-color) inset,
    -1px 0 var(--ring-button-group-button-border-color) inset,
    1px 0 var(--ring-button-group-button-border-color) inset;

  /* stylelint-disable-next-line selector-max-specificity */
}

.ring-button-group-buttonGroup > .ring-button-button:only-child::before, .ring-button-group-buttonGroup > :only-child .ring-button-button::before {
    display: none;
  }

/* stylelint-disable-next-line selector-max-specificity */
.ring-button-group-buttonGroup .ring-button-button.ring-button-button:ring-button-active {
  border-radius: var(--ring-border-radius);
  box-shadow: inset 0 0 0 1px var(--ring-border-hover-color);
}

/* stylelint-disable-next-line selector-max-specificity */
.ring-button-group-buttonGroup .ring-button-button.ring-button-button:focus-visible {
  border-radius: var(--ring-border-radius);
  box-shadow: inset 0 0 0 1px var(--ring-border-hover-color), 0 0 0 1px var(--ring-border-hover-color);
}

/* stylelint-disable-next-line selector-max-specificity */
.ring-button-group-buttonGroup .ring-button-button.ring-button-button.ring-button-active {
  border-radius: var(--ring-border-radius);
  box-shadow: inset 0 0 0 1px var(--ring-main-color);
}

/* stylelint-disable-next-line selector-max-specificity */
.ring-button-group-buttonGroup .ring-button-button:focus-visible.ring-button-active {
  border-radius: var(--ring-border-radius);
  box-shadow: inset 0 0 0 1px var(--ring-main-color), 0 0 0 1px var(--ring-border-hover-color);
}

/* stylelint-disable-next-line selector-max-specificity */
.ring-button-group-buttonGroup .ring-button-button.ring-button-active[disabled] {
  box-shadow: inset 0 0 0 1px var(--ring-border-selected-disabled-color);
}

.ring-button-group-split {

  position: relative;
  z-index: 0;
}

.ring-button-group-common ring-button-button,
.ring-button-group-common .ring-button-button {
  border-radius: 0;
}

.ring-button-group-split ring-button-button,
.ring-button-group-split .ring-button-button {
  margin: 0 0 0 -1px;
}

.ring-button-group-caption {

  margin-right: 8px;

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

.ring-button-group-caption:empty {
    margin-right: 0;
  }

.ring-button-group-common > ring-button-button:first-child,
.ring-button-group-common > .ring-button-button:first-child,
.ring-button-group-common > :first-child .ring-button-button {
  margin: 0;

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

.ring-button-group-common > .ring-button-button:last-child,
.ring-button-group-common > ring-button-button:last-child,
.ring-button-group-common > :last-child .ring-button-button {
  border-top-right-radius: var(--ring-border-radius);
  border-bottom-right-radius: var(--ring-border-radius);
}

.ring-button-group-split .ring-button-primary:not(:last-child) {
  margin-right: 1px;
}

.ring-button-group-split .ring-button-primary:not(:first-child) {
  margin-left: 1px;
}

.ring-button-group-common .ring-button-button {
    position: relative;
    z-index: 1;
    z-index: var(--ring-button-group-default-z-index);
  }

.ring-button-group-common .ring-button-button[disabled] {
      z-index: 0;
      z-index: var(--ring-button-group-disabled-z-index);
    }

.ring-button-group-common .ring-button-button:ring-button-active {
      z-index: 2;
      z-index: var(--ring-button-group-active-z-index);
    }

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

.ring-button-group-common .ring-button-button:focus {
      z-index: 4;
      z-index: var(--ring-button-group-focus-z-index);
    }

.ring-button-group-common .ring-button-active {
    z-index: 2;
    z-index: var(--ring-button-group-active-z-index);
  }

.ring-button-group-common .ring-button-active[disabled] {
      z-index: 1;
      z-index: var(--ring-button-group-default-z-index);
    }

.Feedback__container--a9 {
  max-width: calc(var(--ring-unit)*47.5);
  padding: calc(var(--ring-unit)*1.5) calc(var(--ring-unit)*3);
}

.Feedback__caption--Rn {
  margin: 0;
}

.Feedback__caption--Rn.Feedback__caption--Rn {
  margin-right: 0;
}

.Feedback__closeButton--MQ {
  position: absolute;
}

/* stylelint-disable selector-max-specificity, selector-id-pattern */

.PipelinesPages__app--wE {
  --ring-font-size: 14px;
}

.JobStepRunInDockerDockerfile__dockerfileSource--uG > div {
  height: 100%;
}

.JobStepRunInDockerDockerfile__dockerfileSource--uG,
.JobStepRunInDockerDockerfile__dockerfilePath--r5 {
  width: 100%;

  margin-bottom: calc(var(--ring-unit)*1.5);
}

.JobStepRunInDockerDockerfile__dockerfileSource--uG,
.JobStepRunInDockerDockerfile__dockerfileSourceInput--bJ {
  min-height: 104px !important;
  max-height: 164px !important;
}

.JobStepRunInDockerDockerfile__radio--UX {
  margin-bottom: calc(var(--ring-unit)/2*1.5);
  padding-top: 0;
}

.ModeSwitch__header--sj {
  display: flex;
  align-items: baseline;
  justify-content: space-between;

  max-width: var(--tc-content-width);
}

.DownloadConfig__input--XG {
  margin-bottom: calc(var(--ring-unit)*4);
}

.DownloadConfig__error--ox {
  margin-top: calc(var(--ring-unit)*2);

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

.GenerateToken__result--UW {
  margin-top: calc(var(--ring-unit)*2);
}

.GenerateToken__code--ma {
  outline: none;
}

.GenerateToken__empty--iG {
  color: var(--ring-secondary-color);
}

.GenerateToken__error--Wc {
  color: var(--ring-error-color);
}

.AgentAuthDialog__dialogForm--Gn {
  min-height: calc(var(--ring-unit)*30);
  padding-top: calc(var(--ring-unit)*2);
}

.AgentAuth__agentAuth--wm {
  padding: 10px 2px;

  border-top: 1px solid var(--ring-line-color);
}

.AgentAuth__open--PD {
  color: var(--ring-link-color);

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

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

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

.BranchSelect__icon--Ur {
  margin-right: calc(var(--ring-unit)/2);

  line-height: normal;
}

.BranchSelect__old--YG {
  display: inline-flex;

  width: 100%;

  max-width: calc(var(--ring-unit)*60);
}

.BranchSelect__branchIcon--j9 {
  margin: 0 calc(var(--ring-unit)/2);

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

.BranchSelect__dropdownTrigger--HR {
  margin: 0 calc(var(--ring-unit)/2);
}

.BranchSelect__dropdownTriggerSpecial--G1 {
  position: absolute;
  top: -1px;
  right: -1px;

  border-left: 1px solid var(--ring-borders-color);
}

.BranchSelect__oldButton--SO {

  display: flex;
  align-items: baseline;

  width: 100%;

  padding: 0 4px 2px;

  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;

  border: 1px solid var(--ring-borders-color);

  border-radius: var(--ring-border-radius);

  background-color: var(--ring-selected-background-color);

  font-size: var(--ring-font-size);
  font-weight: normal;
  line-height: 22px;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BranchSelect__oldButton--SO:hover .BranchSelect__dropdownTriggerSpecial--G1 {
    background-position-x: -20px;
  }}

.BranchSelect__oldButton--SO:active .BranchSelect__dropdownTriggerSpecial--G1 {
    background-position-x: -40px;
  }

.BranchSelect__oldButton--SO:disabled {
    cursor: inherit;

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

.BranchSelect__oldButton--SO:disabled .BranchSelect__branchIcon--j9 {
      color: var(--ring-icon-secondary-color);
    }

.BranchSelect__oldButton--SO:disabled .BranchSelect__dropdownTrigger--HR {
      background-position-x: -140px;
    }

.BranchSelect__oldButton--SO:disabled .BranchSelect__dropdownTriggerSpecial--G1 {
      background-position-x: -60px;
    }

.BranchSelect__oldLabel--fZ {

  flex-grow: 1;
}

.BranchSelect__newLabel--oi {
}

.BranchSelect__item--Q0 {
}

.BranchSelect__minimalisticButton--SB {
  border: none;
}

.BranchSelect__specialButton--qa {
  position: relative;

  overflow: hidden;

  padding-top: 1px;
  padding-right: calc(var(--ring-unit)*2.5);
  padding-bottom: 1px;

  border-color: var(--ring-borders-color);
  background-color: var(--ring-content-background-color);

  line-height: 19px;
}

.BranchSelect__specialButton--qa:active {
  background-color: var(--ring-content-background-color);
}

.BranchSelect__specialButton--qa[disabled] {
  border-color: var(--ring-border-disabled-color);
  background-color: var(--ring-disabled-background-color);
}

.BranchSelect__newButton--zV {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BranchSelect__newButton--zV:hover {
    color: var(--ring-white-text-color);
    background-color: var(--ring-main-color);
  }.BranchSelect__newButton--zV:hover .BranchSelect__newLabel--oi::-moz-selection {
      color: var(--ring-content-background-color);
      background-color: var(--ring-link-hover-color);
  }.BranchSelect__newButton--zV:hover .BranchSelect__newLabel--oi::selection {
      color: var(--ring-content-background-color);
      background-color: var(--ring-link-hover-color);
  }}

.BranchSelect__newButton--zV:focus-visible {
    color: var(--ring-white-text-color);
    background-color: var(--ring-main-color);
  }

.BranchSelect__newButton--zV:focus-visible .BranchSelect__newLabel--oi::-moz-selection {
      color: var(--ring-content-background-color);
      background-color: var(--ring-link-hover-color);
  }

.BranchSelect__newButton--zV:focus-visible .BranchSelect__newLabel--oi::selection {
      color: var(--ring-content-background-color);
      background-color: var(--ring-link-hover-color);
  }

.BranchSelect__newButton--zV.BranchSelect__newButton--zV {
  margin: 0;
  padding: 0 var(--ring-unit) 1px;

  box-shadow: none;
}

.BranchSelect__newButton--zV > span > span {
  display: flex;
  align-items: baseline;
}

.BranchSelect__defaultSelected--MH {
  border-color: transparent;
  background-color: var(--tc-default-branch-background-color);
}

.BranchSelect__storyTightSelect--Fp > button {
  width: 150px;
}

.BuildStatusWidget__description--im {
  margin-bottom: calc(var(--ring-unit)*2);

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

  font-size: var(--ring-font-size);
  font-weight: normal;
  line-height: var(--ring-line-height);
}

.BuildStatusWidget__data--Kc {
  width: 100%;
}

.BuildStatusWidget__branchSelect--OW {
  display: block;

  margin-bottom: calc(var(--ring-unit)*2);
}

.BuildStatusWidget__branchSelect--OW > button {
    max-width: 100%;
  }

.BuildStatusWidget__preview--R7 {
  margin-bottom: calc(var(--ring-unit)*2);
}

.BuildStatusWidget__preview--R7 .BuildStatusWidget__icon--fO {
    display: block;
  }

.BuildStatusWidget__caption--rZ {
  display: block;

  margin-bottom: var(--ring-unit);

  font-size: 12px;
}

.BuildStatusWidget__formatSelect--nt {
  margin-bottom: calc(var(--ring-unit)*2);
}

.BuildStatusWidget__warning--Zp {
  margin-top: var(--ring-unit);

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

.BuildStatusWidget__warningIcon--_A {
  margin-right: 4px;
}

.PipelineHeader__header--GC {
  display: grid;

  overflow: hidden;

  margin: calc(var(--ring-unit)*-2) calc(var(--ring-unit)*-4) calc(var(--ring-unit)*4) calc(var(--ring-unit)*-4);
  padding: calc(var(--ring-unit)*2.5) calc(var(--ring-unit)*4) 0 calc(var(--ring-unit)*4);
  padding-bottom: calc(var(--ring-unit)*2.5);

  border-bottom: 1px solid var(--ring-line-color);
  grid-gap: calc(var(--ring-unit)*2);
  grid-template-columns: auto max-content;
  grid-template-rows: auto auto;
  grid-template-areas:
    'breadcrumbs breadcrumbs'
    'heading actions';
}

.PipelineHeader__breadcrumbs--Sy {
  grid-area: breadcrumbs;
}

.PipelineHeader__heading--Dh {
  grid-area: heading;

  overflow: hidden;
}

.PipelineHeader__actions--rT {
  grid-area: actions;

  display: flex;
  justify-content: end;
}

.PipelineHeader__title--sN {
}

.PipelineHeader__title--sN.PipelineHeader__title--sN {
  margin-bottom: var(--ring-unit);
}

.PipelineHeader__branchSelectButton--eE {

  display: inline-block;

  height: calc(var(--ring-unit)*3);
  margin-top: calc(var(--ring-unit)/2);
}

.PipelineHeader__branchSelectButton--eE > button[type='button'] {
    padding: 0;
  }

.PipelineHeader__branchSelectButton--eE > button {
    background-color: transparent;
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.PipelineHeader__branchSelectButton--eE > button:hover {
      color: var(--ring-link-hover-color);
      background-color: transparent;
    }}

.PipelineHeader__branchSelectButton--eE > button svg {
      margin-right: calc(var(--ring-unit)/2);
    }

.PipelineHeader__button--Oc {
  margin-left: var(--ring-unit);
}

.Grid__grid--k5 {
  /* stylelint-disable-next-line length-zero-no-unit */
  --absolute-child-top: 0px;

  display: grid;
  align-items: baseline;
}

.Grid__rowGroup--os,
.Grid__rowGroupsWrapper--_0 {
  display: contents;
}

.UserSelect__select--uQ .ring-select-buttonContainer {
  display: flex;
}

.UserSelect__selectButton--q3 {

  min-width: calc(var(--ring-unit)*30);
  max-width: calc(var(--ring-unit)*50);
}

.CommonForm__buttons--I7 {
  position: relative;

  margin-top: calc(var(--ring-unit)*4);
}

.CommonForm__button--Nb {
  margin-right: var(--ring-unit);
}

.CommonPopup__popup--eY {
  z-index: 100;

  min-width: calc(var(--ring-unit)*58);

  text-align: left;
}

.CommonPopup__header--cN {
  margin-top: calc(var(--ring-unit)*2);

  font-size: calc(var(--ring-unit)*3);
}

.AuthorizeAgent__authorizeAgent--Xr {
  display: inline-block;
}

.AuthorizeAgent__comment--fo {
  width: 100%;
  margin-bottom: calc(var(--ring-unit)*1.5);
}

.AuthorizeAgent__poolSelectPopup--Wc {
  z-index: 101;
}

.AuthorizeAgent__authorizeAgent--Xr[disabled] {
  cursor: default;
  pointer-events: auto;
}

.AuthorizeAgent__authorizeAgent--Xr[disabled]:active {
  background-color: var(--ring-content-background-color);
}

.DisconnectionComment__disconnected--Ui {
  color: var(--ring-error-color);
}

.CommentIcon__commentIcon--Ty {
  transform: scaleX(-1);

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

.StatusComment__anchor--eY {
  display: flex;
}

.StatusComment__icon--cQ {
  display: block;
}

.StatusComment__name--Of {
  white-space: nowrap;
}

.StatusComment__icon--cQ,
.StatusComment__name--Of {
  margin-right: var(--ring-unit);
}

.StatusComment__transformedComment--fY {
  overflow: hidden;
  flex-shrink: 1;

  white-space: nowrap;

  text-overflow: ellipsis;
}

.StatusComment__transformedComment--fY br {
  display: inline;
  clear: none;

  content: ' ';
}

.StatusComment__popup--EV {
  max-width: calc(var(--ring-unit)*40);
  padding: var(--ring-unit);
}

.AgentListView__agent--Ru {
  display: flex;

  align-items: baseline;

  padding: 0 calc(var(--ring-unit)*4);

  line-height: calc(var(--ring-unit)*4);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.AgentListView__agent--Ru:hover {
  background-color: var(--ring-hover-background-color);
}}

.AgentListView__loading--tU {
  cursor: progress;
}

.AgentListView__loadingToggle--oN {
  cursor: wait;
}

.AgentListView__expandable--tV {
  cursor: pointer;
}

.AgentListView__expandHandle--bL {
  margin: 0 calc(var(--ring-unit)*0.5) 0 calc(var(--ring-unit)*-2.25);
}

.AgentListView__toggle--qD {
  margin-right: var(--ring-unit);
}

.AgentListView__idle--U5 {
  color: var(--ring-secondary-color);
}

.AgentListView__disconnectionComment--uJ {
  white-space: nowrap;
}

.AgentListView__disconnected--xy {
  color: var(--ring-error-color);
}

.AgentListView__idle--U5,
.AgentListView__disconnected--xy,
.AgentListView__disconnectionComment--uJ {
  font-size: var(--ring-font-size-smaller);
}

.AgentListView__runningPlaceholder--cG {
  align-self: center;

  flex: 1 0;

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

.AgentListView__icon--_J {
  margin-right: calc(var(--ring-unit)/2);
}

.AgentListView__link--kv {
  font-size: var(--ring-font-size);
  line-height: calc(var(--ring-unit)*4);
}

.AgentListView__link--kv,
.AgentListView__idle--U5,
.AgentListView__split--Ms,
.AgentListView__disconnectionComment--uJ {
  flex: 0 0;
}

.AgentListView__link--kv,
.AgentListView__idle--U5,
.AgentListView__disconnectionComment--uJ,
.AgentListView__runningPlaceholder--cG {
  margin-right: calc(var(--ring-unit)*2);
}

.AgentListView__statusComment--Nb {
  overflow: hidden;

  text-overflow: ellipsis;
}

.AgentListView__split--Ms {
  align-self: flex-start;

  height: calc(var(--ring-unit)*4);

  margin-left: auto;
}

.AgentListView__enableTimer--Dh,
.AgentListView__lastCommunicationTimer--mN {
  white-space: nowrap;
}

.AgentListView__unassignButton--PI {
  padding: 0;

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

.AgentListView__loader--so {
  align-self: center;
  flex-shrink: 0;
}

.AgentListView__enableTimer--Dh,
.AgentListView__lastCommunicationTimer--mN,
.AgentListView__authorize--G3,
.AgentListView__unassignButton--PI,
.AgentListView__loader--so {
  margin-left: var(--ring-unit);
}

.AgentsGroup__container--Ln {
  padding: 0 calc(var(--ring-unit)*2);
}

.AgentsGroup__agent--mz.AgentsGroup__agent--mz {
  margin-left: calc(var(--ring-unit)*-6);
}

.AgentsGroup__group--z3 {
  display: flex;
  flex-direction: column;

  height: calc(100% - var(--ring-unit)*4);
  margin-top: 0;
  margin-bottom: calc(var(--ring-unit)*2);
}

.AgentsGroup__expandable--aX {
  margin: calc(var(--ring-unit)*2) 0 0 0;
}

.AgentsGroup__header--yF.AgentsGroup__header--yF {
  margin: 0 calc(var(--ring-unit)*-4) 0 calc(var(--ring-unit)*-5);
}

.AgentsGroup__heading--AX {
  color: var(--ring-error-color);
}

.AgentsGroup__subheading--Vd {
  color: var(--ring-secondary-color);
}

.AgentsGroup__content--NK.AgentsGroup__content--NK {
  flex: 1 0;

  padding-top: 0;
  padding-bottom: 0;
}

.UnauthorizedAgentsPage__page--Jt {
  max-width: var(--tc-content-width);
}

.UnauthorizedAgentsPage__heading--JO.UnauthorizedAgentsPage__heading--JO {
  margin-bottom: calc(var(--ring-unit)*2);
}

.UnauthorizedAgentsPage__licensesText--Q3 {
  margin: calc(var(--ring-unit)*2) 0;
}

.UnauthorizedAgentsPage__agents--V9 {
}

.UnauthorizedAgentsPage__agent--th {
  margin: 0 calc(var(--ring-unit)*-6) calc(var(--ring-unit)/2) calc(var(--ring-unit)*-6);
  grid-column: start / end;
}

.InvestigationSection__comment--I4 > div {
  height: 100%;
}

.InvestigationSection__comment--I4,
.InvestigationSection__commentInput--Tt {
  min-height: 64px !important;
}

.InvestigationSection__commentLabelContainer--EV {
  position: relative;

  height: 100%;
}

.InvestigationSection__commentLabel--st {
  position: absolute;
  top: 0;
}

.InvestigationSection__userPopup--nW {
  z-index: 7;
}

.ProblemDialog__dialog--fX {
  width: -moz-min-content;
  width: min-content;
  min-width: 580px;
}

.ProblemDialog__wrapper--Eh {
  padding-top: calc(var(--ring-unit)*3);
  padding-bottom: var(--ring-unit);
}

.ProblemDialog__overlay--nv {
  z-index: 6;

  padding: 0;
}

.AgentPoolLink__agentPoolLink--Ne {

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

.AgentPoolLink__secondary--C7 {

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

.AgentPoolLink__secondary--C7 .AgentPoolLink__icon--Sf {
    color: var(--ring-icon-secondary-color);
  }

.AgentPoolLink__onlyText--LH {
  overflow: hidden;
}

.BuildCanceled__wrapper--73 {

  display: flex;
  align-items: baseline;

  max-width: 900px;
}

.BuildCanceled__icon--Gt {
  flex: 0 0 auto;

  margin-right: calc(var(--ring-unit)/2);

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

.AgentInfo__wrapper--_P {
  font-size: var(--ring-font-size);
  line-height: var(--ring-line-height);
}

.AgentInfo__agent--Xw,
.AgentInfo__agentPool--YM {

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

.BarPopup__wrapper--aj {
  display: flex;
  align-items: flex-end;

  height: 100%;
}

.BarPopup__popup--i6 {
  width: calc(var(--ring-unit)*60);
  margin-top: calc(var(--ring-unit)/-2);
  padding: calc(var(--ring-unit)*1.5) calc(var(--ring-unit)*1.5) calc(var(--ring-unit)*2);
}

.BarPopup__popup--i6.BarPopup__average--gJ {
    width: auto;
    width: initial;
  }

.BarPopup__content--Zp {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: max-content auto;
  grid-gap: calc(var(--ring-unit)/2) calc(var(--ring-unit)*2);
}

.BarPopup__content--Zp > div {
    overflow: hidden;
  }

.BarPopup__loading--al {
  margin-bottom: calc(var(--ring-unit)/2);
}

.BarPopup__buildPathLinks--Kj {
  color: var(--ring-link-color);
}

.BarPopup__durationValue--FZ {
  font-weight: bold;
}

.BarPopup__statusHeading--zF {
  margin-bottom: calc(var(--ring-unit)*2 - var(--ring-unit)/2);
}

.BarPopup__buildValue--OE {
  display: flex;
  align-items: baseline;
}

.BarPopup__buildNumber--UW {
  margin-right: calc(var(--ring-unit)*1.5);

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

.Bar__header--sB {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;

  height: 2px;
}

.Bar__body--mi {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 0;

  opacity: 0.25;
  background: #aaa;
}

.Bar__failedLine--g6 {
  width: 100%;
  height: 100%;
}

.Bar__failed--tX .Bar__failedLine--g6 {
    opacity: 0.2;
    background: var(--ring-error-color);
  }

.Bar__failed--tX .Bar__body--mi {
    background: var(--ring-error-color);
  }

.Bar__column--jN {
  position: relative;

  width: 100%;
  height: 100%;

  cursor: pointer;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.Bar__column--jN:hover .Bar__body--mi {
    opacity: 1;

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

.Preview__previewContainer--rm {
  overflow: hidden;

  height: 32px;

  margin-bottom: var(--ring-unit);

  cursor: pointer;

  border-radius: var(--ring-border-radius);
  background-color: var(--ring-sidebar-background-color);
  box-shadow: 1px 1px 0 0 var(--ring-line-color) inset, -1px -1px 0 0 var(--ring-line-color) inset;
}

.Preview__preview--BR {
  position: relative;
}

.Preview__brush--S2 {
  width: 100%;
  height: 100%;

  pointer-events: none;

  border-radius: var(--ring-border-radius);
  background: var(--ring-content-background-color);
  box-shadow: 0 0 0 1px var(--ring-main-color) inset;
}

.Preview__victoryContainer--wd > svg {
  overflow: visible;
}

.Chart__chart--JH {
  position: relative;

  overflow: hidden;
}

.PopupControl__legacyPopupControl--rd {
  display: inline-flex;
  align-items: baseline;

  max-width: 100%;

  white-space: nowrap;

  line-height: normal;
}

.PopupControl__label--Dy {

  min-width: 0;

  padding-bottom: 1px;
}

.PopupControl__toggle--Hr {

  margin-left: calc(var(--ring-unit)/2);
}

.DotsLoader__dots--i2 {
  position: relative;

  overflow: hidden;
  flex: 1 0;

  width: calc(var(--ring-unit)*1.5);
}

.DotsLoader__dots--i2::after {
  position: absolute;
  top: 0;
  left: 0;

  content: '';
  animation: DotsLoader__dots-animation--je 2s linear infinite;
}

@keyframes DotsLoader__dots-animation--je {
  0% {
    content: '';
  }

  25% {
    content: '.';
  }

  50% {
    content: '..';
  }

  75% {
    content: '...';
  }

  100% {
    content: '...';
  }
}

.BuildStatusTooltip__comment--aW {
  display: inline;
}

.BuildStatusLink__link--ZQ {

  min-width: 0;
}

.BuildStatusLink__success--Yx {
  color: var(--ring-success-color);
}

.BuildStatusLink__failure--x_ {
  color: var(--ring-error-color);
}

.BuildStatusLink__canceled--H8 {
  color: var(--ring-secondary-color);
}

.BuildStatusLink__warning--UO {
  color: var(--ring-warning-color);
}

.BuildStatus__label--Da {
  margin-left: -1px;
  padding-left: 1px;
}

.ClassicTabMammoth__icon--vd {
  margin-top: -2px;
  margin-left: var(--ring-unit);

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

.ClassicTabMammoth__icon--vd .ring-icon-glyph {
  vertical-align: -5px;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .OverviewTab__link--tL:hover .OverviewTab__name--Lg {
    color: var(--ring-text-color);
  }

  .OverviewTab__link--tL:hover .OverviewTab__icon--YJ.OverviewTab__icon--YJ.OverviewTab__mammoth--bv,
  .OverviewTab__link--tL:hover .OverviewTab__counter--XT {
    color: var(--ring-secondary-color);
  }}

.OverviewTab__limitedWidth--lF {
  max-width: var(--tc-content-width);
}

.OverviewTab__collapsed--w7 {
  margin-left: calc(var(--ring-unit)*2);
}

.OverviewTab__note--u0 {

  display: flex;
  align-items: center;

  margin-top: var(--ring-unit);

  padding: var(--ring-unit) calc(var(--ring-unit)*2);

  text-align: center;

  color: var(--ring-secondary-color);
  border-top: 1px solid var(--ring-line-color);

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

.OverviewTab__noteText--tk {
  padding-left: var(--ring-unit);
}

.OverviewTab__link--tL {
  display: flex;
  align-items: center;
  flex: 1 0;

  height: calc(var(--ring-unit)*4);
}

.OverviewTab__counter--XT {

  margin-left: var(--ring-unit);

  text-decoration: none;

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

  font-weight: normal;
}

/* stylelint-disable selector-max-specificity */
.OverviewTab__link--tL .OverviewTab__name--Lg, .OverviewTab__link--tL:focus .OverviewTab__name--Lg, .OverviewTab__link--tL:active .OverviewTab__name--Lg {
    color: var(--ring-text-color);
  }
.OverviewTab__link--tL .OverviewTab__icon--YJ.OverviewTab__icon--YJ.OverviewTab__mammoth--bv,
  .OverviewTab__link--tL:focus .OverviewTab__icon--YJ.OverviewTab__icon--YJ.OverviewTab__mammoth--bv,
  .OverviewTab__link--tL:active .OverviewTab__icon--YJ.OverviewTab__icon--YJ.OverviewTab__mammoth--bv,
  .OverviewTab__link--tL .OverviewTab__counter--XT,
  .OverviewTab__link--tL:focus .OverviewTab__counter--XT,
  .OverviewTab__link--tL:active .OverviewTab__counter--XT {
    color: var(--ring-secondary-color);
  }
/* stylelint-enable */

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.OverviewTab__link--tL:hover {
  background-color: var(--ring-selected-background-color);
}}

.OverviewTab__linkContent--z7 {

  display: flex;
  align-items: center;
}

.OverviewTab__tabs--HS,
.OverviewTab__tabs--HS > div:nth-child(2),
.OverviewTab__classicTab--JD {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.TabsLoading__loadingTabs--lk {
  display: inline-flex;

  height: calc(var(--ring-unit)*4);
  margin-left: calc(var(--ring-unit)*3);
  padding: 0;

  vertical-align: top;

  white-space: nowrap;

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

  border: none;
  outline: none;

  line-height: calc(var(--ring-unit)*4);
}

.BuildStateFilter__row--DA {
  display: flex;
  align-items: baseline;

  margin: var(--ring-unit) 0;
}

.BuildStateFilter__row--DA > :not(:last-child) {
    margin-right: calc(var(--ring-unit)*2);
  }

.BuildStateFilter__tagsFiltersWrapper--QQ {
  max-width: 100%;
  min-height: calc(var(--ring-unit)*3 + 1px);
}

.BuildStateFilter__locator--EV.BuildStateFilter__locator--EV {
  align-self: flex-start;
  flex-grow: 1;

  margin-bottom: 9px;
}

.BuildStateFilter__starPinRow--n6 {
  margin-bottom: calc(var(--ring-unit)*-2);
}

.BuildStateFilter__starPinRow--n6 > :not(:last-child) {
    margin-right: calc(var(--ring-unit)*2);
  }

.BuildStateFilter__projects--D2 {
  width: 330px;
}

.BuildStateFilter__projects--D2 .searchPanel {
    display: inline-block;

    width: 100%;
  }

.BuildStateFilter__projects--D2 > search-panel {
    vertical-align: -1px;
  }

.BuildStateFilter__toggle--Hu {
  flex-shrink: 0;

  margin-left: auto;
}

.BuildStateFilter__controls--Pd {

  flex-wrap: wrap;
}

.BuildStateFilter__controls--Pd > * {
  margin-top: var(--ring-unit);
}

.BuildStateFilter__newWindowLink--JB {
  margin-right: calc(var(--ring-unit)*-1);
  margin-left: auto;
}

.BuildStateFilter__update--ks {
  position: relative;

  margin-left: auto;

  white-space: nowrap;
}

.BuildStateFilter__loaderBlock--PH {
  position: absolute;
  top: 2px;
  right: calc(var(--ring-unit)*2);

  opacity: 0;
}

.BuildStateFilter__loader--ed {
  margin-right: calc(var(--ring-unit)/2);
}

.BuildStateFilter__showLoader--vr .BuildStateFilter__loaderBlock--PH {
  transition: opacity 0.3s ease-in;

  opacity: 1;
}

.BuildStateFilter__showLoader--vr .BuildStateFilter__updateButton--im {
  transition: opacity 0.3s ease-in;

  opacity: 0;
}

.BuildStateFilter__toggle--Hu + .BuildStateFilter__update--ks {
  margin-left: 0;
}

.BuildStateFilter__tagsRow--sC {
  margin-top: 0;
}

.BuildStateFilter__agentPattern--me {
  align-self: flex-start;
}

.BuildStateFilter__stateIcon--Ja {
  vertical-align: -1px;
}

.BuildStateFilter__disabledIcon--ak {
  --ring-button-group-button-border-color: var(--ring-borders-color);
  --ring-border-disabled-color: var(--ring-borders-color);
  --ring-disabled-background-color: var(--ring-content-background-color);
}

.BuildStateFilter__disabledIcon--ak .BuildStateFilter__stateIcon--Ja {
  fill: var(--ring-disabled-color);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BuildStateFilter__inactiveIcon--FN:not(:hover) .BuildStateFilter__stateIcon--Ja {
  transition: color var(--ring-fast-ease);

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

.CopyIconButton__wrapper--xo {
  display: inline-block;
}

.CopyIconButton__popup--h6 {
  padding: var(--ring-unit);
}

.RecoveryKeysDialog__recoveryKeysWithActions--D2 {
  display: flex;

  margin-top: var(--ring-unit);
}

.RecoveryKeysDialog__recoveryKeys--zr {
  padding: calc(var(--ring-unit)/2) var(--ring-unit);

  white-space: pre;

  background: var(--ring-sidebar-background-color);

  font-family: monospace;
}

.RecoveryKeysDialog__actions--Mf {
  display: flex;
  align-items: flex-start;
  flex-direction: column;

  margin-left: var(--ring-unit);
}

/* pure brandbook colors */

.ConfigurationForm__confirmationForm--vF {
  margin-top: calc(var(--ring-unit)*2);
}

.ConfigurationForm__delete--xD {
  margin-top: calc(var(--ring-unit)/2);
}

.ConfigurationForm__error--QW {
}

.ConfigurationForm__heading--C5 {
  margin-top: calc(var(--ring-unit)*4);

  font-size: inherit;
  font-weight: bold;
}

.ConfigurationForm__greenHeading--E8 {

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

.ConfigurationForm__configurationForm--Ah {
  margin-top: -12px;
}

.ConfigurationForm__popup--H0 {
  padding: var(--ring-unit) calc(var(--ring-unit)*2);
}

/* pure brandbook colors */

.SetupForm__qr--Ok {
  display: block;

  background: linear-gradient(90deg, #9135e0, #05c1fd, #18d68c);
}

.SetupForm__qrWrapper--zX {
  margin-top: var(--ring-unit);
  padding: var(--ring-unit);

  border: 1px solid var(--ring-line-color);
}

.SetupForm__keyRepresentations--aO {
  display: flex;

  margin-top: calc(var(--ring-unit)*1.5);
}

.SetupForm__keyRepresentations--aO > div {
    margin-right: calc(var(--ring-unit)*4);
  }

.SetupForm__password--Bu.SetupForm__password--Bu /* to override ring ui */ {
  width: calc(264px + var(--ring-unit)*2);
  margin-bottom: calc(var(--ring-unit)*2);
}

.SetupForm__passwordInner--Sz {
  -moz-appearance: textfield;
}

.SetupForm__passwordInner--Sz::-webkit-outer-spin-button,
  .SetupForm__passwordInner--Sz::-webkit-inner-spin-button {
    -webkit-appearance: none;

    margin: 0;
  }

.SetupForm__error--Te {
}

.DslOptions__dslOptions--NA {
  margin-left: auto;
}

.DslOptions__select--Lk {
  padding-right: calc(var(--ring-unit));
}

.DslEditor__optionsBox--l7 {
  display: flex;

  margin: calc(var(--ring-unit)/2) 0;
  padding: 0 calc(var(--ring-unit)*2);
}

.DslEditor__codeWrapper--Tg {
  margin-top: 0;
  margin-bottom: 0;

  white-space: pre-wrap;
}

.DslEditor__codeWrapper--Tg code {
    overflow: visible;

    padding-top: 0;
    padding-bottom: calc(var(--ring-unit)/4);

    border-radius: 0;

    font-size: var(--ring-font-size-smaller);
    line-height: 1.5;
  }

.DslEditor__blue--Vq code {
    background-color: var(--ring-hover-background-color);
  }

.DslEditor__white--q3 code {
    background-color: var(--ring-content-background-color);
  }

.DslEditor__additionalIndent--aH {
  margin-left: calc(var(--ring-unit)*8);
}

.DslEditor__smallIndent--Dp {
  margin-left: calc(var(--ring-unit)*4);
}

.DslEditor__error--yT {
  max-width: calc(var(--ring-unit)*100);

  margin: var(--ring-unit);

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

.DslEditor__iconButton--Zb {
  padding-right: 0;
  padding-left: 0;
}

.DslEditor__iconWrapper--bR {
  margin-right: calc(var(--ring-unit)/2);
}

.DslEditor__codeSection--CJ {
  overflow: auto;
}

.ring-pager-pager {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ring-pager-links {
  margin-bottom: 16px;
}

.ring-pager-link {
  display: inline-block;

  margin-right: 16px;
}

.ring-pager-linkDisabled {
  color: var(--ring-secondary-color);
}

.Pager__pager--OG {
  margin-top: calc(var(--ring-unit)*2);
}

.Description__text--yr {
  line-height: var(--ring-line-height);
}

.Description__text--yr.Description__majorInfo--zG {
    color: var(--ring-text-color);
  }

.Description__text--yr.Description__minorInfo--sT {
    color: var(--ring-secondary-color);
  }

.Description__text--yr.Description__error--N5 {
    color: var(--ring-error-color);
  }

.Description__text--yr.Description__success--b4 {
    color: var(--ring-success-color);
  }

.Description__text--yr.Description__warning--HI {
    color: var(--ring-warning-color);
  }

.Description__animated--Aw .Description__animated--Aw::after {
  content: '';
  animation: undefined;
}

.Description__showButton--RR {
  margin-left: calc(var(--ring-unit)/4);
}

.BuildLogPopupHeader__header--Np {
  min-height: calc(28px + var(--ring-line-height-lowest));
  padding: calc(var(--ring-unit)/2) calc(var(--ring-unit)*2) var(--ring-unit);
}

.BuildLogPopupHeader__title--H1.BuildLogPopupHeader__title--H1 {
  margin: 0;
  padding: 0;

  font-size: 24px;

  font-weight: bold;
  line-height: 28px;
}

.BuildLogPopupHeader__link--jF {
  color: inherit;
}

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

    .BuildLogPopupHeader__link--jF:hover > .BuildLogPopupHeader__linkInner--Fa {
      border-bottom-width: 2px;
    }}

.BuildLogPopupHeader__title--H1.BuildLogPopupHeader__failure--nx {
  color: var(--ring-error-color);
}

.BuildLogPopupHeader__title--H1.BuildLogPopupHeader__success--cZ {
  color: var(--ring-success-color);
}

.BuildLogPopupHeader__statusIcon--_q {
  margin-right: calc(var(--ring-unit)/2);
}

.BuildLogPopupHeader__description--St {
  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.BuildLogPopupHeader__descriptionText--iB {
  line-height: var(--ring-line-height-lowest);
}

.ActionsDropdown__detailsButton--zQ {
  color: var(--ring-secondary-color);
}

.ActionsDropdown__anchorButton--eT {
  height: auto;
  height: initial;
}

.ActionsDropdown__dropdown--as {
  flex: 0 0 auto;

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

  line-height: 12px;
}

.ActionsDropdown__loader--fL {
  padding: 0 0 var(--ring-unit) calc(var(--ring-unit)*2);
}

.ActionsDropdown__item--Ta.ActionsDropdown__item--Ta {
  color: inherit;
  border-radius: 0;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ActionsDropdown__item--Ta.ActionsDropdown__item--Ta:hover > * {
    border: none;
  }}

.ActionsDropdown__hoverItem--RJ {
  background-color: var(--ring-selected-background-color);
}

.ActionsDropdown__icon--Od,
.ActionsDropdown__itemText--tC::before {
  margin-right: calc(var(--ring-unit)/2);
}

.Details__button--h4 {

  display: block;

  width: 100%;
  margin: 0;

  cursor: pointer;
}

.Details__heading--id.Details__heading--id {
  position: relative;

  cursor: pointer;

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

.Details__asideButton--GB {
  position: absolute;
  top: var(--absolute-child-top);
  right: 0;
  bottom: 0;
  left: 0;
}

.Highlight__highlight--ql {
  color: var(--ring-link-hover-color);
}

.JobStepRunInDockerImageSelect__select--yk {
  width: 100%;

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

.JobStepRunInDockerImageSelect__imageTag--k8 {
  color: var(--ring-secondary-color);
}

.JobStepRunInDockerImageSelect__imageLink--_X {
  height: calc(var(--ring-unit)*2);
  margin-left: var(--ring-unit);
  padding: 0;

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

.JobStepRunInDockerImageSelect__errorMessage--UW,
.JobStepRunInDockerImageSelect__incorrectNameMessage--vb,
.JobStepRunInDockerImageSelect__notFoundMessage--x9 {
  width: -moz-min-content;
  width: min-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: calc(var(--ring-unit)*1.5) calc(var(--ring-unit)*2);

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

.JobStepRunInDockerImageSelect__errorMessage--UW {
  color: var(--ring-icon-error-color);
}

.JobStepRunInDockerImageSelect__notFoundMessageCurrentValue--vQ {
  word-break: break-all;

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

.JobStepRunInDocker__container--Az {
  position: relative;

  margin-bottom: calc(var(--ring-unit)*1.5);
}

.JobStepRunInDocker__description--LC {
  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.JobStepRunInDocker__toggle--hj {
  margin-bottom: calc(var(--ring-unit)/2*1.5);
}

.JobStepRunInDocker__modeToggle--Ie {
  display: flex;

  margin-bottom: calc(var(--ring-unit)*1.5)
}

.JobStepRunInDocker__modeToggleButton--HC {
  flex: 1 1;
}

.StepTypeSelect__container--ct {
  margin-bottom: calc(var(--ring-unit)*1.5);
}

.JobStep__showAdvanced--Ha {
  height: auto;
  margin-left: calc(var(--ring-unit)*-2);

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

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

.JobStep__delete--q4 {
  margin-right: calc(var(--ring-unit)*-1);
}

.JobStep__restore--jO {
  margin-right: calc(var(--ring-unit)*-2);
}

.JobStep__delete--q4,
.JobStep__restore--jO {
  height: auto;

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

.JobStep__failureLine--Ah {
  display: flex;
  align-items: baseline;

  margin-top: calc(var(--ring-unit)/2);

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

.JobStep__icon--_3 {
  margin-right: calc(var(--ring-unit)/2);
}

.JobStep__failure--uw {
  color: var(--ring-error-color);
}

.JobStep__logLink--H_ {
  margin-left: auto;

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.JobSteps__stepWrapper--cN {
  --ring-font-size: 14px;

  z-index: 3;

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

  font-size: 14px;

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

.PipelineParameterForm__pipelineParameterForm--vl > div:first-child {
  display: flex;
  flex-direction: column;
  row-gap: calc(var(--ring-unit)*1.5);
}

.PipelineParameterForm__pipelineParameterWrapForm--bJ {
  display: flex;
  align-items: baseline;
  justify-content: space-around;

  -moz-column-gap: var(--ring-unit);

       column-gap: var(--ring-unit);
}

.PipelineParameterForm__pipelineParameterFormInput--Vu {
  flex: 1 1;
}

.PipelineParameterForm__pipelineParameterFormHelperText--fa {
  position: relative;

  margin-top: calc(var(--ring-unit)/-2);

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.PipelineParameter__parameter--ej {
  position: relative;

  display: flex;
  align-items: baseline;

  margin-bottom: calc(var(--ring-unit)*1.5);

  line-height: calc(var(--ring-unit)*3);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.PipelineParameter__parameter--ej:hover .PipelineParameter__parameterActions--Xo > * {
    opacity: 1;
  }}

.PipelineParameter__inputContainer--vS {
  max-width: 50%;
  margin: 0 -2px;
}

.PipelineParameter__inputs--OH {
  display: flex;

  width: calc(100% - 60px);

  margin: -2px 0;
}

.PipelineParameter__input--Zp {
  text-overflow: ellipsis;
}

.PipelineParameter__deleted--Tl,
.PipelineParameter__deleted--Tl .PipelineParameter__input--Zp {
  text-decoration: line-through;

  color: var(--ring-secondary-color);
  -webkit-text-fill-color: var(--ring-secondary-color);
}

.PipelineParameter__input--Zp:disabled {
  background-color: transparent;
}

.PipelineParameter__parameter--ej:not(:focus-within) .PipelineParameter__input--Zp {
  border-color: transparent;
  background-color: transparent;
}

.PipelineParameter__parameter--ej:focus-within .PipelineParameter__input--Zp {
  background-color: var(--ring-content-background-color);
}

.PipelineParameter__parameter--ej:focus-within .PipelineParameter__parameterActions--Xo > * {
  visibility: hidden;
}

.BranchInput__inputContainer--hz .undefined {
  margin-bottom: var(--ring-unit);

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

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

.BranchInput__inputContainer--hz:not(:first-child) {
  margin-top: calc(var(--ring-unit)*1.5);
}

.BranchInput__popup--uP {
  margin-top: calc(var(--ring-unit)*-0.5);
}

.BranchSettingsForm__notice--Yu {
  color: var(--ring-secondary-color);

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.BranchSettings__edit--Vz {
  margin-right: calc(var(--ring-unit)*-1);

  transition: opacity var(--ring-ease);

  opacity: 0;
}

.BranchSettings__container--BF {
  display: flex;
  -moz-column-gap: var(--ring-unit);
       column-gap: var(--ring-unit);

  cursor: pointer;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BranchSettings__container--BF:hover .BranchSettings__edit--Vz {
    opacity: 1;
  }}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BranchSettings__container--BF:hover .BranchSettings__editButtonIcon--Zf {
    color: var(--ring-link-hover-color);
  }}

.BranchSettings__container--BF div:nth-child(2) {
    flex-grow: 1;
  }

.BranchSettings__defaultBranch--ZC {
  display: flex;
}

.BranchSettings__branchRules--Hr {
  display: flex;
  align-items: baseline;

  margin-top: calc(var(--ring-unit)*0.5);

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.PipelineRepository__editUrl--vg {
  margin-right: calc(var(--ring-unit)*-1);

  transition: opacity var(--ring-ease);

  opacity: 0;
}

.PipelineRepository__urlSectionWrapper--fZ {
  padding-bottom: calc(var(--ring-unit)*1.5);

}

.PipelineRepository__urlSection--v2 {
  display: flex;
  align-items: baseline;

  height: 22px;

  cursor: pointer;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.PipelineRepository__urlSection--v2:hover .PipelineRepository__editUrl--vg {
    opacity: 1;
  }}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.PipelineRepository__urlSection--v2:hover .PipelineRepository__editUrlIcon--vh {
    color: var(--ring-link-hover-color);
  }}

.PipelineRepository__input--zE {
  margin: -2px 0;

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

.PipelineRepository__branchSelectButton--os {
  height: auto;

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

  line-height: inherit;
}

.PipelineSecretForm__pipelineSecretForm--vI > div:first-child {
  display: flex;
  flex-direction: column;
  row-gap: calc(var(--ring-unit)*1.5);
}

.PipelineSecretForm__pipelineSecretWrapForm--kf {
  display: flex;
  align-items: baseline;
  justify-content: space-around;

  -moz-column-gap: var(--ring-unit);

       column-gap: var(--ring-unit);
}

.PipelineSecretForm__pipelineSecretFormInput--C0 {
  flex: 1 1;
}

.PipelineSecretForm__pipelineSecretFormHelperText--E2 {
  position: relative;

  margin-top: calc(var(--ring-unit)/-2);

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.PipelineSecret__secret--rM {
  display: flex;
  justify-content: space-between;

  margin-bottom: calc(var(--ring-unit)*1.5);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.PipelineSecret__secret--rM:hover .PipelineSecret__secretActions--H5 > * {
    opacity: 1;
  }}

.PipelineSecret__restoreButton--kq,
.PipelineSecret__removeButton--Al,
.PipelineSecret__editButton--vK {
  height: auto;

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.PipelineSecret__secretInputWrapper--DO {
  position: relative;

  display: flex;

  height: calc(var(--ring-unit)*3);
  margin: -2px 0;
}

.PipelineSecret__popupError--WL {
  width: calc(100% - 60px);
}

.PipelineSecret__secretInputWrapperDeleted--rU {
  color: var(--ring-secondary-color);
  -webkit-text-fill-color: var(--ring-secondary-color);
}

.PipelineSecret__secretInputWrapperDeleted--rU .PipelineSecret__secretName--JD {
  text-decoration: line-through;

  background-color: transparent;
}

.PipelineSecret__secretValue--Sm {
  display: flex;

  line-height: 16px;
  gap: 0 3px;
}

.PipelineSecret__inputSecretName--Ru {
  text-overflow: ellipsis;
}

.PipelineSecret__inputSecretName--Ru:disabled {
  text-decoration: line-through;

  background-color: transparent;
}

.PipelineSecret__secret--rM:not(:focus-within) .PipelineSecret__inputSecretName--Ru {
  border-color: transparent;
  background-color: transparent;
}

.PipelineSecret__secret--rM:focus-within .PipelineSecret__inputSecretName--Ru {
  background-color: var(--ring-content-background-color);
}

.PipelineSecret__secret--rM:focus-within .PipelineSecret__secretActions--H5 > * {
  visibility: hidden;
}

.DeletePipelineDialog__hostnameInput--bo {
  margin-top: var(--ring-unit);
}

.JobTriggerForm__content--a2 {
  display: flex;
  flex-direction: column;
}

.JobTriggerForm__inputTime--PD {
  line-height: var(--ring-line-height-lower);
}

.JobTriggerForm__inputTime--PD::before {
    margin-right: calc(var(--ring-unit)/2);

    content: 'at';
  }

.JobTriggerForm__inputTime--PD::-webkit-calendar-picker-indicator,
  .JobTriggerForm__inputTime--PD::-webkit-inner-spin-button,
  .JobTriggerForm__inputTime--PD::-webkit-datetime-edit-ampm-field {
    display: none;
  }

.JobTriggerForm__daysOfWeekCheckbox--RZ {
  padding-bottom: var(--ring-unit);

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

.JobTriggerForm__timeSettings--U5 {
  display: flex;

  padding-top: calc(var(--ring-unit)*3/2);

  color: red;
}

.JobTriggerForm__selectTimeZoneWrapper--eH {
  flex: 1 1;

  padding-left: calc(var(--ring-unit)*2);
}

.JobTriggerForm__selectTimeZone--xZ {
  display: table;

  width: 100%;

  table-layout: fixed;

  white-space: normal;
}

.JobTriggerForm__buttonPanel--HH {
  display: flex;
}

.JobTriggerForm__buttonPanelDeleteButton--aV {
  position: relative;

  flex: 1 1;

  margin-right: calc(var(--ring-unit)*-1);

  text-align: right;
}

.PipelineTrigger__triggerActions--l1 {
  margin-top: -1px;
}

.PipelineTrigger__triggerActions--l1 > * {
  transition: opacity var(--ring-ease);

  opacity: 0;
}

.PipelineTrigger__trigger--yc {
  position: relative;

  margin-bottom: calc(var(--ring-unit)*1.5);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.PipelineTrigger__trigger--yc:hover .PipelineTrigger__triggerActions--l1 > * {
    opacity: 1;
  }}

.PipelineTrigger__triggerTime--BL {
  display: flex;
  align-items: start;

  justify-content: space-between;
  -moz-column-gap: var(--ring-unit);
       column-gap: var(--ring-unit);
}

.PipelineTrigger__triggerTimeWrapper--F3 {
  display: flex;
  align-items: baseline;

  flex: 1 1;
  justify-content: space-between;

  cursor: pointer;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.PipelineTrigger__triggerTimeWrapper--F3:hover .PipelineTrigger__editTriggerIcon--zf {
    color: var(--ring-link-hover-color);
  }}

.PipelineTrigger__triggerToggle--Rw {
  display: flex;
}

.PipelineTrigger__triggerToggle--Rw span:first-child {
    flex-shrink: 0;

    margin-top: 3px;
  }

.PipelineTrigger__triggerDetail--ah {
  margin-top: calc(var(--ring-unit)/2);

  transition: all 300ms ease-in-out;

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.PipelineTrigger__triggerDetailDisabled--Rg {
  opacity: 0.4;
}

.PipelineTriggers__triggerNewChangesToggleWrapper--Ry {
  position: relative;

  margin-bottom: calc(var(--ring-unit)*1.5);
}

.PipelineTriggers__triggerNewChangesToggle--1B {
  display: flex;
  align-items: center;
}

.SidebarContent__content--mK {
  display: flex;

  overflow-x: hidden;
  overflow-y: auto;
  flex-direction: column;

  box-sizing: border-box;
  height: 100%;
}

.PageWithSidebar__container--YL {
  position: relative;

  margin: calc(var(--ring-unit)*-2) calc(var(--ring-unit)*-4) 0 calc(var(--ring-unit)*-4);
}

.PageWithSidebar__main--Az {

  display: flex;

  overflow: hidden;
  flex-direction: column;

  box-sizing: border-box;
  height: 100%;

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

.JobTile__container--rQ {
  position: absolute;
}

.JobTile__job--L4 {
  --text-wrapper-background: rgba(var(--ring-content-background-components), 0.7);

  position: relative;

  display: flex;
  align-items: flex-start;
  flex-direction: column;

  box-sizing: border-box;
  width: 196px;
  height: 80px;
  padding: calc(var(--ring-unit)*0.75) var(--ring-unit);

  text-decoration: none;

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

  border: 1px solid var(--ring-borders-color);

  border-radius: var(--ring-border-radius);
  outline-color: var(--ring-border-hover-color);
  background-color:  var(--ring-content-background-color);

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.JobTile__job--L4:hover {
    --text-wrapper-background: rgba(var(--ring-hover-background-components), 0.7);

    padding: calc(var(--ring-unit)*0.75 - 1px) calc(var(--ring-unit) - 1px);

    text-decoration: none;

    border: 2px solid var(--ring-action-link-color);
    background-color: var(--ring-hover-background-color);
  }}

.JobTile__name--Zw {
  display: -webkit-box;
  overflow: hidden;

  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.JobTile__top--q5,
.JobTile__name--Zw {
  position: relative;
  z-index: 1;

  border-radius: var(--ring-border-radius);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);

  background-color: var(--text-wrapper-background);
}

.JobTile__jobIcon--Cm {
  color: var(--ring-secondary-color);
}

.JobTile__trashIcon--IU {
  color: var(--ring-text-color);
}

.JobTile__statusIcon--fn {
  color: var(--ring-success-color);
}

.JobTile__reusedIcon--c9 {
  opacity: 0.5;
}

.JobTile__spinningIcon--Ie svg {
  position: relative;
  z-index: 4; /* should be unique for different composite layer */

  animation: JobTile__spin--lx 1.8s linear infinite;
}

@keyframes JobTile__spin--lx {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.JobTile__status--uS {
  margin-top: calc(var(--ring-unit)/2);

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

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

.JobTile__reusedStatus--JV {
  opacity: 0.8;
}

.JobTile__selected--wn,
.JobTile__hoveredInSidebar--gp {
  --text-wrapper-background: rgba(var(--ring-hover-background-components), 0.7);

  padding: calc(var(--ring-unit)*0.75 - 1px) calc(var(--ring-unit) - 1px);

  border: 2px solid var(--ring-action-link-color);
  background-color: var(--ring-hover-background-color);
}

.JobTile__selected--wn .JobTile__jobIcon--Cm, .JobTile__hoveredInSidebar--gp .JobTile__jobIcon--Cm {
    color: var(--ring-main-color);
  }

.JobTile__selected--wn {
  font-weight: 600;
}

.JobTile__runSelected--bH {
  outline: solid 2px var(--ring-main-color);
}

.JobTile__error--XB {
  color: var(--ring-error-color);
}

.JobTile__errorMessage--si {
  padding-top: var(--ring-unit);

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

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

  font-weight: normal;
  line-height: var(--ring-font-size-smaller);
}

.JobTile__selectedLabel--Dm,
.JobTile__editedLabel--f9,
.JobTile__deletedLabel--U7 {
  display: inline-block;

  margin-left: 2px;
  padding-right: calc(var(--ring-unit)/2);

  font-size: var(--ring-font-size-smaller);
  font-weight: bold;

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

.JobTile__selectedLabel--Dm {
  color: var(--ring-main-color);
}

.JobTile__editedLabel--f9 {
  color: var(--ring-warning-color);
}

.JobTile__deletedLabel--U7 {
  color: var(--ring-text-color);
}

.JobTile__deleted--qM {
  text-decoration: line-through;

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

.AddJob__button--rA {

  margin: 0;

  cursor: pointer;
  text-align: left;

  border: 1px dashed var(--ring-icon-color);

  font-family: var(--ring-font-family);
  font-weight: normal;

  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.AddJob__button--rA:hover {
    border: 2px dashed var(--ring-action-link-color);
  }}

.AddJob__button--rA[disabled] {
    pointer-events: none;

    opacity: 0.7;

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

.AddJob__icon--WC {
  color: var(--ring-icon-color);
}

.AddJob__name--dH {
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.AddJob__button--rA:hover .AddJob__name--dH {
  background-color: transparent;
}}

.JobAnimationWrapper__wrapper--oo {
  overflow: hidden;

  width: 0;
  height: 0;

  transition-timing-function: ease-in;
  transition-duration: 200ms;
  transition-property: height, width;
}

.JobAnimationWrapper__startAnimation--Kq {
  width: 196px;
  height: 80px;
}

.SaveChanges__container--oj {
  margin-bottom: var(--ring-unit);

  text-align: right;
}

.SaveChanges__actions--jz {
  display: flex;
}

.SaveChanges__button--fj {
  margin-left: var(--ring-unit);
}

.EditPipelineToggle__buttonGroup--Nn {
  box-shadow: 0 2px 8px rgba(var(--ring-popup-border-components), 0.1), 0 1px 2px rgba(var(--ring-popup-border-components), 0.04);
}

.EditPipelineYamlActions__button--Q_ {
  margin-left: var(--ring-unit);
}

.EditPipelineYamlCounters__unsavedChanges--Uo {
  color: var(--ring-secondary-color);
}

.EditPipelineYamlCounters__unsavedChanges--Uo,
.EditPipelineYamlCounters__errorCounter--xK,
.EditPipelineYamlCounters__warningCounter--BX {

  margin-left: calc(var(--ring-unit)*1.5);
}

.EditPipelineYamlCounters__errorCounter--xK,
.EditPipelineYamlCounters__warningCounter--BX {
  display: inline-block;
}

.EditPipelineYamlCounters__errorCounter--xK, .EditPipelineYamlCounters__errorIcon--Kn {
  color: var(--ring-icon-error-color);
}

.EditPipelineYamlCounters__warningCounter--BX, .EditPipelineYamlCounters__warningIcon--xC {
  color: var(--ring-icon-warning-color);
}

.EditPipelineYamlCounters__errorIcon--Kn, .EditPipelineYamlCounters__warningIcon--xC {
  margin-right: calc(var(--ring-unit)/2);
}

.EditPipelineToolbar__psevdoPanel--ix {
  position: sticky;

  top: -1px;
  left: 0;
}

.EditPipelineToolbar__panel--iE {
  position: sticky;
  z-index: 3;

  top: 0;
  left: 0;

  display: flex;
  align-items: baseline;

  padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4);

  border-bottom: 1px solid transparent;
  background-color: var(--ring-sidebar-background-color);
}

.EditPipelineToolbar__panel--iE.EditPipelineToolbar__stuck--us {
     border-bottom: 1px solid var(--ring-line-color);
  }

.EditPipelineYAML__main--nh {
  display: flex;

  flex: 1 1;

  justify-content: center;
}

.EditPipelinePage__main--iN {

  display: flex;
  overflow: auto;

  flex: 1 1;

  flex-direction: column;
}

.EditPipelinePage__content--VH {
  display: flex;
  align-self: baseline;
  flex: 1 1;
  flex-direction: column;

  box-sizing: border-box;
  min-width: 100%;
}

.EditPipelinePage__chart--gF {
  padding: 0 calc(var(--ring-unit)*4);
}

.EditPipelinePage__openSidebar--Bs .EditPipelinePage__header--hU {
    padding-right: calc(var(--ring-unit)*2.5);
  }

.EditPipelinePage__openSidebar--Bs .EditPipelinePage__toolbar--mo,
  .EditPipelinePage__openSidebar--Bs .EditPipelinePage__chart--gF {
    padding-right: calc(var(--ring-unit)*2.5);
  }


.IframeAdapter__iframe--Oo {
  width: 1px;
  min-width: 100%;

  border: none;
}

.IframeAdapter__hidden--y3 {
  visibility: hidden;
}

.BuildLogDependenciesNavigation__container--kR {
  margin: 0 auto 0 calc(var(--ring-unit)*4);
  padding-top: var(--ring-unit);

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

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

.BuildLogDependenciesNavigation__successIcon--Ik {
  color: var(--ring-success-color);
}

.BuildLogDependenciesNavigation__successIcon--Ik,
.BuildLogDependenciesNavigation__failureIcon--dz {
  margin-right: var(--ring-unit);
}

.BuildLogDependenciesNavigation__failedBuild--sB {
  color: var(--ring-error-color);
}

.ClassicUITabAdapter__iframe--d4 {
  flex-grow: 1;

  width: 1px;

  min-width: calc(100% + var(--ring-unit)*8);
  margin: 0 calc(var(--ring-unit)*-4);

  border: none;
}

.ClassicUITabAdapter__loading--Wy {
  visibility: hidden;
}

.ChangesFilter__line--l5 {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.ChangesFilter__line--l5:first-child {
    position: relative;
    z-index: 3;
  }

.ChangesFilter__filterControl--Ve {
  margin-right: var(--ring-unit);
  margin-bottom: var(--ring-unit);
}

.Contents__contents--lN {
  display: contents;
}

.ExpandableItemArrow__arrow--Y0 {
  position: absolute;

  top: var(--ring-unit);
  right: calc(var(--ring-unit)*-4 + 10px);
  left: auto;

  padding: 0;

  transition: opacity ease;

  pointer-events: none;

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

  line-height: normal;
}

.ExpandableItemArrow__visible--uX {
  transition: none;

  opacity: 1;
}

.TreeNode__node--_E {
  min-height: 24px;

  line-height: 24px;
}

.TreeNode__leaf--yW.TreeNode__expanded--vD {
  margin: 0 calc(var(--ring-unit)*-2);
  padding: 0 calc(var(--ring-unit)*2);

  box-shadow: 0 0 0 1px var(--ring-line-color), 0 2px 8px var(--ring-popup-shadow-color);
}

.TreeNode__leftArrow--uc {
  margin-right: calc(var(--ring-unit)/2);
  padding: 0;

  cursor: pointer;

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

.TreeNode__leftArrow--uc.TreeNode__leftArrow--uc.focusVisible {
  box-shadow: none;
}

.TreeNode__label--Od {
  display: flex;
  overflow: hidden;
  align-items: baseline;

  -webkit-user-select: text;

     -moz-user-select: text;

          user-select: text;
}

.TreeNode__item--LB {
  position: relative;

  margin: 0 calc(var(--ring-unit)*-2);
  padding: 0 calc(var(--ring-unit)*2);
}

.TreeNode__item--LB.TreeNode__interactive--sS {
    cursor: pointer;
  }

.TreeNode__background--Ia {
  position: absolute;
  z-index: -2;
  top: -1px;
  right: 0;
  bottom: -1px;
  left: 0;

  width: 100%;

  opacity: 0;
  background-color: var(--ring-hover-background-color);
}

.TreeNode__node--_E:focus {
  outline: none;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TreeNode__item--LB:hover .TreeNode__background--Ia {
  opacity: 1;
}}

/* stylelint-disable-next-line selector-max-specificity */
.TreeNode__leftArrow--uc:focus + .TreeNode__background--Ia,
.TreeNode__node--_E:focus > .TreeNode__item--LB .TreeNode__background--Ia {
  opacity: 1;
  outline: none;
  box-shadow: inset 2px 0 var(--ring-main-color);
}

.TreeNode__nodeClickable--TU {
  overflow: hidden;
  flex: 1 1;
}

.TreeNode__rightArrow--ui.TreeNode__rightArrow--ui {
  top: calc(var(--ring-unit)/2);
}

.TreeNode__item--LB:hover .TreeNode__rightArrow--ui.TreeNode__rightArrow--ui, .TreeNode__node--_E:focus > .TreeNode__item--LB .TreeNode__rightArrow--ui.TreeNode__rightArrow--ui {
    transition: none;

    opacity: 1;
}

.TreeNode__node--_E:focus > .TreeNode__item--LB .TreeNode__rightArrow--ui.TreeNode__rightArrow--ui {
    transition: none;

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

.TreeNode__labelChild--BX {
  display: contents;
}

.TreeNode__checkbox--gk {
  white-space: nowrap;
}

.Tree__nodes--qT {
  padding-left: 0;

  list-style-type: none;
}

.Tree__tree--ov > .Tree__nodes--qT {
  margin: 0;
  padding: 0;
}

.Tree__checkAll--cY {
  display: flex;
  align-items: baseline;

  padding: calc(var(--ring-unit)/2) 0;
}

.Tree__checkAllCheckbox--iC {
  line-height: var(--ring-line-height-lowest);
}

.Tree__checkAllCount--_a {
  margin-left: calc(var(--ring-unit)/2);

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.UncommitedChangeLabel__label--VF {
  display: inline-block;

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.UncommitedChangeLabel__icon--Ea {
  margin-right: calc(var(--ring-unit)/2);

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

.BuildPathAndStatus__buildPath--iQ {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}

.BuildPathAndStatus__separator--R6 {
  flex-shrink: 0;

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

.ChangeAuthor__usernameWrapper--Re {
  display: inline-flex;
  overflow: hidden;
}

.ChangeAuthor__itsMe--lN {
  margin: 0 calc(var(--ring-unit)*-2) 0 auto;
}

.ChangeAuthor__editLink--HH {
  margin-left: auto;
}

.ChangeAuthor__inline--p1 {
  display: inline-flex;
  flex-direction: column;
}

.ChangeAuthor__inlineAuthor--s3 {
  display: flex;
  align-items: baseline;
}

.ChangeAuthor__inlineAuthor--s3 .ChangeAuthor__itsMe--lN {
    padding: 0;
    padding-left: calc(var(--ring-unit)*1.5);
  }

.ChangeAuthor__username--Gs {
}

.ChangeAuthor__userPopup--hG {
  box-sizing: border-box;
  max-width: 600px;
  padding: calc(var(--ring-unit)*1.5) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);

  line-height: calc(var(--ring-unit)*3);
}

.ChangeAuthor__teamCityUser--M6 {
  display: flex;
  align-items: baseline;
}

.ChangeAuthor__unknownUser--pA {
  color: var(--ring-warning-color);
}

.ChangeAuthor__author--J1 {
  display: flex;
  overflow: hidden;
}

.ChangeAuthor__avatar--OJ {
  vertical-align: -6px;
}

.ChangeAuthor__othersAvatar--zE {
  transition: opacity var(--ring-fast-ease);

  opacity: 0.5;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ChangeAuthor__author--J1:hover .ChangeAuthor__othersAvatar--zE {
  transition: none;

  opacity: 1;
}}

.ChangeAuthor__usersNote--SX {
  margin-bottom: var(--ring-unit);
}

.ChangeAuthor__usersAvatarWrapper--OO {
  vertical-align: -5px;
}

.ChangeAuthor__usersAvatar--HO {
  vertical-align: baseline;
}

.ChangeRevisionDropdown__loading--Bw {
  cursor: progress;
}

.ChangeRevisionDropdown__popup--ib {
  overflow: hidden;

  width: 450px;

  padding: calc(var(--ring-unit)*1.5) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);
}

.ChangeRevisionDropdown__heading--Wr {
  font-weight: bold;
}

.ChangeRevisionDropdown__revision--vm {
  margin-bottom: calc(var(--ring-unit)*2);

  font-family: var(--ring-font-family-monospace);
}

.ChangeRevisionDropdown__vcsRoots--Lq {
  --vcs-root-column: [start vcs-root-name-start] auto;
  --path-column: [path-start] auto;

  display: grid;

  grid-column-gap: calc(var(--ring-unit)*2);
  grid-template-columns: [start vcs-root-name-start] auto [path-start] auto [end];
  grid-template-columns: var(--vcs-root-column) var(--path-column) [end];
}

.ChangeRevisionDropdown__vcsRoot--EX {
  display: contents;
}

.ChangeRevisionDropdown__vcsRootNameColumn--dN {
  grid-column-start: vcs-root-name-start;
}

.ChangeRevisionDropdown__currentVcsRoot--c2 .ChangeRevisionDropdown__vcsRootNameColumn--dN {
    font-weight: bold;
  }

.ChangeRevisionDropdown__pathColumn--uh {
  display: flex;
  overflow: hidden;
  justify-content: flex-end;

  color: var(--ring-secondary-color);
  grid-column-start: path-start;
}

.HintItems__favoritesHint--KI {
  margin-top: calc(var(--ring-unit)*-2.5);
  margin-left: var(--ring-unit);
}

.HintItems__headerLink--GW {
  margin-left: calc(var(--ring-unit)*-1);
}

.HintItems__customRunHint--vU {
  margin-top: calc(var(--ring-unit)/2);
  margin-left: calc(var(--ring-unit)*3);
}

.HintItems__addAgentsPoolHint--wl {
  margin-top: calc(var(--ring-unit)*-2.5);
}

.Links__postLink--Cv {
  display: flex;
  align-items: center;

  min-width: calc(var(--ring-unit)*2);
  margin-left: calc(var(--ring-unit)/2);
}

.Links__container--cx {
  display: flex;
  align-items: center;
}

.Links__counter--Bn {
  margin-left: calc(var(--ring-unit)/2);

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

.Links__progressPlaceholder--Re {
  width: calc(var(--ring-unit)*2);
}

.Links__link--eg {
  color: var(--ring-text-color);
}

.Links__projectsPopup--Il {
  top: auto !important;
  top: initial !important;

  display: flex;

  margin-left: 6px;
  padding-right: calc(var(--ring-unit)/2);
  padding-left: calc(var(--ring-unit)/2);

  cursor: pointer;

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

  color: var(--ring-text-color);
  border-left: 1px solid var(--ring-text-color);
}

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

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

.Links__projectsPopupContainer--Lm {
  padding-left: 0;
}

.Links__administration--Va {
  padding: 0 var(--ring-unit);
}

.Links__addProject--cL.Links__addProject--cL {
  margin-left: var(--ring-unit);

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.Links__addProject--cL.Links__addProject--cL:hover {
    color: var(--ring-icon-hover-color);
  }}

.Links__progressBar--TJ.Links__progressBar--TJ {
  stroke: var(--ring-main-color);
}

.ProgressBar-circle__inactiveCircle--ny {
  stroke-width: 1;
  stroke: var(--ring-secondary-color);
  fill: none;
}

.ProgressBar-circle__activeCircle--Sv {
  z-index: 1;
  stroke-width: 3;
  stroke: var(--ring-main-color);
  fill: none;

  animation: ProgressBar-circle__circle-loader--rq 1s ease-in;
}

.ProgressBar-circle__stopAnimation--SS {
  animation: none;
}

@keyframes ProgressBar-circle__circle-loader--rq {
  0% {
    stroke-dasharray: 0 100;
  }
}

.ProgressBar-circle__greenActive--rB {
  stroke: var(--ring-success-color);
}

.ProgressBar-circle__yellowActive--Ls {
  stroke-width: 3;
  stroke: var(--ring-warning-color);
}

.ProgressBar-circle__blueInactive--Km {
  stroke: var(--ring-search-color);
}

.DeleteAgentPoolButton__botton--Pp {
  position: absolute;
  right: 0;

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

.DeleteAgentPoolButton__confirm--Te {
  z-index: 200;
}

.EditAgentPoolForm__name--OZ {
  width: 100%;
  margin-bottom: var(--ring-unit);
}

.EditAgentPoolForm__maxAgents--m8 {
  width: calc(var(--ring-unit)*15);
  margin-bottom: calc(var(--ring-unit)*-1.5);
}

.EditAgentPoolForm__maxAgentsInput--Ik::-webkit-outer-spin-button,
.EditAgentPoolForm__maxAgentsInput--Ik::-webkit-inner-spin-button {
  -webkit-appearance: none;

  margin: 0;
}

.EditAgentPoolForm__maxAgentsInput--Ik[type='number'] {
  -moz-appearance: textfield;
}

.Title__wrapper--Zn {
  position: relative;

  display: flex;

  overflow: hidden;
  flex-direction: row;

  justify-content: space-between;
}

.Title__title--bA {
  overflow: hidden;

  letter-spacing: 2px;
  text-overflow: ellipsis;

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

  line-height: calc(var(--ring-unit)*3);
}

.Title__popup--Y1 {
  padding: var(--ring-unit);
}

.Title__popupHeader--bg {
  margin-top: calc(var(--ring-unit)*2);

  font-size: calc(var(--ring-unit)*3);
}

.MatchingItem__match--e0 {
  color: var(--ring-link-hover-color);
}

.LinearAgent__icon--Kp {
  margin-right: calc(var(--ring-unit)/2);
}

.LinearAgent__disabled--Sy {
  color: var(--ring-secondary-color);
}

.LinearAgent__disconnected--Gi {
  color: var(--ring-error-color);
}

.LinearAgent__disconnectedIcon--AF {
  color: var(--ring-icon-error-color);
}

.LinearAgent__macOs--xg svg {
  vertical-align: -2px;
}

.Agent__disconnected--Eu {
  color: var(--ring-error-color);
}

.Agent__disconnectedIcon--lk {
  color: var(--ring-icon-error-color);
}

.Agent__idle--u1 {
  margin-right: calc(var(--ring-unit)/2);
}

.ring-grid-container-fluid,
.ring-grid-container {
  margin-right: auto;
  margin-left: auto;
}

.ring-grid-container-fluid {
  min-width: 320px;
  padding-right: 16px;
  padding-left: 16px;
}

.ring-grid-row {
  display: flex;
  flex: 0 1 auto;
  flex-flow: row wrap;

  box-sizing: border-box;
  margin-right: -8px;
  margin-left: -8px;
}

.ring-grid-row.ring-grid-reverse {
  flex-direction: row-reverse;
}

.ring-grid-col {
  margin-top: 8px;
  margin-bottom: 8px;
}

.ring-grid-col.ring-grid-reverse {
  flex-direction: column-reverse;
}

.ring-grid-col-xs,
.ring-grid-col-xs-1,
.ring-grid-col-xs-2,
.ring-grid-col-xs-3,
.ring-grid-col-xs-4,
.ring-grid-col-xs-5,
.ring-grid-col-xs-6,
.ring-grid-col-xs-7,
.ring-grid-col-xs-8,
.ring-grid-col-xs-9,
.ring-grid-col-xs-10,
.ring-grid-col-xs-11,
.ring-grid-col-xs-12,
.ring-grid-col-xs-offset-0,
.ring-grid-col-xs-offset-1,
.ring-grid-col-xs-offset-2,
.ring-grid-col-xs-offset-3,
.ring-grid-col-xs-offset-4,
.ring-grid-col-xs-offset-5,
.ring-grid-col-xs-offset-6,
.ring-grid-col-xs-offset-7,
.ring-grid-col-xs-offset-8,
.ring-grid-col-xs-offset-9,
.ring-grid-col-xs-offset-10,
.ring-grid-col-xs-offset-11,
.ring-grid-col-xs-offset-12 {
  flex: 0 0 auto;

  box-sizing: border-box;
  padding-right: 8px;
  padding-left: 8px;
}

.ring-grid-col-xs {
  flex-basis: 0;
  flex-grow: 1;

  max-width: 100%;
}

.ring-grid-col-xs-1 {
  flex-basis: 8.3333%;

  max-width: 8.3333%;
}

.ring-grid-col-xs-2 {
  flex-basis: 16.6667%;

  max-width: 16.6667%;
}

.ring-grid-col-xs-3 {
  flex-basis: 25%;

  max-width: 25%;
}

.ring-grid-col-xs-4 {
  flex-basis: 33.3333%;

  max-width: 33.3333%;
}

.ring-grid-col-xs-5 {
  flex-basis: 41.6667%;

  max-width: 41.6667%;
}

.ring-grid-col-xs-6 {
  flex-basis: 50%;

  max-width: 50%;
}

.ring-grid-col-xs-7 {
  flex-basis: 58.3333%;

  max-width: 58.3333%;
}

.ring-grid-col-xs-8 {
  flex-basis: 66.6667%;

  max-width: 66.6667%;
}

.ring-grid-col-xs-9 {
  flex-basis: 75%;

  max-width: 75%;
}

.ring-grid-col-xs-10 {
  flex-basis: 83.3333%;

  max-width: 83.3333%;
}

.ring-grid-col-xs-11 {
  flex-basis: 91.6667%;

  max-width: 91.6667%;
}

.ring-grid-col-xs-12 {
  flex-basis: 100%;

  max-width: 100%;
}

.ring-grid-col-xs-offset-0 {
  margin-left: 0;
}

.ring-grid-col-xs-offset-1 {
  margin-left: 8.3333%;
}

.ring-grid-col-xs-offset-2 {
  margin-left: 16.6667%;
}

.ring-grid-col-xs-offset-3 {
  margin-left: 25%;
}

.ring-grid-col-xs-offset-4 {
  margin-left: 33.3333%;
}

.ring-grid-col-xs-offset-5 {
  margin-left: 41.6667%;
}

.ring-grid-col-xs-offset-6 {
  margin-left: 50%;
}

.ring-grid-col-xs-offset-7 {
  margin-left: 58.3333%;
}

.ring-grid-col-xs-offset-8 {
  margin-left: 66.6667%;
}

.ring-grid-col-xs-offset-9 {
  margin-left: 75%;
}

.ring-grid-col-xs-offset-10 {
  margin-left: 83.3333%;
}

.ring-grid-col-xs-offset-11 {
  margin-left: 91.6667%;
}

.ring-grid-start-xs {
  justify-content: flex-start;

  text-align: start;
}

.ring-grid-center-xs {
  justify-content: center;

  text-align: center;
}

.ring-grid-end-xs {
  justify-content: flex-end;

  text-align: end;
}

.ring-grid-top-xs {
  align-items: flex-start;
}

.ring-grid-middle-xs {
  align-items: center;
}

.ring-grid-baseline-xs {
  align-items: baseline;
}

.ring-grid-bottom-xs {
  align-items: flex-end;
}

.ring-grid-around-xs {
  justify-content: space-around;
}

.ring-grid-between-xs {
  justify-content: space-between;
}

.ring-grid-first-xs {
  order: -1;
}

.ring-grid-last-xs {
  order: 1;
}

@media (min-width: 640px) and (max-width: 959px) {
  .ring-grid-container {
    width: 656px;
  }

  .ring-grid-col-sm,
  .ring-grid-col-sm-1,
  .ring-grid-col-sm-2,
  .ring-grid-col-sm-3,
  .ring-grid-col-sm-4,
  .ring-grid-col-sm-5,
  .ring-grid-col-sm-6,
  .ring-grid-col-sm-7,
  .ring-grid-col-sm-8,
  .ring-grid-col-sm-9,
  .ring-grid-col-sm-10,
  .ring-grid-col-sm-11,
  .ring-grid-col-sm-12,
  .ring-grid-col-sm-offset-0,
  .ring-grid-col-sm-offset-1,
  .ring-grid-col-sm-offset-2,
  .ring-grid-col-sm-offset-3,
  .ring-grid-col-sm-offset-4,
  .ring-grid-col-sm-offset-5,
  .ring-grid-col-sm-offset-6,
  .ring-grid-col-sm-offset-7,
  .ring-grid-col-sm-offset-8,
  .ring-grid-col-sm-offset-9,
  .ring-grid-col-sm-offset-10,
  .ring-grid-col-sm-offset-11,
  .ring-grid-col-sm-offset-12 {
    flex: 0 0 auto;

    box-sizing: border-box;
    padding-right: 8px;
    padding-left: 8px;
  }

  .ring-grid-col-sm {
    flex-basis: 0;
    flex-grow: 1;

    max-width: 100%;
  }

  .ring-grid-col-sm-1 {
    flex-basis: 8.3333%;

    max-width: 8.3333%;
  }

  .ring-grid-col-sm-2 {
    flex-basis: 16.6667%;

    max-width: 16.6667%;
  }

  .ring-grid-col-sm-3 {
    flex-basis: 25%;

    max-width: 25%;
  }

  .ring-grid-col-sm-4 {
    flex-basis: 33.3333%;

    max-width: 33.3333%;
  }

  .ring-grid-col-sm-5 {
    flex-basis: 41.6667%;

    max-width: 41.6667%;
  }

  .ring-grid-col-sm-6 {
    flex-basis: 50%;

    max-width: 50%;
  }

  .ring-grid-col-sm-7 {
    flex-basis: 58.3333%;

    max-width: 58.3333%;
  }

  .ring-grid-col-sm-8 {
    flex-basis: 66.6667%;

    max-width: 66.6667%;
  }

  .ring-grid-col-sm-9 {
    flex-basis: 75%;

    max-width: 75%;
  }

  .ring-grid-col-sm-10 {
    flex-basis: 83.3333%;

    max-width: 83.3333%;
  }

  .ring-grid-col-sm-11 {
    flex-basis: 91.6667%;

    max-width: 91.6667%;
  }

  .ring-grid-col-sm-12 {
    flex-basis: 100%;

    max-width: 100%;
  }

  .ring-grid-col-sm-offset-0 {
    margin-left: 0;
  }

  .ring-grid-col-sm-offset-1 {
    margin-left: 8.3333%;
  }

  .ring-grid-col-sm-offset-2 {
    margin-left: 16.6667%;
  }

  .ring-grid-col-sm-offset-3 {
    margin-left: 25%;
  }

  .ring-grid-col-sm-offset-4 {
    margin-left: 33.3333%;
  }

  .ring-grid-col-sm-offset-5 {
    margin-left: 41.6667%;
  }

  .ring-grid-col-sm-offset-6 {
    margin-left: 50%;
  }

  .ring-grid-col-sm-offset-7 {
    margin-left: 58.3333%;
  }

  .ring-grid-col-sm-offset-8 {
    margin-left: 66.6667%;
  }

  .ring-grid-col-sm-offset-9 {
    margin-left: 75%;
  }

  .ring-grid-col-sm-offset-10 {
    margin-left: 83.3333%;
  }

  .ring-grid-col-sm-offset-11 {
    margin-left: 91.6667%;
  }

  .ring-grid-start-sm {
    justify-content: flex-start;

    text-align: start;
  }

  .ring-grid-center-sm {
    justify-content: center;

    text-align: center;
  }

  .ring-grid-end-sm {
    justify-content: flex-end;

    text-align: end;
  }

  .ring-grid-top-sm {
    align-items: flex-start;
  }

  .ring-grid-middle-sm {
    align-items: center;
  }

  .ring-grid-baseline-sm {
    align-items: baseline;
  }

  .ring-grid-bottom-sm {
    align-items: flex-end;
  }

  .ring-grid-around-sm {
    justify-content: space-around;
  }

  .ring-grid-between-sm {
    justify-content: space-between;
  }

  .ring-grid-first-sm {
    order: -1;
  }

  .ring-grid-last-sm {
    order: 1;
  }
}

@media (min-width: 960px) and (max-width: 1199px) {
  .ring-grid-container {
    width: 976px;
  }

  .ring-grid-col-md,
  .ring-grid-col-md-1,
  .ring-grid-col-md-2,
  .ring-grid-col-md-3,
  .ring-grid-col-md-4,
  .ring-grid-col-md-5,
  .ring-grid-col-md-6,
  .ring-grid-col-md-7,
  .ring-grid-col-md-8,
  .ring-grid-col-md-9,
  .ring-grid-col-md-10,
  .ring-grid-col-md-11,
  .ring-grid-col-md-12,
  .ring-grid-col-md-offset-0,
  .ring-grid-col-md-offset-1,
  .ring-grid-col-md-offset-2,
  .ring-grid-col-md-offset-3,
  .ring-grid-col-md-offset-4,
  .ring-grid-col-md-offset-5,
  .ring-grid-col-md-offset-6,
  .ring-grid-col-md-offset-7,
  .ring-grid-col-md-offset-8,
  .ring-grid-col-md-offset-9,
  .ring-grid-col-md-offset-10,
  .ring-grid-col-md-offset-11,
  .ring-grid-col-md-offset-12 {
    flex: 0 0 auto;

    box-sizing: border-box;
    padding-right: 8px;
    padding-left: 8px;
  }

  .ring-grid-col-md {
    flex-basis: 0;
    flex-grow: 1;

    max-width: 100%;
  }

  .ring-grid-col-md-1 {
    flex-basis: 8.3333%;

    max-width: 8.3333%;
  }

  .ring-grid-col-md-2 {
    flex-basis: 16.6667%;

    max-width: 16.6667%;
  }

  .ring-grid-col-md-3 {
    flex-basis: 25%;

    max-width: 25%;
  }

  .ring-grid-col-md-4 {
    flex-basis: 33.3333%;

    max-width: 33.3333%;
  }

  .ring-grid-col-md-5 {
    flex-basis: 41.6667%;

    max-width: 41.6667%;
  }

  .ring-grid-col-md-6 {
    flex-basis: 50%;

    max-width: 50%;
  }

  .ring-grid-col-md-7 {
    flex-basis: 58.3333%;

    max-width: 58.3333%;
  }

  .ring-grid-col-md-8 {
    flex-basis: 66.6667%;

    max-width: 66.6667%;
  }

  .ring-grid-col-md-9 {
    flex-basis: 75%;

    max-width: 75%;
  }

  .ring-grid-col-md-10 {
    flex-basis: 83.3333%;

    max-width: 83.3333%;
  }

  .ring-grid-col-md-11 {
    flex-basis: 91.6667%;

    max-width: 91.6667%;
  }

  .ring-grid-col-md-12 {
    flex-basis: 100%;

    max-width: 100%;
  }

  .ring-grid-col-md-offset-0 {
    margin-left: 0;
  }

  .ring-grid-col-md-offset-1 {
    margin-left: 8.3333%;
  }

  .ring-grid-col-md-offset-2 {
    margin-left: 16.6667%;
  }

  .ring-grid-col-md-offset-3 {
    margin-left: 25%;
  }

  .ring-grid-col-md-offset-4 {
    margin-left: 33.3333%;
  }

  .ring-grid-col-md-offset-5 {
    margin-left: 41.6667%;
  }

  .ring-grid-col-md-offset-6 {
    margin-left: 50%;
  }

  .ring-grid-col-md-offset-7 {
    margin-left: 58.3333%;
  }

  .ring-grid-col-md-offset-8 {
    margin-left: 66.6667%;
  }

  .ring-grid-col-md-offset-9 {
    margin-left: 75%;
  }

  .ring-grid-col-md-offset-10 {
    margin-left: 83.3333%;
  }

  .ring-grid-col-md-offset-11 {
    margin-left: 91.6667%;
  }

  .ring-grid-start-md {
    justify-content: flex-start;

    text-align: start;
  }

  .ring-grid-center-md {
    justify-content: center;

    text-align: center;
  }

  .ring-grid-end-md {
    justify-content: flex-end;

    text-align: end;
  }

  .ring-grid-top-md {
    align-items: flex-start;
  }

  .ring-grid-middle-md {
    align-items: center;
  }

  .ring-grid-baseline-md {
    align-items: baseline;
  }

  .ring-grid-bottom-md {
    align-items: flex-end;
  }

  .ring-grid-around-md {
    justify-content: space-around;
  }

  .ring-grid-between-md {
    justify-content: space-between;
  }

  .ring-grid-first-md {
    order: -1;
  }

  .ring-grid-last-md {
    order: 1;
  }
}

@media (min-width: 1200px) {
  .ring-grid-container {
    width: 1216px;
  }

  .ring-grid-col-lg,
  .ring-grid-col-lg-1,
  .ring-grid-col-lg-2,
  .ring-grid-col-lg-3,
  .ring-grid-col-lg-4,
  .ring-grid-col-lg-5,
  .ring-grid-col-lg-6,
  .ring-grid-col-lg-7,
  .ring-grid-col-lg-8,
  .ring-grid-col-lg-9,
  .ring-grid-col-lg-10,
  .ring-grid-col-lg-11,
  .ring-grid-col-lg-12,
  .ring-grid-col-lg-offset-0,
  .ring-grid-col-lg-offset-1,
  .ring-grid-col-lg-offset-2,
  .ring-grid-col-lg-offset-3,
  .ring-grid-col-lg-offset-4,
  .ring-grid-col-lg-offset-5,
  .ring-grid-col-lg-offset-6,
  .ring-grid-col-lg-offset-7,
  .ring-grid-col-lg-offset-8,
  .ring-grid-col-lg-offset-9,
  .ring-grid-col-lg-offset-10,
  .ring-grid-col-lg-offset-11,
  .ring-grid-col-lg-offset-12 {
    flex: 0 0 auto;

    box-sizing: border-box;
    padding-right: 8px;
    padding-left: 8px;
  }

  .ring-grid-col-lg {
    flex-basis: 0;
    flex-grow: 1;

    max-width: 100%;
  }

  .ring-grid-col-lg-1 {
    flex-basis: 8.3333%;

    max-width: 8.3333%;
  }

  .ring-grid-col-lg-2 {
    flex-basis: 16.6667%;

    max-width: 16.6667%;
  }

  .ring-grid-col-lg-3 {
    flex-basis: 25%;

    max-width: 25%;
  }

  .ring-grid-col-lg-4 {
    flex-basis: 33.3333%;

    max-width: 33.3333%;
  }

  .ring-grid-col-lg-5 {
    flex-basis: 41.6667%;

    max-width: 41.6667%;
  }

  .ring-grid-col-lg-6 {
    flex-basis: 50%;

    max-width: 50%;
  }

  .ring-grid-col-lg-7 {
    flex-basis: 58.3333%;

    max-width: 58.3333%;
  }

  .ring-grid-col-lg-8 {
    flex-basis: 66.6667%;

    max-width: 66.6667%;
  }

  .ring-grid-col-lg-9 {
    flex-basis: 75%;

    max-width: 75%;
  }

  .ring-grid-col-lg-10 {
    flex-basis: 83.3333%;

    max-width: 83.3333%;
  }

  .ring-grid-col-lg-11 {
    flex-basis: 91.6667%;

    max-width: 91.6667%;
  }

  .ring-grid-col-lg-12 {
    flex-basis: 100%;

    max-width: 100%;
  }

  .ring-grid-col-lg-offset-0 {
    margin-left: 0;
  }

  .ring-grid-col-lg-offset-1 {
    margin-left: 8.3333%;
  }

  .ring-grid-col-lg-offset-2 {
    margin-left: 16.6667%;
  }

  .ring-grid-col-lg-offset-3 {
    margin-left: 25%;
  }

  .ring-grid-col-lg-offset-4 {
    margin-left: 33.3333%;
  }

  .ring-grid-col-lg-offset-5 {
    margin-left: 41.6667%;
  }

  .ring-grid-col-lg-offset-6 {
    margin-left: 50%;
  }

  .ring-grid-col-lg-offset-7 {
    margin-left: 58.3333%;
  }

  .ring-grid-col-lg-offset-8 {
    margin-left: 66.6667%;
  }

  .ring-grid-col-lg-offset-9 {
    margin-left: 75%;
  }

  .ring-grid-col-lg-offset-10 {
    margin-left: 83.3333%;
  }

  .ring-grid-col-lg-offset-11 {
    margin-left: 91.6667%;
  }

  .ring-grid-start-lg {
    justify-content: flex-start;

    text-align: start;
  }

  .ring-grid-center-lg {
    justify-content: center;

    text-align: center;
  }

  .ring-grid-end-lg {
    justify-content: flex-end;

    text-align: end;
  }

  .ring-grid-top-lg {
    align-items: flex-start;
  }

  .ring-grid-middle-lg {
    align-items: center;
  }

  .ring-grid-baseline-lg {
    align-items: baseline;
  }

  .ring-grid-bottom-lg {
    align-items: flex-end;
  }

  .ring-grid-around-lg {
    justify-content: space-around;
  }

  .ring-grid-between-lg {
    justify-content: space-between;
  }

  .ring-grid-first-lg {
    order: -1;
  }

  .ring-grid-last-lg {
    order: 1;
  }
}

.ChangeRevision__copyButton--vD {
  height: auto;
  height: initial;
  padding-right: 0;

  opacity: 0;

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

.ChangeRevision__copyButton--vD:focus {
    opacity: 1;
  }

.ChangeRevision__wrapper--Z4 {

  display: inline-flex;

  font-family: var(--ring-font-family-monospace);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ChangeRevision__wrapper--Z4:hover .ChangeRevision__copyButton--vD {
    opacity: 1;
  }}

.FavoriteStar__invisible--lO {
  opacity: 0;
}

.FavoriteStar__starred--da.FavoriteStar__starred--da {
  color: var(--tc-icon-favorite-icon-color);
}

.BusyAgentsCounter__agentsCounter--X6 {
  margin-left: 8px;

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

.BusyAgentsCounter__busyAgentsCounter--Cn {
  color: var(--ring-success-color);
}

.AgentPool__iconAction--ay {
  display: inline-flex;

  padding: 0 3px;
}

.AgentPool__iconAction--ay:disabled {
    visibility: hidden;
  }

.AgentPool__starIcon--w4.AgentPool__starIcon--w4 {
    transition: none;
  }

.AgentPool__starIcon--w4.AgentPool__hovered--xr {
    color: var(--ring-icon-hover-color);
  }

.AgentPool__tail--Xf {
  display: flex;
}

.AgentPool__counter--Jb {
  margin-right: var(--ring-unit)
}

.UnauthorizedAgentsCounter__icon--HN {
  color: var(--ring-icon-error-color);
}

.UnauthorizedAgentsCounter__counter--rK {
  margin-left: 8px;

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

.AgentsSidebarItem__linkIcon--Gi {
  margin-right: calc(var(--ring-unit)/2);

  color: var(--tc-icon-main-color);

  line-height: normal;
}

.AgentsSidebarItem__container--T3 {
  display: flex;
  overflow: hidden;
  align-items: flex-end;
}

.AgentsSidebarItem__title--JR {
  flex-grow: 1;
}

.AgentsSidebarItem__favorite--X0 {
  display: inline-flex;
}

.AgentsSidebarItem__favoriteButton--me {
  margin-right: var(--ring-unit);
  margin-left: auto;
}

.AgentPoolsFavoriteDialog__dialog--RV {
  width: calc(var(--ring-unit)*66);
  height: calc(100vh - var(--ring-unit)*8);
  max-height: calc(var(--ring-unit)*72);
}

.AgentPoolsFavoriteDialog__wrapper--Kw {
  display: flex;
  flex: 1 1;
}

.AgentPoolsFavoriteDialog__search--x8 {
  width: auto;
  margin-right: calc(var(--ring-unit)*4);
}

.AgentPoolsFavoriteDialog__content--0l {
  flex-grow: 1;

  height: 100%;
}

.AgentPoolsFavoriteDialog__scrollableWrapper--w_{
  display: flex;
  flex-direction: column;

  height: 100%;
  padding: 0;
}

.AgentPoolsFavoriteDialog__header--mQ {
  padding: calc(var(--ring-unit)*4) calc(var(--ring-unit)*4) 0;
}

.AgentPoolsFavoriteDialog__shortcuts--Te {

  margin: var(--ring-unit) calc(var(--ring-unit)*4) calc(var(--ring-unit)*2);

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

  font-weight: normal;
}

.AgentPoolsFavoriteDialog__footer--Vc {
  display: flex;
  align-items: baseline;

  box-shadow: inset 0 1px var(--ring-line-color);

  line-height: calc(var(--ring-unit)*3);
}

.AgentPoolsFavoriteDialog__nothingFound--H1 {

  display: flex;
  align-items: flex-start;
  flex-direction: column;

  flex-grow: 1;

  margin: calc(var(--ring-unit)*2) 0 0 calc(var(--ring-unit)*4);

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

.AgentPoolsFavoriteDialog__tree--hw {
  flex: 1 1 auto;
}

.InstallAgentPopup__popup--hk {
  width: calc(var(--ring-unit)*37);
  margin: calc(var(--ring-unit)*0.5) 0 0;
  padding: calc(var(--ring-unit)*0.5) 0 var(--ring-unit);
}

.InstallAgentPopup__link--cu {
}

.InstallAgentPopup__hoverLink--j0 {
}

.InstallAgentPopup__text--JQ {

  white-space: normal;

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

.InstallAgentDropdown__dropdown--st {
  line-height: var(--ring-line-height);
}

.InstallAgentDropdown__anchor--pz {
  color: var(--ring-text-color);
}

.InstallAgentDropdown__chevron--iq {
  margin-left: 2px;

  line-height: normal;
}

.InstallAgent__link--Y_ {
  color: var(--ring-text-color);
}

.Toolbar__placeId--rS {
  display: inline-block;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ListItem__highlightHover--jl:hover::before {
  opacity: 1;
  background-color: var(--ring-hover-background-color);
}}

.ListItem__listItem--nL {

  position: relative;

  box-sizing: border-box;

  margin: 1px calc(var(--ring-unit)*-4) 0;
  padding: 0 calc(var(--ring-unit)*5);

  line-height: calc(var(--ring-unit)*3);
}

.ListItem__listItem--nL::before {
    position: absolute;
    z-index: -2;
    top: -1px;
    right: 0;
    bottom: -1px;
    left: 0;

    content: '';

    opacity: 0;
    background-color: var(--ring-hover-background-color);
  }

.ListItem__focusableWrapper--U1:focus {
  outline: none;
}

/* stylelint-disable-next-line selector-max-specificity */
.ListItem__focusableWrapper--U1:focus .ListItem__listItem--nL::before,
.ListItem__focusableWrapper--U1:focus + .ListItem__listItem--nL::before {
  opacity: 1;
  background-color: transparent;
  box-shadow: inset 2px 0 var(--ring-main-color);
}

/* stylelint-disable-next-line selector-max-specificity */
.ListItem__focusableWrapper--U1:focus .ListItem__highlightHover--jl::before,
.ListItem__focusableWrapper--U1:focus + .ListItem__highlightHover--jl::before {
  opacity: 1;
  background-color: var(--ring-hover-background-color);
}

.ListItem__row--bc {
  align-items: baseline;
  flex-wrap: nowrap;

  padding-bottom: 10px;

  box-shadow:
    0 1px var(--ring-line-color),
    0 -1px var(--ring-line-color);
}

.ListItem__hideTopBorder--J_ .ListItem__row--bc {
  box-shadow: 0 1px var(--ring-line-color);
}

.ListItem__hideBorders--qY {
  margin-top: 0;
}

.ListItem__hideBorders--qY .ListItem__row--bc {
    box-shadow: none;
  }

.ListItem__hideBorders--qY::before {
    top: 0;
    bottom: 0;
  }

.ListItem__row--bc > * {
  box-sizing: border-box;
  margin: 6px 0 0;
  padding: 0 var(--ring-unit);
}

.ListItem__row--bc > :first-child {
  padding-left: 0;
}

.ListItem__row--bc > :last-child {
  padding-right: 0;
}

.AgentLine__agentLine--wL {

  display: flex;
  align-items: baseline;
}

.AgentLine__info--yb {

  flex-grow: 1;
}

.AgentLine__lastActive--qO {
  flex-shrink: 0;

  margin-left: calc(var(--ring-unit)*2);
}

.AgentLine__connected--sc {
  color: var(--ring-success-color);
}

.AgentLine__disconnected--M5 {
  color: var(--ring-error-color);
}

.AgentStatus__agentStatus--_2 {
  color: var(--ring-secondary-color);
}

.AgentStatus__line--EU {
  display: inline-flex;
  align-items: baseline;

  width: 100%;
}

@media (min-width: 960px) {
  .AgentStatus__idleCommentLine--AK {
    width: calc(100vw - var(--ring-unit)*21);
  }
}

@media (min-width: 1600px) {
  .AgentStatus__idleCommentLine--AK {
    max-width: calc(var(--ring-unit)*179);
  }
}

.AgentStatus__link--s4 {
  min-width: 0;
}

.AgentStatus__pool--tz {

  overflow: hidden;
  flex-shrink: 100000;

  min-width: calc(var(--ring-unit)*8);

  margin-left: var(--ring-unit);

  color: inherit;
}

.AgentStatus__icon--M6 {
  flex-shrink: 0;

  width: calc(var(--ring-unit)*2);

  margin-right: calc(var(--ring-unit)/2);

  text-align: center;
}

.AgentStatus__comment--Tl {

  min-width: 0;

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

.CompareBuildDialog__dialog--WQ {
  width: 600px;
}

.CompareBuildDialog__dialogContent--t0 {
  overflow-x: hidden;

  padding-right: 0;
  padding-left: 0;
}

.CompareBuildDialog__build--yn {
  display: block;

  border-radius: 0;

  outline: 0;

  box-shadow: 0 1px var(--ring-line-color);
}

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

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

.CompareBuildDialog__build--yn:focus{
    background-color: var(--ring-selected-background-color);
    box-shadow: inset 2px 0 var(--ring-main-color);
  }

.CompareBuildDialog__buildContent--uC {
  padding-right: calc(var(--ring-unit)*4);
  padding-left: calc(var(--ring-unit)*4);
}

.CompareBuildDialog__firstRow--CM {
  display: flex;

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

.CompareBuildDialog__numberWithBranch--XC {
  flex-grow: 1;
}

.CompareBuildDialog__label--K1 {
  text-align: right;

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

.CompareBuildDialog__number--us {
  color: var(--ring-link-color);
}

.CompareBuildDialog__branch--wd {
  margin-left: var(--ring-unit);
}

.CompareBuildDialog__loader--d1,
.CompareBuildDialog__emptyMessage--ZB {
  margin-left: calc(var(--ring-unit)*4);
}

.CompareBuildDialog__status--K1 {
  line-height: var(--ring-line-height-lower);
}

.CompareBuildDialog__statusIcon--QL {
  margin-right: calc(var(--ring-unit)/2);
}

.CompareBuildAlert__title--fn {

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

  font-size: 14px;

  font-size: var(--ring-font-size, 14px);
}

.CompareBuildAlert__controls--X1 {
}

.CompareBuildAlert__text--hA {
  margin-top: calc(var(--ring-unit)/2);
}

.CompareBuildAlert__description--HL {
  margin: 0;
}

.Footer__footer--eN {
  max-width: calc(var(--ring-unit)*8 + var(--tc-content-width));
  min-height: calc(var(--ring-unit)*7);

  margin-top: calc(var(--ring-unit)*4);

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.Footer__footer--eN a {
    color: inherit;
  }

.Footer__footer--eN.Footer__invisible--jp {
    display: none;
  }

.Footer__footer--eN.Footer__centered--BG {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

.Footer__content--Gk {
  position: relative;

  margin: 0 calc(var(--ring-unit)*4);
  padding: var(--ring-unit) 0;

  border-top: 1px solid var(--ring-line-color);
}

.Footer__version--YW {
  width: calc(50% - var(--ring-unit)*32/2);

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

.Footer__copyright--Pt {
  position: absolute;
  top: var(--ring-unit);
  right: 0;
  left: 0;

  width: calc(var(--ring-unit)*32);

  margin-right: auto;
  margin-left: auto;

  text-align: center;
}

.Footer__links--tW {
  position: absolute;
  top: var(--ring-unit);
  right: 0;

  width: calc(50% - var(--ring-unit)*32/2);

  text-align: right;

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

.Footer__links--tW a {
    margin-left: var(--ring-unit);

    white-space: nowrap;
  }

.Footer__extesnionsLinks--lJ a,
  .Footer__extesnionsLinks--lJ span {
    margin: 0;
  }

.Footer__extesnionsLinks--lJ a {
    margin-left: var(--ring-unit);
  }

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

.Footer__licenseExpiration--RS {
  color: var(--ring-error-color);
}

.RedirectAlert__button--Pq {
  margin-top: var(--ring-unit);
}

.MainPanel__mainPanel--Y9 {
  position: relative;

  display: flex;
  flex-direction: column;
}

.MainPanel__content--lE {
  display: flex;
  flex-direction: column;

  flex-grow: 1;

  padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4) 0 calc(var(--ring-unit)*4);
}

.MainPanel__router--gF {
  display: flex;
  flex-direction: column;

  flex-grow: 1;
}

.SidebarFooter__container--ga {
  display: flex;

  align-items: center;
  flex: 0 0 auto;

  height: calc(var(--ring-unit)*5);

  border-top: 1px solid var(--ring-line-color);

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

.SidebarFooter__searchMode--lP {
  justify-content: flex-end;
}

.SidebarFooter__archiveToggle--NP {
  margin: 0 var(--ring-unit);
}

.SidebarFooter__toggleCollapseIcon--lR {
  position: relative;

  transition: transform 400ms ease-in-out;
  transform: scale(1, 1);
  vertical-align: -1px;

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

.SidebarFooter__uncollapseIcon--y9 {
  transform: scale(-1, 1);
}

.SidebarFooter__toggleCollapseButton--mO {
  height: 38px;

  padding-right: calc(var(--ring-unit)*2.5);
  padding-bottom: var(--ring-unit);
  padding-left: calc(var(--ring-unit)*2.5);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .SidebarFooter__toggleCollapseButton--mO:hover .SidebarFooter__toggleCollapseIcon--lR {
      color: inherit;
    }}

.SidebarFooter__toggleCollapseButton--mO:focus .SidebarFooter__toggleCollapseIcon--lR, .SidebarFooter__toggleCollapseButton--mO:active .SidebarFooter__toggleCollapseIcon--lR {
      color: inherit;
    }

.SidebarFooter__toggleCollapseButton--mO.SidebarFooter__toggleCollapseButton--mO {
  color: var(--ring-text-color);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.SidebarFooter__toggleCollapseButton--mO.SidebarFooter__toggleCollapseButton--mO:hover {
    transition: padding-left 200ms ease-in-out;
  }}

.SidebarFooter__toggleCollapseButton--mO.SidebarFooter__toggleCollapseButton--mO {
    transition: padding-left 200ms ease-in-out;
  }

.SidebarFooter__uncollapseButton--Ay {
  display: flex;
  flex-direction: column-reverse;

  width: 100%;
  height: 100%;

  padding-right: calc(var(--ring-unit) + 1px);
  padding-bottom: calc(var(--ring-unit) + 3px);
  padding-left: calc(var(--ring-unit) + 2px);

  white-space: nowrap;

  border-radius: 0;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.SidebarFooter__uncollapseButton--Ay.SidebarFooter__uncollapseButton--Ay:hover {
    background-color: var(--ring-hover-background-color);
  }}

.SidebarFooter__collapseText--bC {
  visibility: visible;

  transition-timing-function: ease-in-out;
  transition-duration: 400ms;
  transition-property: opacity, visibility;

  opacity: 1;
}

.SidebarFooter__rotatedBar--JW {
  position: absolute;
  z-index: 1;

  top: auto;

  bottom: 0;
  left: 0;

  height: calc(var(--ring-unit)*4);

  padding-left: calc(var(--ring-unit)/2);

  transform: rotate(-90deg);

  transform-origin: left top;

  line-height: calc(var(--ring-unit)*4 - 1px);
}

.SidebarPanel__sidebar--f1 {
  position: absolute;

  z-index: 1; /* Need for correct scrolling work. See TW-60668 */

  overflow: hidden; /* Fix wrong page size in Edge */

  border-right: 1px solid var(--ring-line-color);

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

.SidebarPanel__sidebarPlaceholder--Jx {
  flex-grow: 1;
}

.SidebarPanel__sidebarFixed--Ak {
  position: fixed;
}

.SidebarPanel__sidebarPanelWrapper--vp {
  display: flex;
  flex: 1 1 auto;
}

.SidebarPanel__sidebarPanel--Am {
  flex: 1 1 auto;
}

.SidebarPanel__resizable--i0 {
  display: flex;
  flex-direction: column;
}

.SidebarPanel__resizableRightHandle--mv {
  z-index: 20;
}

.SidebarPanel__collapsedSidebar--hW .SidebarPanel__sidebarPanelWrapper--vp {
  flex-grow: 0;
}

.SidebarPanel__collapsedSidebar--hW .SidebarPanel__footer--DY {
  flex-grow: 1;

  border-top: none;
}

.SidebarPanelContent__sidebarPlaceholder--sd {
  flex-grow: 1;
}

.SidebarPanelContent__sidebarPanel--Dd {
  flex: 1 1 auto;
}

.ToolPanelFooter__footerPanel--GH {
  position: fixed;
  z-index: 6;

  right: 0;
  bottom: 0;
  left: 0;

  display: flex;
  overflow: hidden;

  border-top: 1px solid var(--ring-line-color);
  background-color: var(--ring-content-background-color);
}

.ToolPanelFooter__pluginWrapper--dq {
  width: 100%;
  height: 100%;
}

.ToolPanelFooter__resizable--NQ {
  display: flex;
  flex-direction: column;
}

.ToolPanelFooter__resizableTopHandle--qF {
  z-index: 20;
}

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

.EnableAgentForm__agentToggle--bQ {
  position: relative;

  display: inline-block;
}

.EnableAgentForm__comment--QI {
  width: 100%;
}

.EnableAgentForm__commentIcon--f5 {
  margin-right: var(--ring-unit);
}

.EnableAgentForm__timerIcon--C6 {
  margin-right: var(--ring-unit);
}

.EnableAgentForm__restoreTimes--IP {
  margin-left: calc(var(--ring-unit)*0.5);
}

.EnableAgentForm__timeoutSelect--nV {
  z-index: 101;
}

.AgentToggle__commentIcon--R1 {
  position: absolute;
  top: 0;
  left: -24px;
}

.ChangeBranches__wrapper--Wr {
  display: flex;
  align-items: baseline;
}

.ChangeBranches__popup--in {
  max-width: 500px;
  padding: calc(var(--ring-unit)*2);
  padding-bottom: var(--ring-unit);
}

.ChangeBranches__visibleBranchLabel--fd {
  margin-right: var(--ring-unit);
}

.ChangeBranches__branchLabel--Uu {
  margin-right: var(--ring-unit);
  margin-bottom: var(--ring-unit);
}

.ChangeBranches__anchor--bV {
  white-space: nowrap;

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

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

.ChangeDetailsInfo__row--FI {
  margin-bottom: var(--ring-unit);
}

.ChangeDetailsInfo__row--FI:last-child {
    margin-bottom: 0;
  }

.ChangeDetailsInfo__rowHeading--mU {
  font-weight: bold;
}

.FileTypeIcon__icon--Te {
  display: inline-block;

  background-repeat: no-repeat;

  line-height: normal;
}

.FileTypeIcon__file--Sb {
  opacity: 0.8;
  color: #9aa7b0;
}

.ChangeFiles__heading--_J {
  margin-bottom: 2px;

  font-weight: bold;
}

.ChangeFiles__outerItemContainer--cY {
  margin: 0 calc(var(--ring-unit)*-4);
  padding: 0 calc(var(--ring-unit)*4);

  line-height: 24px;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ChangeFiles__outerItemContainer--cY:hover {
    background-color: var(--ring-hover-background-color);
  }}

.ChangeFiles__innerItemContainer--YR {
  display: flex;
}

.ChangeFiles__changeTypeCol--Ob {
  min-width: 70px;

  text-transform: capitalize;

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

.ChangeFiles__changeTypeCol--Ob.ChangeFiles__added--oW {
    color: var(--ring-success-color);
  }

.ChangeFiles__changeTypeCol--Ob.ChangeFiles__edited--TP {
    color: var(--ring-main-color);
  }

.ChangeFiles__changeTypeCol--Ob.ChangeFiles__removed--tE {
    color: var(--ring-secondary-color);
  }

.ChangeFiles__nameCol--qx {

  display: flex;
  flex: 1 1;

  margin-right: calc(var(--ring-unit)*2);
}

.ChangeFiles__icon--QR {
  margin-right: var(--ring-unit);

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

.ChangeFiles__name--sr {
  overflow: hidden;
}

.ChangeFiles__actionsCol--a3 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.ChangeFiles__externalViewer--mB {
  margin-right: calc(var(--ring-unit)*2);
}

.ChangeFiles__actionsAnchor--Zv {
  height: auto;
  height: initial;
  padding: 0;

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

.ChangeFiles__smallPadding--nK .ChangeFiles__item--uF {
    margin: 0 calc(var(--ring-unit)*-2);
    padding: 0 calc(var(--ring-unit)*2);
  }

.ChangeFiles__smallPadding--nK .ChangeFiles__outerItemContainer--cY {
    margin: 0 calc(var(--ring-unit)*-2);
    padding: 0 calc(var(--ring-unit)*2);
  }

.ChangeDetails__wrapper--RQ {
  padding: calc(var(--ring-unit)*2) 0;
}

.ChangeDetails__changeInfo--rw {
  margin: var(--ring-unit) calc(var(--ring-unit)*-4) 0;
  padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4) 0;

  box-shadow: 0 -1px var(--ring-line-color);
}

.ChangeDetails__smallPadding--OM .ChangeDetails__changeInfo--rw {
    margin: var(--ring-unit) calc(var(--ring-unit)*-2) 0;
    padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*2) 0;
  }

.ChangeDetails__showFiles--Zd.ChangeDetails__wrapper--RQ {
    padding-top: 0;

    padding-bottom: calc(var(--ring-unit)*2);
  }

.ChangeFromSnapshotDependencyIcon__icon--Qd {
  padding: 0;
}

.ChangeStatus__wrapper--cf .ring-dropdown-dropdown {
  display: block;
}

.ChangeStatus__popup--n0 {
  overflow: hidden;

  padding: calc(var(--ring-unit)*1.5) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);
}

.ChangeStatus__popup--n0 .ChangeStatus__heading--t5 {
  margin-bottom: var(--ring-unit);
}

.ChangeStatus__headingLink--KR {
  color: var(--ring-text-color);
}

.ChangeStatus__statusRow--vG {
  display: flex;
  overflow: hidden;
  flex-direction: column;

  margin-bottom: calc(var(--ring-unit)*1.5);
}

.ChangeStatus__statusRow--vG:last-child {
    margin-bottom: 0;
  }

.ChangeStatus__statusRowHeading--AU {
  margin-bottom: calc(var(--ring-unit)/2);
}

.ChangeStatus__buildPath--JY {
  display: flex;
  align-items: baseline;

  margin-bottom: calc(var(--ring-unit)/2);

  white-space: nowrap;
}

.ChangeStatus__buildPath--JY:last-child {
    margin-bottom: 0;
  }

.ChangeStatus__entityPathLink--pa {
  color: var(--ring-link-color);
}

.ChangeStatus__separator--TX {
  margin-right: 1px;

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

.ChangeStatus__showAllButton--TV {
  padding: 0;

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

.ChangeStatusCounters__counters--mM {
  color: var(--ring-secondary-color);

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.Change__closed--fa:hover .Change__button--nn::before {
    background-color: var(--ring-selected-background-color);
}}

.Change__open--Hb::before {
    position: absolute;

    z-index: 1;
    top: var(--absolute-child-top);
    right: calc(var(--ring-unit)*-4);
    bottom: 0;
    left: calc(var(--ring-unit)*-4);

    content: '';
    pointer-events: none;

    box-shadow:
      0 0 0 1px var(--ring-line-color),
      0 2px 8px var(--ring-popup-shadow-color);

    grid-column: start / end;
    grid-row: var(--row) / span 2;
  }

.Change__open--Hb.Change__showFiles--v3::before {
    display: none;
  }

.Change__button--nn {

  grid-column: start / end;
  grid-row: var(--row) / span 1;
}

.Change__button--nn::before {
    position: absolute;
    top: 0;
    right: calc(var(--ring-unit)*-4);
    bottom: 1px;
    left: calc(var(--ring-unit)*-4);

    content: '';
  }

.Change__button--nn:focus {
  outline: none;
}

.Change__button--nn:focus::before {
    box-shadow: inset 2px 0 var(--ring-main-color);
  }

/* stylelint-disable-next-line selector-max-specificity */
.Change__closed--fa .Change__button--nn:focus::before,
.Change__closed--fa .Change__psevdoItem--FO[data-hovered='true'] + .Change__detailsHeading--mN .Change__button--nn::before {
    background-color: var(--ring-selected-background-color);
}

.Change__item--m6,
.Change__detailsHeading--mN,
.Change__row--ef {
  display: contents;
}

.Change__detailsWrapper--GG {
  grid-column: start / end;
}

.Change__psevdoItem--FO {
  position: absolute;

  z-index: -1;
  top: var(--absolute-child-top);
  right: 0;
  bottom: 0;
  left: 0;
  grid-column: start / end;
  grid-row: var(--row) / span 2;
}

/* stylelint-disable-next-line selector-max-specificity */

.Change__closed--fa .Change__psevdoItem--FO[data-faded='true'] + .Change__detailsHeading--mN .Change__row--ef > *,
  .Change__showFiles--v3 .Change__psevdoItem--FO[data-faded='true'] + .Change__detailsHeading--mN .Change__row--ef > *,
  .Change__closed--fa .Change__psevdoItem--FO[data-faded='true'] + .Change__detailsHeading--mN + .Change__detailsWrapper--GG,
  .Change__showFiles--v3 .Change__psevdoItem--FO[data-faded='true'] + .Change__detailsHeading--mN + .Change__detailsWrapper--GG {
    opacity: 0.25;
  }

.Change__arrow--tu {
  position: absolute;

  grid-column: -2;
  grid-row: var(--row) / span 1;

  top: calc(var(--absolute-child-top) + 8px);
  right: calc(var(--ring-unit)*-4 + 10px);
  left: auto;

  padding: 0;

  transition: opacity ease;

  pointer-events: none;

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

  line-height: normal;
}

.Change__item--m6:hover .Change__arrow--tu, .Change__button--nn:focus ~ .Change__arrow--tu {
    transition: none;

    opacity: 1;
}

.Change__button--nn:active ~ .Change__arrow--tu {
    transition: none;

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

.Change__chartCol--rx {
  position: relative;

  align-self: start;

  min-width: 0;
  margin-right: calc(var(--ring-unit)*-1);
  grid-column-start: chart-start;
  grid-row-start: var(--row);

  padding-top: 6px;
}

.Change__commentCol--aV {
  position: relative;

  min-width: 0;
  grid-column-start: comment-start;
  grid-row-start: var(--row);
}

.Change__commentWrapper--nc {
  display: flex;
  overflow: hidden;

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

.Change__comment--NR {
  overflow-wrap: break-word;

  overflow: hidden;
}

.Change__singleline--jO {

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

  white-space: nowrap !important;
}

.Change__branches--nM {
  margin-left: var(--ring-unit);
}

.Change__authorAndDateCol--BL {
  position: relative;

  display: flex;
  overflow: hidden;
  align-items: baseline;

  grid-column-start: author-date-start;
  grid-row-start: var(--row);
}

.Change__author--F4 {
  display: inline-block;

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

.Change__datetime--hH {
  margin-left: calc(var(--ring-unit)/2);

  white-space: nowrap;

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

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

.Change__revisionCol--I3 {
  display: flex;
  justify-content: flex-end;

  grid-column-start: revision-start;
  grid-row-start: var(--row);

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

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

@media (max-width: 1200px) {
  .Change__revisionCol--I3 {
    display: none;
  }
}

.Change__filesCol--mN {
  display: flex;
  justify-content: flex-end;

  grid-column-start: files-start;
  grid-row-start: var(--row);
}

.Change__actionsCol--U0 {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  grid-column-start: actions-start;
  grid-row-start: var(--row);
}

.Change__revisionCol--I3,
.Change__filesCol--mN {
  text-align: right;

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

.Change__commentCol--aV,
.Change__authorAndDateCol--BL,
.Change__revisionCol--I3,
.Change__filesCol--mN,
.Change__actionsCol--U0 {
  position: relative;

  padding-top: 6px;
  padding-bottom: 6px;
}

.Change__commentCol--aV:first-child, .Change__authorAndDateCol--BL:first-child, .Change__revisionCol--I3:first-child, .Change__filesCol--mN:first-child, .Change__actionsCol--U0:first-child {
    margin-left: 0;
  }

.Change__changeFromSnapshotDependencyIcon--AW,
.Change__settingsIcon--Wl,
.Change__personalIcon--SM {
  height: auto;
  height: initial;
  margin-right: calc(var(--ring-unit)/2);

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

.Change__myPersonalIcon--zA {
  color: var(--ring-main-color);
}

.Change__multylineIcon--tj {
  margin-left: calc(var(--ring-unit)/2);

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

.Change__externalViewer--Xn {
  margin-right: calc(var(--ring-unit)*2);

  line-height: 12px;
}

.Change__actionsAnchor--kA {
  height: auto;
  height: initial;
  padding: 0;

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

.Change__outerContainer--t6 {
  position: relative;

  overflow: hidden;

  height: calc(var(--ring-unit)*11);
  margin: 0 calc(var(--ring-unit)*-4);
}

.Change__innerContainer--hg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;

  padding: 0 calc(var(--ring-unit)*4);
}

.Change__showFiles--v3 .Change__innerContainer--hg {
    border-bottom: 1px solid var(--ring-line-color);
  }

.Change__smallPadding--tT.Change__open--Hb::before {
    right: calc(var(--ring-unit)*-2);
    left: calc(var(--ring-unit)*-2);
  }

.Change__smallPadding--tT .Change__arrow--tu {
    top: 5px;
    right: calc(var(--ring-unit)*-4.5);
  }

.Change__smallPadding--tT .Change__commentCol--aV,
  .Change__smallPadding--tT .Change__authorAndDateCol--BL,
  .Change__smallPadding--tT .Change__revisionCol--I3,
  .Change__smallPadding--tT .Change__filesCol--mN,
  .Change__smallPadding--tT .Change__actionsCol--U0 {
    padding: 0;

    padding-top: 2px;
    padding-bottom: 2px;
  }

.Change__smallPadding--tT .Change__button--nn::before {
    right: calc(var(--ring-unit)*-2);
    left: calc(var(--ring-unit)*-2);
  }

.Change__smallPadding--tT .Change__outerContainer--t6 {
    margin: 0 calc(var(--ring-unit)*-2);
  }

.Change__smallPadding--tT .Change__innerContainer--hg {
    padding: 0 calc(var(--ring-unit)*2);
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.Build__item--jh:hover .Build__button--O6::before {
    background-color: var(--ring-hover-background-color);
}}

.Build__button--O6 {

  grid-column: start / end;
  grid-row: var(--row) / span 1;
}

.Build__button--O6::before {
    position: absolute;
    top: var(--ring-unit);
    right: calc(var(--ring-unit)*-4);
    bottom: 1px;
    left: calc(var(--ring-unit)*-4);

    content: '';
  }

.Build__button--O6:focus {
  outline: none;
}

.Build__button--O6:focus::before {
    box-shadow: inset 2px 0 var(--ring-main-color);
  }

/* stylelint-disable-next-line selector-max-specificity */
.Build__button--O6:focus::before,
.Build__psevdoItem--vS[data-hovered='true'] + .Build__detailsHeading--BR .Build__button--O6::before {
    background-color: var(--ring-hover-background-color);
}

.Build__build--BP {
  cursor: default;
}

.Build__item--jh,
.Build__detailsHeading--BR,
.Build__build--BP,
.Build__row--wl {
  display: contents;
}

.Build__psevdoItem--vS {
  position: absolute;

  z-index: -1;
  top: calc(var(--absolute-child-top) + var(--ring-unit));
  right: 0;
  bottom: 0;
  left: 0;
  grid-column: start / end;
  grid-row: var(--row) / span 2;
}

/* stylelint-disable-next-line selector-max-specificity */

.Build__psevdoItem--vS[data-faded='true'] + .Build__detailsHeading--BR .Build__columnContent--ah > * {
    opacity: 0.25;
  }

.Build__column--kG {
  position: relative;

  height: calc(var(--ring-unit)*5);
  grid-column: start / end;
}

.Build__columnContent--ah {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;

  display: flex;
  align-items: baseline;

  padding-top: 14px;
  padding-bottom: 6px;
}

.Build__columnContent--ah::before {
    position: absolute;
    z-index: -1;
    top: var(--ring-unit);
    right: calc(var(--ring-unit)*-4);
    bottom: 1px;
    left: calc(var(--ring-unit)*-4);

    content: '';

    opacity: 1;
  }

.Build__branch--ev,
.Build__number--Gk,
.Build__status--_3 {
  margin-right: var(--ring-unit);
}

.Build__startDate--Pk {
  margin-left: auto;

  white-space: nowrap;
}

.ChangesGraph__graph--DW {
  z-index: 2;

  width: 100%;
  height: 100%;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
}

.ChangesLog__overlay--TX {
  cursor: wait;

  opacity: 0.3;
}

.ChangesLog__overlay--TX > * {
    pointer-events: none;
  }

.ChangesLog__grid--if {
  --comment-column: [start comment-start] auto;
  --author-date-column: [author-date-start] minmax(auto, max-content);
  --revision-column: [revision-start] max-content;
  --files-column: [files-start] max-content;
  --actions-column: [actions-start] max-content;

  position: relative;

  align-items: start;
  grid-column-gap: calc(var(--ring-unit)*2);
  grid-template-columns: [start comment-start] auto [author-date-start] minmax(auto, max-content) [revision-start] max-content [files-start] max-content [end];
  grid-template-columns: var(--comment-column) var(--author-date-column) var(--revision-column) var(--files-column) [end];
}

.ChangesLog__grid--if.ChangesLog__showActions--FC {
    grid-template-columns: var(--comment-column) var(--author-date-column) var(--revision-column) var(--files-column) var(--actions-column) [end];
  }

@media (max-width: 1200px) {
  .ChangesLog__grid--if {
    grid-template-columns: var(--comment-column) var(--author-date-column) var(--files-column) [end];
  }

    .ChangesLog__grid--if.ChangesLog__showActions--FC {
      grid-template-columns: var(--comment-column) var(--author-date-column) var(--files-column) var(--actions-column) [end];
    }
}

.ChangesLog__preview--sC .ChangesLog__grid--if {
    grid-template-columns: var(--comment-column) var(--author-date-column) var(--files-column) [end];
  }

.ChangesLog__preview--sC .ChangesLog__grid--if.ChangesLog__showActions--FC {
      grid-template-columns: var(--comment-column) var(--author-date-column) var(--files-column) var(--actions-column) [end];
    }

.ChangesLog__overall--Sq .ChangesLog__grid--if {
    --chart-column: [start chart-start] minmax(auto, max-content);
    --comment-column: [comment-start] auto;

    grid-template-columns: [start chart-start] minmax(auto, max-content) [comment-start] auto var(--author-date-column) var(--revision-column) var(--files-column) [end];

    grid-template-columns: var(--chart-column) var(--comment-column) var(--author-date-column) var(--revision-column) var(--files-column) [end];
  }

.ChangesLog__overall--Sq .ChangesLog__grid--if.ChangesLog__showActions--FC {
      grid-template-columns: var(--chart-column) var(--comment-column) var(--author-date-column) var(--revision-column) var(--files-column) var(--actions-column) [end];
    }

.ChangesLog__empty--mr,
.ChangesLog__loading--Lu {
  padding: var(--ring-unit) 0;

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

.ChangesLog__changesWrapper--DP {
  display: flex;
  flex-direction: row;
}

.ChangesLog__graph--Bj {
  padding-right: var(--ring-unit);
}

.ChangesLog__changes--BS {
  flex: 1 1;

  height: 100%;
}

.ProjectChangeLogTab__filter--i7 {
  margin-bottom: calc(var(--ring-unit)*2);
}

.CollapsibleLine__row--rq {
  display: flex;
  align-items: baseline;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  justify-content: flex-end;

  width: 100%;
}

.CollapsibleLine__row--rq > * {
    box-sizing: border-box;
    padding: 0 var(--ring-unit);
  }

.CollapsibleLine__row--rq > :first-child {
    padding-left: 0;
  }

.CollapsibleLine__line--fP {
  position: relative;

  display: flex;

  align-items: baseline;

  margin: calc(var(--ring-unit)*3.5) calc(var(--ring-unit)*-4) 0;

  padding: calc(var(--ring-unit)/2) calc(var(--ring-unit)*4);

  outline: none;

  line-height: calc(var(--ring-unit)*3);
}

.CollapsibleLine__line--fP:focus {
    background-color: var(--ring-hover-background-color);
    box-shadow: inset 2px 0 var(--ring-main-color);
  }

.CollapsibleLine__arrow--so {
  position: absolute;
  top: var(--ring-unit);
  left: calc(var(--ring-unit)*2);

  padding: 0;

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

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

  line-height: normal;
}

.CollapsibleLine__line--fP:hover .CollapsibleLine__arrow--so, .CollapsibleLine__line--fP:focus .CollapsibleLine__arrow--so {
    transition: none;

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

.CollapsibleLine__line--fP:active .CollapsibleLine__arrow--so {
    transition: none;

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

.Subprojects__header--BE {

  position: relative;

  justify-content: flex-start;

  margin-top: 0;

  margin-bottom: var(--ring-unit);
}

.Subprojects__title--Sl.Subprojects__title--Sl {
  font-size: inherit;
  line-height: inherit;
}

.Subprojects__root--F2 {
  margin-top: calc(var(--ring-unit)*3);
}

.Subprojects__limitWidth--MY {
  max-width: var(--tc-content-width);
}

.Subprojects__archived--ZA,
.Subprojects__showArchivedProjectsButton--Jv {
  margin-top: calc(var(--ring-unit)*2);
}

.Subprojects__hideArchivedProjectsButton--D7 {
  padding-left: 0;

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.Subproject__summaryWrapper--DG:hover .Subproject__star--X2 {
  transition: none;

  opacity: 1;
}}

.Subproject__container--Px {
  margin: calc(var(--ring-unit)*2) calc(var(--ring-unit)*-4) calc(var(--ring-unit)*3);
}

.Subproject__container--Px:last-of-type {
    margin-bottom: 0;
  }

.Subproject__nested--aD {
  margin-left: calc(var(--ring-unit)*2.5);

  box-shadow: inset 1px 0 var(--ring-line-color);
}

.Subproject__star--X2 {
  align-self: center;

  padding: 0;
  padding-right: var(--ring-unit);

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

  opacity: 0;

  line-height: 28px;
}

.Subproject__container--Px:focus-within .Subproject__star--X2 {
  transition: none;

  opacity: 1;
}

.Subproject__summaryWrapper--DG {
  width: 100%;
}

.Subproject__parentPath--Ir {
  color: var(--ring-secondary-color);
}

.Subproject__entity--QD {
  z-index: 0;

  display: flex;
  align-items: center;

  flex: 1 1 calc(var(--ring-unit)*15);

  width: 100%;
  min-width: calc(var(--ring-unit)*10 + var(--ring-unit)*15);
  max-width: calc(100% - var(--ring-unit)*28 - var(--ring-unit)*3);
}

.Subproject__entityContainer--Xo {
  display: flex;
  overflow: hidden;

  max-width: 100%;
  padding-right: var(--ring-unit);
}

.Subproject__entityPath--tP.Subproject__entityPath--tP {
  margin-bottom: calc(var(--ring-unit)/2);
}

.Subproject__entityPath--tP {
  display: flex;
  align-items: baseline;

  width: 100%;

  padding: 0;

  letter-spacing: -0.3px;

  font-weight: normal;
}

.Subproject__description--QV {
  flex-shrink: 100;

  min-width: calc(var(--ring-unit)*15);
  margin-top: 2px;

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

.Subproject__line--Z4 {

  box-sizing: border-box;

  margin: 0;
  margin-top: calc(var(--ring-unit)/2);
  margin-bottom: calc(var(--ring-unit)/2);
  padding: 0 calc(var(--ring-unit)*4);

  outline: none;

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

.Subproject__line--Z4.Subproject__noChildren--ch {
    cursor: inherit;
  }

.Subproject__line--Z4:focus{
    background-color: transparent;
    background-color: initial;
  }

.Subproject__line--Z4::before {
    position: absolute;

    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .Subproject__line--Z4:hover::before {
      background-color: var(--ring-hover-background-color);
    }}

.Subproject__header--EN {

  justify-content: flex-start;
}

.Subproject__arrow--NT {

  top: auto;
  bottom: var(--ring-unit);
  left: 14px;
}

.Subproject__details--fL {
  padding: 0 calc(var(--ring-unit)*4) calc(var(--ring-unit)/2);
}

.Subproject__actions--DZ {
  display: flex;

  align-self: center;
  flex-shrink: 0;
  justify-content: flex-end;

  width: calc(var(--ring-unit)*28);
  margin-top: 2px;
  margin-left: auto;

  padding-right: calc(var(--ring-unit)*2);
}

.Subproject__status--I6 {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: nowrap;

  padding-left: calc(var(--ring-unit)*2);

  text-align: right;

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

.Subproject__status--I6.Subproject__success--yy {
    color: var(--ring-icon-success-color);
  }

.Subproject__status--I6.Subproject__unknown--jP {
    color: var(--ring-secondary-color);
  }

.Subproject__status--I6.Subproject__failed--RK {
    color: var(--ring-icon-error-color);
  }

.Subproject__statusIcon--IF {
  position: relative;
  top: 1px;

  vertical-align: middle;
}

.Subproject__count--VG {
  padding-right: calc(var(--ring-unit)/2);
}

.Subproject__addBuildConfiguration--kf {
  width: calc(var(--ring-unit)*2);

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

.Subproject__link--PS {
  max-width: calc(100% - var(--ring-unit)*2.5);

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

.Subproject__noChildrenWarning--ob {

  text-align: right;
}

.Subproject__minorInfo--yF {
}

.Builds__builds--nK {
  --column-width: minmax(0, max-content);
  --status-column-width: var(--column-width);
  --build-row-span: 3;
  --number-column: [start number-start] var(--column-width);
  --branch-column: [branch-start] var(--column-width);
  --status-column: [status-start] var(--status-column-width);
  --branch-status-columns: [branch-start status-start] var(--status-column-width);
  --changes-column: [changes-start] var(--column-width);
  --agent-column: [agent-start] var(--column-width);
  --changes-agent-columns: [changes-start agent-start] var(--column-width);
  --duration-column: [duration-start] auto;
  --tags-column: [tags-start] var(--column-width);
  --icons-column: [icons-start] var(--column-width);
  --duration-icons-columns: [duration-start icons-start] auto;

  position: relative;

  justify-content: space-between;

  padding: 0 0 1px;
  grid-template-columns: [start number-start] minmax(0, max-content) [branch-start status-start] minmax(0, max-content) [changes-start agent-start] minmax(0, max-content) [duration-start icons-start] auto [end];
  grid-template-columns: var(--number-column) var(--branch-status-columns) var(--changes-agent-columns) var(--duration-icons-columns) [end];
  grid-column-gap: calc(var(--ring-unit)*2);
}

.Builds__withPath--Gw {
  --status-column-width: minmax(0, 100%);
}

.Builds__wrappedContainer--gp {
  padding: 0 calc(var(--ring-unit)*2);
}

.Builds__wrapped--Ni::before {
    position: absolute;
    top: calc(var(--absolute-child-top) - 1px);
    right: calc(var(--ring-unit)*-2 - 1px);
    bottom: 0;
    left: calc(var(--ring-unit)*-2 - 1px);

    content: '';
    pointer-events: none;

    border: 1px solid var(--ring-line-color);
    border-radius: var(--ring-border-radius);
    grid-column: start / end;
    grid-row: var(--row) / span var(--row-span);
  }

.Builds__wrapped--Ni .Builds__builds--nK {
    margin-bottom: -2px;
  }

.Builds__withTags--tk {
  --duration-icons-columns: [duration-start tags-start] var(--column-width) var(--icons-column);
}

.Builds__oneLine--di {
  --build-row-span: 2;
  --tags-icons-columns: var(--icons-column);
  --duration-icons-columns: var(--tags-icons-columns);
}

.Builds__oneLine--di.Builds__withBranch--gs {
  --branch-status-columns: var(--branch-column) var(--status-column);
}

.Builds__oneLine--di.Builds__withAgent--Cv {
  --changes-agent-columns: var(--changes-column) var(--agent-column);
}

.Builds__oneLine--di.Builds__withDuration--GE {
  --duration-icons-columns: var(--duration-column) var(--tags-icons-columns);
}

.Builds__oneLine--di.Builds__withTags--tk {
  --tags-icons-columns: var(--tags-column) var(--icons-column);
}

.Builds__withOverlay--Gd {
  cursor: wait;

  opacity: 0.3;
}

.Builds__withOverlay--Gd > * {
    pointer-events: none;
  }

.Builds__placeholder--NM {
  grid-column: start / end;

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

.Builds__loader--mg {
  grid-column: start / end;
}

.Builds__inlineLoader--_s {
  grid-column: start / end;

  margin: var(--ring-unit) 0;
}

.Builds__footer--W8 {
  min-height: var(--ring-line-height);

  margin-top: var(--ring-unit);

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

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

.Builds__sectionTitle--lj {
  margin-right: auto;
  margin-bottom: var(--ring-unit);

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

  font-weight: bold;
}

.Builds__buttonContainer--od {
  display: block;
  grid-column: start / end;

  margin: -1px calc(var(--ring-unit)*-2 - 1px) 0;

  border: 1px solid var(--ring-line-color);

  border-top-left-radius: var(--ring-border-radius);
  border-top-right-radius: var(--ring-border-radius);
}

.Builds__buttonContainer--od > .Builds__showQueuedToggle--Ns {
    box-sizing: content-box;
    width: 100%;
    padding: calc(var(--ring-unit)/2) 0 calc(var(--ring-unit)/4);

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.Builds__buttonContainer--od > .Builds__showQueuedToggle--Ns:hover {
      background-color: var(--ring-sidebar-background-color);
    }}

.Builds__oneLineMargin--kG {
  height: var(--ring-unit);
  grid-column: start / end;
}

.Builds__hasParentGrid--fI {
  display: contents;
}

.BuildTriggeredBy__inline--V8 {
}

.BuildTriggeredBy__buildPath--BM {
  display: inline;

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

.BuildTriggeredBy__buildPath--BM > * {
    display: inline;
  }

.BuildTriggeredBy__buildPathLink--Aa {
  color: inherit;
}

.CompareBuildsHeader__compareBuildsHeader--IG {
  margin-top: var(--ring-unit);

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

.CompareBuildsHeader__grid--j1 {
  margin-top: 0;
  margin-bottom: calc(var(--ring-unit)*2);

  padding-right: 0;
  padding-left: 0;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.CompareBuildsHeader__row--7R:hover {
  background-color: var(--ring-hover-background-color);
}}

.CompareBuildsHeader__column--d2 {
  margin-top: calc(var(--ring-unit)/2);
  margin-bottom: calc(var(--ring-unit)/2);
}

.CompareBuildsHeader__invisible--UC {
  visibility: hidden;

  opacity: 0;
}

.CompareBuildsHeader__buildPath--EM {
  position: relative;
  top: 1px;
}

.CompareBuildsHeader__buildNumber--zV {
  font-size: inherit;
  line-height: inherit;
}

.CompareBuildsHeader__editIcon--xo {
  height: var(--ring-line-height-taller);
  margin-top: -1px;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.CountRow__row--wX:hover {
  background-color: var(--ring-hover-background-color);
}}

.CountRow__wrapper--Ni {
  position: relative;

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

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

.CountRow__changed--St {
  color: var(--ring-link-hover-color);
}

.DependencyRow__row--uy {
  flex-flow: row nowrap;

  margin: 0 calc(var(--ring-unit)*-4) var(--ring-unit);

  padding: 1px calc(var(--ring-unit)*4) 3px calc(var(--ring-unit)*4);
}

.DependencyRow__row--uy.DependencyRow__changed--IG {
    background-color: var(--ring-sidebar-background-color);
    box-shadow: inset 3px 0 var(--ring-main-color);
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.DependencyRow__row--uy:hover,
  .DependencyRow__row--uy.DependencyRow__changed--IG:hover {
    background-color: var(--ring-hover-background-color);
  }}

.DependencyRow__row--uy > div {
    margin: 0;
  }

.DependencyRow__buildComparerCol--Gg,
.DependencyRow__buildNumberCol--xw {
  width: calc(var(--ring-unit)*8);
  padding-right: var(--ring-unit);
  padding-left: var(--ring-unit);

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

.DependencyRow__buildPath--fK {
  position: relative;
  top: 1px;
}

.DependencyRow__nameCol--gg {
  flex: 1 1;

  min-width: 0;
  padding-right: var(--ring-unit);
  overflow-wrap: break-word;
}

.DependencyRow__buildNumber--c5 {
  font-size: inherit;
  line-height: inherit;
}

.DependencyRow__link--qO {
  max-width: calc(100% - var(--ring-unit)*2);
  margin: 2px 0;

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

  line-height: 22px;
}

.DependencyRow__caption--lU {
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--ring-unit)/2);

  font-size: 14px;

  font-size: var(--ring-font-size, 14px);
}

.ParameterRow__changed--_D {
  background-color: var(--ring-sidebar-background-color);
  box-shadow: inset 3px 0 var(--ring-main-color);
}

.ParameterRow__row--VX {
  margin: 0 calc(var(--ring-unit)*-4);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ParameterRow__row--VX:hover {
    background-color: var(--ring-hover-background-color);
  }

    .ParameterRow__row--VX:hover .ParameterRow__changed--_D {
      background-color: var(--ring-hover-background-color);
    }}

.ParameterRow__col--yc {
  padding: 0;
}

.ParameterRow__name--xT {
  padding: 0 calc(var(--ring-unit)*4);

  overflow-wrap: break-word;

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

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

.ParameterRow__values--g_ {
  margin: 0;
  padding: 1px calc(var(--ring-unit)*3) 3px;
}

.ParameterRow__value--bC {
  margin-top: 0;
  margin-bottom: 0;

  overflow-wrap: break-word;
}

.ParameterRow__empty--q0 {
  color: var(--ring-secondary-color);
}

.DifferenceMark__differenceMark--LP {
  position: absolute;
  top: calc((var(--ring-line-height) - var(--ring-unit))/2);
  left: calc(var(--ring-unit)*-1.5);

  display: block;

  width: var(--ring-unit);
  height: var(--ring-unit);

  border-radius: var(--ring-unit);

  background-color: var(--ring-link-hover-color);
}

.RevisionRow__row--NE {
  font-size: var(--ring-font-size-smaller);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.RevisionRow__row--NE:hover {
    background-color: var(--ring-hover-background-color);
  }}

.RevisionRow__root--Le {
  margin-bottom: calc(var(--ring-unit)/2);

  overflow-wrap: break-word;
}

.RevisionRow__branch--Wj {
  margin-right: calc(var(--ring-unit)/2);
}

.RevisionRow__canChange--LY {
  position: relative;
}

.TestStatusText__successStatus--y5 {
  color: var(--ring-success-color);
}

.TestStatusText__failedStatus--aI {
  color: var(--ring-error-color);
}

.TestStatusText__unknownStatus--jD {
  color: var(--ring-secondary-color);
}

.TestStatusText__muted--Hs {
  color: var(--ring-secondary-color);
}

.TestStatusText__icon--Sx {
  margin-left: calc(var(--ring-unit)/2);
  padding: 0;

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

.TestRow__row--nJ {
  flex-flow: row nowrap;

  margin: 0 calc(var(--ring-unit)*-4) var(--ring-unit);

  padding: 1px calc(var(--ring-unit)*4) 3px calc(var(--ring-unit)*4);
}

.TestRow__row--nJ.TestRow__changed--bR {
    background-color: var(--ring-sidebar-background-color);
    box-shadow: inset 3px 0 var(--ring-main-color);
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestRow__row--nJ:hover,
  .TestRow__row--nJ.TestRow__changed--bR:hover {
    background-color: var(--ring-hover-background-color);
  }}

.TestRow__row--nJ > div {
    margin: 0;
  }

.TestRow__nameCol--x2 {
  flex: 1 1;

  min-width: 0;

  padding-right: var(--ring-unit);

  overflow-wrap: break-word;
}

.TestRow__statusCol--RO {
  width: calc(var(--ring-unit)*8);
  padding-right: var(--ring-unit);
  padding-left: var(--ring-unit);

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

.TestRow__durationCol--ar {
  width: calc(var(--ring-unit)*15);
  padding-right: 0;

  text-align: right;

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

.TestRow__durationDiffCol--BB {
  width: calc(var(--ring-unit)*16);
  padding-left: calc(var(--ring-unit)/2);

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

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

.TestRow__suite--N_ {
  color: var(--ring-secondary-color);

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

.TitleRow__col--gy {
  padding: 0 var(--ring-unit);
}

.TitleRow__title1--bo.TitleRow__title1--bo,
.TitleRow__title2--dD.TitleRow__title2--dD {
  margin: 0;
  padding: 0;

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

.TitleRow__title1--bo.TitleRow__title1--bo {
  padding-top: calc(var(--ring-unit)*2);
  padding-bottom: var(--ring-unit);

  letter-spacing: 2px;
  text-transform: uppercase;

  border-bottom: 1px solid var(--ring-line-color);

  font-weight: normal;

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

.TitleRow__title2--dD.TitleRow__title2--dD {
  font-weight: bold;
  line-height: var(--ring-line-height);
}

.UnknownRow__code--ob {
  margin: 0;

  border: 1px solid transparent;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.UnknownRow__row--jd:hover .UnknownRow__code--ob {
  border-color: var(--ring-link-hover-color);
}}

.UnknownRow__wrap--sj {
  position: relative;
}

.FilterInput__filterInput--NF {
  width: 300px;
}

.FilterInput__filterInput--NF input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.CompareBuildsFilter__found--MK {
  margin-left: var(--ring-unit);

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

.TestsTableHeader__header--ax {
  position: sticky;

  top: 0;

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

.TestsTableHeader__header--ax.TestsTableHeader__header--ax {
    margin-top: calc(var(--ring-unit)*2);
    padding-top: var(--ring-unit);
    padding-bottom: 0;
  }

.TestsTableHeader__header--ax > div {
    padding-bottom: var(--ring-unit);

    color: var(--ring-secondary-color);
    border-bottom: 1px solid var(--ring-line-color);

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

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

.TestsTableHeader__header--ax > div:first-child {
      padding-left: 0;
    }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestsTableHeader__header--ax:hover {
    background-color: var(--ring-content-background-color);
  }}

.CompareBuildsTable__grid--OV {
  padding-right: 0;
  padding-left: 0;
}

.CompareBuildsTable__controls--yD {
  display: flex;
  align-items: flex-start;

  margin-top: 0;
}

.CompareBuildsTable__filter--IH.CompareBuildsTable__filter--IH {
  display: inline-block;
  align-self: flex-start;

  margin-left: calc(var(--ring-unit)*2);
}

.CompareBuildsTable__empty--Om {
  padding-top: var(--ring-unit);
}

.CompareBuildsTable__emptyIcon--QG {
  color: var(--ring-main-color);
}

.CompareBuildsTable__limitationMessage--mt {
  margin-top: calc(var(--ring-unit)*3);

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

.DownloadedDeliveredArtifacts__popup--FT {
  padding: calc(var(--ring-unit)*2) 0 calc(var(--ring-unit)*3);
}

.DownloadedDeliveredArtifacts__list--cE {
  margin: 0;
  padding: 0;

  list-style-type: none;
}

.ArtifactChangeDetails__wrapper--V7 {
  margin: 0 calc(var(--ring-unit)*-4);
  padding-top: calc(var(--ring-unit)*2);
}

.ArtifactChangeDetails__wrapper--V7.ArtifactChangeDetails__smallPadding--tE {
    margin: 0 calc(var(--ring-unit)*-2);
  }

.ArtifactChange__panel--uV {
  z-index: 1;

  margin: 1px calc(var(--ring-unit)*-4) 0;
  padding: 0 calc(var(--ring-unit)*4) calc(var(--ring-unit)*2);

  box-shadow:
    0 0 0 1px var(--ring-line-color),
    0 2px 8px var(--ring-popup-shadow-color);
}

.ArtifactChange__button--dx {
}

.ArtifactChange__item--ES {

  position: relative;

  display: block;

  margin: 1px calc(var(--ring-unit)*-4) 0;
}

.ArtifactChange__row--rb {
  display: flex;
  align-items: baseline;
  flex-direction: row;

  padding: 0;
}

.ArtifactChange__row--rb > * {
    margin-top: 0;
  }

.ArtifactChange__arrow--S6 {
  position: absolute;

  top: 5px;
  right: calc(var(--ring-unit)*-4 + 10px);
  left: auto;

  padding: 0;

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

  pointer-events: none;

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

  line-height: normal;
}

.ArtifactChange__arrow--S6.ArtifactChange__advancedRowArrow--ph {
    top: 8px;
  }

.ArtifactChange__item--ES:hover ~ .ArtifactChange__arrow--S6, .ArtifactChange__button--dx:focus ~ .ArtifactChange__arrow--S6 {
    transition: none;

    opacity: 1;
}

.ArtifactChange__button--dx:active ~ .ArtifactChange__arrow--S6 {
    transition: none;

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

.ArtifactChange__smallPadding--Su.ArtifactChange__panel--uV {
    margin: 1px calc(var(--ring-unit)*-2) 0;
    padding: 0 calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);
  }

.ArtifactChange__smallPadding--Su .ArtifactChange__item--ES {
    margin: 1px calc(var(--ring-unit)*-2) 0;
    padding: 0 calc(var(--ring-unit)*3);
  }

.ArtifactChange__smallPadding--Su .ArtifactChange__arrow--S6 {
    right: calc(var(--ring-unit)*-4.5);
  }

.ArtifactChange__defaultRow--bD {
  line-height: 24px;
}

.ArtifactChange__defaultRow--bD::before {
    height: 24px;
  }

.ArtifactChange__advancedRow--g3 {
  min-height: 31px;
}

.ArtifactChange__advancedRow--g3::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

.ArtifactChange__advancedRow--g3 .ArtifactChange__row--rb {
    padding-bottom: 6px;

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

.ArtifactChange__advancedRow--g3 .ArtifactChange__row--rb > * {
      margin-top: 5px;
    }

.ArtifactChange__pathCol--_A {
  display: flex;
  overflow: hidden;
  align-items: baseline;
  flex: 1 1 auto;
}

.ArtifactChange__entityPath--W3 {
  white-space: nowrap;
}

.ArtifactChange__filesCol--n6 {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;

  width: calc(var(--ring-unit)*7);

  text-align: right;

  white-space: nowrap;

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

.ArtifactChange__pathCol--_A,
.ArtifactChange__filesCol--n6 {
  padding-left: 0;
}

.ArtifactChange__expandableLines--nf .ArtifactChange__filesCol--n6 {
    width: 70px;
  }

.ArtifactChange__separator--yG {
  flex-shrink: 0;

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

.ArtifactChange__buildNumber--QT {
  margin-right: var(--ring-unit);
}

.ArtifactChange__buildNumber--QT .BuildNumber__link--of {
  color: var(--ring-text-color);

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

.Build__build--Bf {
  display: contents;

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.Build__notCommentWrapper--re {
  display: contents;
}

.Build__notCommentWrapper--re > * {
    position: relative;

    box-sizing: border-box;
    margin-bottom: -1px;
  }

.Build__build--Bf::after {
  position: absolute;
  top: calc(var(--absolute-child-top) - 1px);
  right: 0;
  bottom: 0;
  left: 0;

  content: '';

  pointer-events: none;

  border-top: 1px solid var(--ring-line-color);
  border-bottom: 1px solid var(--ring-line-color);

  grid-column: start / end;
  grid-row: var(--row) / span var(--build-row-span);
}

.Build__dottedBorders--Ap:not(.Build__queued--x5)::after {
  border-top-style: dotted;
  border-bottom-style: dotted;
}

.Build__wrapped--ZA::after {
  right: calc(var(--ring-unit)*-2);
  left: calc(var(--ring-unit)*-2);
}

.Build__comment--x9 {
  margin-top: 0;
}

.Build__comment--x9.Build__separateFromTop--pI {
    margin-top: var(--ring-unit);
  }

.Build__number--RI {
  grid-column-start: number-start;
  grid-row-start: var(--row);

  margin-top: 5px;

  line-height: 20px;
}

.Build__inHierarchy--Gt .Build__number--RI {
  margin-left: var(--offset);
}

.Build__branchPath--PI {

  display: flex;
  align-items: baseline;

  margin-top: 0;

  grid-column-start: branch-start;
}

.Build__status--bG {
  grid-column-start: status-start;

  overflow: hidden;

  margin: -2px -2px -3px;
}

.Build__status--bG > * {
    margin: 2px;
  }

.Build__downloadedDeliveredArtifacts--Or {
  grid-column: changes-start / end;
  grid-row-start: calc(var(--row) + 1);

  height: 33px;

  line-height: 30px;
}

.Build__changes--QX {
  width: calc(var(--ring-unit)*26);
  grid-column-start: changes-start;
  grid-row-start: var(--row);
}

.Build__agent--BO {
  grid-column-start: agent-start;

  max-width: 100%;
}

.Build__durationIcons--Dw {
  display: contents;

  text-align: right;
}

.Build__duration--B2 {
  position: relative;

  min-width: calc(var(--ring-unit)*14);

  height: calc(var(--ring-unit)*2);
  grid-column: duration-start / end;
  grid-row-start: var(--row);
}

.Build__exactDuration--O_ {
  min-width: calc(var(--ring-unit)*20);
}

.Build__icons--jh {
  grid-column-start: icons-start;

  margin: 3px calc(var(--ring-unit)*-1) 5px;
}

.Build__icons--jh::before {
    content: '\200B'; /* zero-width space */

    line-height: calc(var(--ring-unit)*3);
  }

.Build__tags--Yv {
  grid-column-start: tags-start;
}

.Build__tag--fY {
  max-width: calc(100% - var(--ring-unit));
}

.Build__branch--mP {
  box-sizing: border-box;
  max-width: 40%;
  margin-top: 1px;
  margin-right: var(--ring-unit);
}

.Build__path--GV {
  flex: 1 1;

  margin: -3px;
}

.Build__branch--mP:last-child {
  max-width: 100%;
  margin-right: 0;
}

.Build__stop--VP {
  margin-right: calc(var(--ring-unit)*-1);
}

.Build__withoutPath--FC .Build__noBranch--hB {
  display: none;
}

.Build__triggeredBy--hm {
  margin: -1px 0;

  text-align: left;
  white-space: normal;

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lower);
}

.Build__hideBorders--pz::after {
  display: none;
}

.Build__description--_g {
  position: relative;

  min-width: 0;
  grid-column: status-start / end;
}

.Build__description--_g > :not(:empty) {
    margin: -1px 0 9px;
  }

.Build__compactDescription--C_ {
  grid-row: calc(var(--row) + 1) / span 2;
  grid-column-end: changes-start;
}

.Build__compactDescription--C_ > :not(:empty) {
    margin-bottom: var(--ring-unit);
  }

.Build__emptyLine--WM {
  display: none;
}

.Build__oneLine--ps .Build__notCommentWrapper--re > * {
    white-space: nowrap;
  }

.Build__oneLine--ps .Build__status--bG {
    display: inline-flex;
    align-items: baseline;
  }

.Build__oneLine--ps .Build__duration--B2 {
    grid-column-end: span 1;
  }

.Build__oneLine--ps .Build__emptyLine--WM {
    display: block;
    grid-column: start / end;
  }

.Build__oneLinePaddings--Y4 .Build__notCommentWrapper--re > * {
    margin-top: 0;
  }

.Build__oneLinePaddings--Y4 .Build__status--bG {
    margin-top: -2px;
  }

.Build__oneLinePaddings--Y4 .Build__icons--jh {
    margin-top: -1px;
    margin-bottom: 1px;
  }

.Build__oneLinePaddings--Y4 .Build__description--_g > :not(:empty) {
    margin: -1px 0 5px;
  }

.Build__oneLinePaddings--Y4 .Build__triggeredBy--hm {
    margin-top: -2px;
  }

/* stylelint-disable-next-line selector-max-specificity */
.Build__wrappedContainer--c5:first-child .Build__build--Bf::after {
  border-top: none;
}

/* stylelint-disable-next-line selector-max-specificity */
.Build__wrappedContainer--c5:last-child .Build__build--Bf::after {
  border-bottom: none;
}

.Build__placeholder--pm {
  box-sizing: border-box;

  border-radius: 4px;

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

@keyframes Build__placeholder--pm {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.7;
  }
}

.Build__placeholder--pm.Build__animated--F6 {
  transform: translateZ(0);
  animation: Build__placeholder--pm 1s linear infinite;
  animation-direction: alternate-reverse;
}

.Build__placeholder--pm.Build__placeholder--pm {
  min-width: calc(var(--ring-unit)*10);
  height: calc(var(--ring-unit)*2);
  margin-top: var(--ring-unit);
}

.Build__oneLine--ps .Build__placeholder--pm {
  margin: calc(var(--ring-unit)/2) 0;
}

.Build__icons--jh.Build__placeholder--pm {
  margin-right: 0;
  margin-bottom: 8px;
  margin-left: 0;
}

.Build__icons--jh.Build__placeholder--pm::before {
    content: none;
  }

.Build__oneLine--ps .Build__icons--jh.Build__placeholder--pm {
  margin-bottom: calc(var(--ring-unit)/2);
}

.Agent__withToggle--cF {
  padding-left: calc(var(--ring-unit)*9);
}

.Agent__agentStatus--HL {
  min-width: calc(var(--ring-unit)*39);
  max-width: calc(var(--ring-unit)*39);
  padding-left: 0;
}

.Agent__details--_G {
  min-width: 0;
}

.Agent__buildInfo--lm {
  min-width: 0;

  padding: 0;
}

.Agent__idle--zV,
.Agent__loadingPlaceholder--jI {
  color: var(--ring-secondary-color);
}

.Agent__build--Ia {
  flex-wrap: nowrap;

  margin: 0;
}

.Agent__build--Ia > * {
    margin-top: 0;
    margin-bottom: 0;
  }

.Agent__buildPlaceholderHeight--_j {
  height: calc(var(--ring-line-height) + var(--ring-unit)*3 + 4px);
}

.Agent__number--zJ {
  width: 10vw;
  min-width: 96px;
  max-width: 160px;
  margin-right: calc(var(--ring-unit)*2);
}

.Agent__type--nQ {
}

.Agent__branch--QU {
}

.Agent__buildPath--BL {
  flex: 1 1;
}

.Agent__statusLine--f_ {
  display: flex;
  align-items: baseline;

  height: calc(var(--ring-unit)*3);
}

.Agent__status--za {
  flex-grow: 1;

  min-width: 0;
}

.Agent__stop--m4 {
  padding-right: 0;
}

.Agent__withBuild--Os {
  margin-bottom: var(--ring-unit);
  padding-bottom: var(--ring-unit);

  box-shadow: 0 1px var(--ring-line-color);
}

.Agent__toggle--uc {
  flex-shrink: 0;

  margin-left: calc(var(--ring-unit)*-4);
}

.Agent__authButton--fb {
  flex-shrink: 0;
}

.Agent__ip--aG {

  padding-top: 4px;
}

.Agent__hideBorder--Fg {
  box-shadow: none;
}

.Agent__authorize--eG {
  min-width: calc(var(--ring-unit)*13);
  max-width: calc(var(--ring-unit)*13);
}

@media (min-width: 1200px) {
  .Agent__agentStatus--HL {
    min-width: calc(var(--ring-unit)*43);
    max-width: calc(var(--ring-unit)*43);
  }
}

.Agent__icon--av {
  margin-right: calc(var(--ring-unit)/2);
}

.Agents__agents--QU {
  padding: 0 var(--ring-unit) 1px;
}

.Agents__placeholder--iZ {
  color: var(--ring-secondary-color);
}

.Agents__loader--st {
  margin: -1px 0 0 var(--ring-unit);
}

.CollapsedSidebarSearch__rotatedBar--c1 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;

  height: calc(var(--ring-unit)*4);

  transform: rotate(-90deg) translateX(-100%);
  transform-origin: left top;
}

.CollapsedSidebarSearch__label--dR {
  display: inline-block;

  height: calc(var(--ring-unit)*4 - 1px);
  padding: 0 16px;

  cursor: pointer;

  white-space: nowrap;

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

  line-height: calc(var(--ring-unit)*4 - 1px);
}

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

.AgentsSidebar__sidebar--FW {
  position: relative;

  display: flex;

  overflow: hidden;
  flex-direction: column;

  min-height: calc(var(--ring-unit)*17.5);

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  outline: none;
  background-color: var(--ring-sidebar-background-color);
}

.AgentsSidebar__search--eb {
  position: relative;

  flex: 0 1 auto;

  margin-top: var(--ring-unit);
  margin-right: calc(var(--ring-unit)*2);
  margin-bottom: calc(var(--ring-unit)*1.5);
  margin-left: calc(var(--ring-unit)*3.75);
}

.AgentsSidebar__empty--EC:not(:focus-within)::after {
  position: absolute;
  top: 0;
  right: calc(var(--ring-unit)*2);

  content: 'Q';

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

  line-height: calc(var(--ring-unit)*3);
}

.AgentsSidebar__tree--up {
  flex: 1 1 auto;
}

.AgentsSidebar__loader--Km {
  padding-left: calc(var(--ring-unit)*3.5);

  line-height: calc(var(--ring-unit)*3);
}

.AgentsSidebar__loader--Km:first-child {
    margin-top: 0;
  }

.AgentsSidebar__loaderText--mW {
  margin-left: 2px;
}

.ArtifactChangeDetailsPopupHeader__header--Vo {
  display: flex;
  align-items: baseline;
}

.ArtifactChangeDetailsPopupHeader__title--z3 {
  display: flex;
  align-items: baseline;
}

.ArtifactChangeDetailsPopupHeader__title--z3.ArtifactChangeDetailsPopupHeader__title--z3 {
  margin: 0;
  margin-right: auto;
  margin-bottom: var(--ring-unit);
  padding: 0;

  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
}

.SidebarSearch__sidebarSearch--vw {
  position: relative;
}

.SidebarSearch__sidebarSearch--vw button {
    padding-right: var(--ring-unit);
  }

.SidebarSearch__hidden--oA {
  opacity: 0;
}

.SidebarSearch__empty--jT:not(:focus-within)::after {
  position: absolute;
  top: 0;
  right: calc(var(--ring-unit)*2);

  content: 'Q';

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

  line-height: calc(var(--ring-unit)*3);
}

.SidebarSearch__wrapper--He {
  padding: var(--ring-unit) calc(var(--ring-unit)*2) 0 30px;
}

.SidebarSearch__edit--yX.SidebarSearch__empty--jT::after {
    content: none;
  }

.SidebarSearch__searchInputHint--MZ {
  margin-top: calc(var(--ring-unit)/2);
}

.ArtifactChangeDetailsPopup__dialog--Vb {
  width: calc(70vw - var(--ring-unit)*6*2);
  height: calc(70vh - var(--ring-unit)*2*2);
}

.ArtifactChangeDetailsPopup__overlay--oe {
  padding: 0;
}

.ArtifactChangeDetailsPopup__wrapper--cR {
  display: flex;

  overflow: hidden;
  overflow-y: auto;
  flex-direction: column;

  height: 100%;
  padding-bottom: calc(var(--ring-unit)*4);
}

.ArtifactChangeDetailsPopup__header--wy {
  padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4) calc(var(--ring-unit)*4);
}

.ArtifactChangeDetailsPopup__noFiles--R_ {
  display: flex;
  align-items: center;
  justify-content: center;

  height: 100%;

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

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

  color: inherit;
}}

.FavoriteProjectsPage__overviewPlaceholder--BS {
  position: relative;
}

.FavoriteProjectsPage__arrow--KD {
  position: absolute;

  display: block;
}

.FavoriteProjectsPage__tip--hO {
  position: absolute;
}

.FavoriteProjectsPage__tipLeft--Tn {
  top: calc(var(--ring-unit)*24);

  max-width: calc(var(--ring-unit)*23);

  text-align: left;
}

.FavoriteProjectsPage__tipLeft--Tn .FavoriteProjectsPage__arrow--KD {
    top: calc(var(--ring-unit)*-6);

    width: calc(var(--ring-unit)*7 + 1px);
    height: 45px;
  }

.FavoriteProjectsPage__tipRight--cT {
  top: calc(var(--ring-unit)*6);
  right: 0;

  max-width: 190px;

  text-align: right;
}

.FavoriteProjectsPage__tipRight--cT .FavoriteProjectsPage__arrow--KD {
    top: calc(var(--ring-unit)*-7 + var(--ring-unit)/2);
    left: calc(var(--ring-unit)*15);

    width: calc(var(--ring-unit)*7);
    height: calc(var(--ring-unit)*8);
  }

.FavoriteProjectsPage__title--sL {

  margin-top: calc(var(--ring-unit)*2);
}

.FavoriteProjectsPage__description--uY {
  margin-top: var(--ring-unit);
}

.FavoriteProjectsPage__tipLeft--Tn,
.FavoriteProjectsPage__link--gr {
  font-size: 14px;
}

.FavoriteProjectsPage__button--wS {
  margin-bottom: calc(var(--ring-unit)*2);

  font-size: 12px;
}

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

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

.FavoriteProjectsPage__link--gr {
  display: inline;

  margin-bottom: calc(var(--ring-unit)*1.5);
}

.FavoriteProjectsPage__linksContainer--sg {
  display: inline-flex;
  flex-direction: column;

  margin-top: var(--ring-unit);
}

.ProjectToolBar__buttonSet--WT {
  margin-right: auto;
  margin-left: calc(var(--ring-unit)*2);
}

.ProjectsTreeItem__button--lu {

  width: 100%;
}

.ProjectsTreeItem__projectsTreeItem--GG {
  position: relative;

  display: block;

  overflow: hidden;

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

  border-radius: 0;
  outline: none;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ProjectsTreeItem__projectsTreeItem--GG:hover {
    color: var(--ring-text-color);
    background-color: var(--ring-selected-background-color);
  }}

.ProjectsTreeItem__checkbox--DZ {
  display: flex;
  align-items: baseline;
}

.ProjectsTreeItem__checkboxCell--_C {
  top: 2px;

  flex-shrink: 0;
}

.ProjectsTreeItem__legacyCheckbox--hr {
  position: relative;
  top: 1px;

  flex-shrink: 0;

  outline: none;  /* the whole line is highlighted on focus */
}

.ProjectsTreeItem__checkboxLabel--Bc {
  min-width: 0;
}

.ProjectsTreeItem__content--LX {
  display: flex;

  align-items: baseline;

  height: calc(var(--ring-unit)*3);

  padding-right: var(--ring-unit);

  line-height: calc(var(--ring-unit)*2.5);
}

.ProjectsTreeItem__content--LX > * {
    flex-shrink: 0;
  }

.ProjectsTreeItem__name--uT {

  flex: 1 1 auto;
}

.ProjectsTreeItem__archived--DT .ProjectsTreeItem__name--uT {
  color: var(--ring-secondary-color);
}

.ProjectsTreeItem__active--y2 {
  background-color: var(--ring-selected-background-color);

  font-weight: bold;
}

.ProjectsTreeItem__action--LU {
  cursor: pointer;
}

.ProjectsTreeItem__selected--xV {
  background-color: var(--ring-selected-background-color);
}

.ProjectsTreeItem__projectsTreeItem--GG:focus,
.ProjectsTreeItem__projectsTreeItemParent--Du:focus .ProjectsTreeItem__selected--xV {
  box-shadow: inset 2px 0 var(--ring-main-color);
}

.ProjectsTreeItem__chevronButton--zy {
  position: absolute;
  z-index: 1;

  padding: 0 5px;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ProjectsTreeItem__chevronButton--zy:hover .ProjectsTreeItem__chevronIcon--RV {
      color: var(--ring-icon-hover-color);
    }}

.ProjectsTreeItem__chevronButton--zy .ProjectsTreeItem__chevronIcon--RV {
    transition: none;

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

.ProjectsTreeItem__chevronButton--zy.ProjectsTreeItem__hovered--OM .ProjectsTreeItem__chevronIcon--RV {
      color: var(--ring-icon-hover-color);
    }

.ProjectsTreeItem__fakeChevronButton--iP {
  flex: 0 0 24px;

  width: 24px;
  height: calc(var(--ring-unit)*2);
}

.ProjectsTreeItem__title--iA {
  display: flex;

  margin: calc(var(--ring-unit)*2 - 3px) 0 7px 0;

  padding: 0 6px;

  letter-spacing: 2px;

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

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

  line-height: calc(var(--ring-unit)*3);
}

.ProjectsTreeItem__row--bD:first-child .ProjectsTreeItem__title--iA {
  margin-top: 0;
}

.ProjectsTreeItem__server--Da {

  padding: calc(var(--ring-unit)*2) calc(var(--ring-unit) + 2px) 3px calc(var(--ring-unit)*2);
}

.ProjectsTreeItem__serverTitle--YC {
  color: var(--ring-secondary-color);

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

.ProjectsTreeItem__serverDetails--KS {
  font-size: var(--ring-font-size-smaller);

  line-height: calc(var(--ring-unit)*3);
}

.ProjectsTreeItem__dropdown--d9 {
  display: block;
}

.ProjectsTreeItem__popup--A8 {
  border: none;
  border-radius: 0;
  background-color: var(--ring-selected-background-color);
  box-shadow: none;
}

.ProjectsTreeItem__nonInteractivePopup--LF {
  pointer-events: none;
}

.ProjectsTreeItem__interactivePopup--tW {
  z-index: 0;
}

.ProjectsTreeItem__highlighting--di {
  color: var(--ring-link-hover-color);
}

.ProjectsTreeItem__counter--qZ {
  white-space: nowrap;
}

.ProjectsTreeItem__counterIcon--ab {
  margin-right: 2px;
  margin-left: 6px;

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

.ProjectsTreeItem__warningIcon--yU {
  margin-left: calc(var(--ring-unit)/2);

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

.ProjectsTreeItem__counterText--gk {
  color: var(--ring-secondary-color);

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

.ProjectsTreeItem__pendingCounter--kX {
  color: var(--ring-main-color);

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

.ProjectsTreeItem__newFailedTestsCounter--ib {
  color: var(--ring-error-color);

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

.ProjectsTreeItem__starIcon--Vv.ProjectsTreeItem__starIcon--Vv {
    transition: none;
  }

.ProjectsTreeItem__starIcon--Vv.ProjectsTreeItem__hovered--OM {
    color: var(--ring-icon-hover-color);
  }

.ProjectsTreeItem__starButtonPopupShowed--vS {
  pointer-events: none;
}

.ProjectsTreeItem__popup--A8 .ProjectsTreeItem__starButtonPopupShowed--vS {
  pointer-events: initial;
}

.ProjectsTreeItem__archiveLabel--wa {

  margin-right: 2px;
  margin-left: 6px;

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

.ProjectsTreeItem__linkIcon--Wy {
  margin-right: 4px;

  color: var(--tc-icon-main-color);

  line-height: normal;
}

.ProjectsTreeItem__updateButton--Jv {
  padding: 0;
}

.ProjectsTreeItem__iconAction--EQ {
  padding: 0 3px;
}

.ProjectsTreeItem__iconAction--EQ:disabled {
    visibility: hidden;
  }

.ProjectsTreeItem__reordered--xG {

  padding: 0 2px 0 calc(var(--ring-unit)/2);

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

.ProjectsTreeItem__projectsTreeItem--GG.ProjectsTreeItem__disabled--qE {
  color: var(--ring-disabled-color);
}

.ProjectsTreeItem__withOwnPending--Md {
  font-weight: bold;
}

.ProjectsPopup__container--Lw {
  width: calc(var(--ring-unit)*50);
  min-height: calc(var(--ring-unit)*20);
  max-height: calc(100vh - var(--ring-unit)*24);
}

.ProjectsPopup__tree--_e {
  height: 100%;
}

.ProjectsPopup__treeContent--B2 {
  flex: 1 0;

  height: auto;
}

.ProjectsPopup__search--wD {
  width: auto;
}

.ProjectsPopup__placeholder--RM {

  margin: calc(var(--ring-unit)*2) 0 0 calc(var(--ring-unit)*4);

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

.ArtifactChanges__changesListEmpty--T3 {
  padding: var(--ring-unit) 0;

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

.ChangesAdvancedView__heading--Ri.ChangesAdvancedView__heading--Ri {
  margin: 0;

  margin-bottom: var(--ring-unit);
  padding: 0;

  font: inherit;
  font-weight: bold;
}

.ChangesAdvancedView__filter--nV {
  display: flex;

  align-items: start;
  flex-direction: column;

  margin-bottom: calc(var(--ring-unit)*2);
}

.ChangesAdvancedView__changesTypeFilter--Pr {
  margin-bottom: calc(var(--ring-unit)*2);
}

.ChangesAdvancedView__changesTypeFilter--Pr,
.ChangesAdvancedView__changesFilter--YX {
  margin-right: calc(var(--ring-unit)*2);
}

.ChangesAdvancedView__changesTypeFilter--Pr:last-child, .ChangesAdvancedView__changesFilter--YX:last-child {
    margin-right: 0;
  }

.ChangesAdvancedView__showAllButton--by {
  margin-top: var(--ring-unit);
}

.ChangesAdvancedView__emptyList--Jr {
  color: var(--ring-secondary-color);

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

.ChangesAdvancedView__count--MY {
  margin-left: var(--ring-unit);

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

.ChangesRepository__row--po {
  display: contents;
}

.ChangesRepository__row--po::after {
  position: absolute;

  z-index: -1;
  top: calc(var(--absolute-child-top) - 1px);
  right: 0;
  bottom: 0;
  left: 0;

  content: '';

  border-bottom: 1px solid var(--ring-line-color);
  grid-column: start / end;
  grid-row: var(--row) / span 1;
}

.ChangesRepository__row--po:first-child::after {
  border-top: 1px solid var(--ring-line-color);
}

.ChangesRepository__vcsRootColumn--m9 {
  display: flex;
  grid-column-start: vcs-root-start;
  grid-row-start: var(--row);
}

.ChangesRepository__revisionsColumn--QB {
  grid-column-start: revisions-start;
  grid-row-start: var(--row);
}

.ChangesRepository__vcsRootColumn--m9,
.ChangesRepository__revisionsColumn--QB {
  overflow: hidden;

  padding-top: 4px;
  padding-bottom: 6px;
}

.ChangesRepository__revision--Kr {
  padding-top: 4px;
  padding-bottom: 6px;
}

.ChangesRepository__revision--Kr:first-child {
  padding-top: 0;
}

.ChangesRepository__revision--Kr:last-child {
  padding-bottom: 0;
}

.ChangesRepository__revisionMainContent--fp {
  display: flex;
  align-items: baseline;
}

.ChangesRepository__branchAndLabels--d3 {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;

  margin-top: calc(var(--ring-unit)/-2);
}

.ChangesRepository__vcsBranchName--cD {
  overflow: hidden;
}

.ChangesRepository__vcsLabel--zc {
  display: flex;
  align-items: baseline;
}

.ChangesRepository__vcsLabelIcon--i1 {
  margin-right: calc(var(--ring-unit)/2);
}

.ChangesRepository__vcsLabelsError--oa {
  margin-top: calc(var(--ring-unit)/2);

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

.ChangesRepository__vcsBranchName--cD,
.ChangesRepository__vcsLabel--zc {
  margin-top: calc(var(--ring-unit)/2);
  margin-right: calc(var(--ring-unit)*1.5);
}

.ChangesRepository__hash--ic {
  display: flex;
  overflow: hidden;

  flex: 0 0 auto;
  justify-content: flex-end;

  max-width: 200px;

  margin-left: auto;
  padding-left: var(--ring-unit);
}

.ChangesRepository__version--MP {

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.ChangesRepository__versionCopyButton--fo {
  opacity: 1;
}

.ChangesRepository__vcsNameAndVcsRootName--k8 {
  overflow: hidden;
  overflow-wrap: break-word;
}

.ChangesRepository__vcsName--aL,
.ChangesRepository__vcsRootName--TN,
.ChangesRepository__version--MP {
  line-height: var(--ring-line-height);
}

.ChangesRepository__vcsGroupIcon--I8 {
  margin-right: calc(var(--ring-unit)/2);
}

.ChangesRevisions__grid--Zg {
  --vcs-root-column: [start vcs-root-start] minmax(300px, max-content);
  --revisions-column: [revisions-start] auto;

  position: relative;
  grid-template-columns: [start vcs-root-start] minmax(300px, max-content) [revisions-start] auto [end];
  grid-template-columns: var(--vcs-root-column) var(--revisions-column) [end];
  grid-column-gap: calc(var(--ring-unit)*2);
}

.BuildLogInfo__info--WZ {
  padding: var(--ring-unit) 0;
}

.BuildLogInfo__infoIcon--gX {
  margin-right: var(--ring-unit);
  margin-left: 1px;
}

.BuildLogMessages__messages--MP {
  font-family: var(--ring-font-family-monospace);
  font-size: var(--ring-font-size-smaller);

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

.BuildLogMessages__messageItem--ri.BuildLogMessages__messageItem--ri {
  display: block;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BuildLogMessages__hoverDisabled--IP .BuildLogMessages__messageFocusWrapper--jP:hover {
    background-color: inherit;
  }}

.BuildLogMessages__grid--Or {
  outline: none;
  background-color: var(--ring-content-background-color);
}

.BuildLogMessages__time--jo {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;

  padding-left: calc(var(--ring-unit)*2);
}

.BuildLogMessages__message--zI {
  margin-left: calc(var(--ring-unit)*2 + 58px - var(--ring-unit)/2);
}

.BuildLogMessages__runningMessage--EM {
  margin-top: calc(var(--ring-unit)*2);
}

.BuildLogMessages__extraPadding--QZ .BuildLogMessages__time--jo {
    padding-left: calc(var(--ring-unit)*4);
  }

.BuildLogMessages__extraPadding--QZ .BuildLogMessages__message--zI {
    margin-left: calc(var(--ring-unit)*4 + 58px - var(--ring-unit)/2);
  }

.LogMessageSearchHighlighting__hightlighting--Zz {
  pointer-events: initial;

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

.LogMessageSearchHighlighting__bright--uU {
  background-color: var(--ring-link-hover-color);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.LogMessage__message--PU.LogMessage__verbose--hn:hover {
  color: var(--ring-secondary-color);
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.LogMessage__message--PU.LogMessage__warning--HK:hover {
  color: var(--ring-warning-color);
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.LogMessage__message--PU.LogMessage__error--tL:hover {
  color: var(--ring-error-color);
}}

.LogMessage__message--PU {
  position: relative;

  display: inline-block;

  overflow: hidden;

  padding-left: calc(var(--ring-unit)*2);

  cursor: text;

  -webkit-user-select: text;

     -moz-user-select: text;

          user-select: text;

  white-space: pre;
  word-break: break-all;
  line-break: anywhere;
}

.LogMessage__treeMessage--kR {
  padding-left: calc(var(--ring-unit)*3.5);
}

.LogMessage__text--ly {
  position: relative;

  display: inline-block;
}

.LogMessage__searchHighlighiting--eh {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  pointer-events: none;

  color: transparent;
}

.LogMessage__breakLines--U6 {
  white-space: pre-wrap;
}

.LogMessage__message--PU.LogMessage__error--tL {
  color: var(--ring-error-color);
}

.LogMessage__message--PU.LogMessage__warning--HK {
  color: var(--ring-warning-color);
}

.LogMessage__message--PU.LogMessage__verbose--hn {
  color: var(--ring-secondary-color);
}

.LogMessage__collapseButton--zm {
  position: absolute;
  top: -4px;
  left: calc(var(--ring-unit) - 4px);

  padding: 0 0 0 5px;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

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

.LogMessage__collapseButton--zm .LogMessage__collapseIcon--iN {
    transition: none;

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .LogMessage__collapseButton--zm:hover .LogMessage__collapseIcon--iN {
      color: var(--ring-icon-hover-color);
    }}

.LogMessage__loaderWrapper--sx {
  position: absolute;
  top: 1px;
  left: calc(var(--ring-unit) + 2px);
}

.LogMessage__loader--kV {
  display: inline-block;
}

.LogMessage__duration--Be {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;

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

.LogMessageFocusWrapper__wrapper--MQ {
  outline: none;
}@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.LogMessageFocusWrapper__wrapper--MQ:hover {
    color: inherit;
    background-color: var(--ring-hover-background-color);
  }}.LogMessageFocusWrapper__wrapper--MQ.LogMessageFocusWrapper__wrapper--MQ:focus {
    background-color: var(--ring-hover-background-color);
    box-shadow: inset 2px 0 var(--ring-main-color);
  }

.LogMessageLoading__logMessageLoading--uF {
  height: var(--ring-line-height-lower);

  padding-top: 1px;
  padding-left: calc(var(--ring-unit)*3.5);

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

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

.LogMessageLoading__runningText--Do {
  display: inline-block;

  margin-left: calc(var(--ring-unit)/2);

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

.LogMessageMenu__timestamp--TZ.LogMessageMenu__timestamp--TZ {
  padding: var(--ring-unit) calc(var(--ring-unit)*2) 0;

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lower);
}

.LogMessageMenu__separator--zk {
  min-height: 0;
  padding-bottom: 0;
}

.LogMessageMenu__popup--od {
  min-width: calc(var(--ring-unit)*29);
}

.LogMessageMenu__hotkey--lS {
  display: inline-block;

  margin-left: var(--ring-unit);

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

.LogMessageTime__time--Jr {
  color: var(--ring-icon-secondary-color);
}

.LogMessageTime__highlight--h5 {
  color: var(--ring-main-color);
}

.TimelineStage__stage--Hd {
  position: relative;

  min-width: var(--ring-unit);
}

.TimelineStage__stage--Hd,
.TimelineStage__popup--Ot {
  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.TimelineStage__separator--VM,
.TimelineStage__stageLine--vE {
  position: absolute;
  z-index: 1;
  left: 0;

  content: '';

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

.TimelineStage__separator--VM {
  bottom: 0;

  width: 2px;
  height: 6px;
}

.TimelineStage__separatorFinish--uF {
  right: 0;
  left: auto;
}

.TimelineStage__stageLine--vE {
  bottom: -1px;

  width: 100%;
  height: 3px;
}

.TimelineStage__successfulLine--sj {
  background-color: var(--tc-success-progress-color);
}

.TimelineStage__failedLine--my {
  background-color: var(--ring-error-color);
}

.TimelineStage__canceledLine--ug {
  background-color: var(--ring-warning-color);
}

.TimelineStage__shortLabel--LQ {

  display: inline-block;

  width: calc(100% - var(--ring-unit));
  min-width: var(--ring-unit);

  height: 24px;

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

  line-height: 16px;
}

.TimelineStage__fullLabel--CX {
  white-space: nowrap;

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

.TimelineStage__successfulLabel--NI.TimelineStage__successfulLabel--NI {
  color: var(--ring-success-color);
}

.TimelineStage__failedLabel--bQ.TimelineStage__failedLabel--bQ {
  color: var(--ring-error-color);
}

.TimelineStage__canceledLabel--Z_.TimelineStage__canceledLabel--Z_ {
  color: var(--ring-warning-color);
}

.TimelineStage__popup--Ot {
  padding: 0 2px;

  pointer-events: none;

  border: none;

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

  box-shadow: -5px 0 4px 0 var(--ring-content-background-color), 5px 0 4px 0 var(--ring-content-background-color), 0 0 0 1px var(--ring-content-background-color);
}

.TimelineStage__popupHidden--NT {
  display: none;
}

.TimelineStage__duration--R4 {
  color: var(--ring-secondary-color);
}

.TimelineStage__anchor--J4 {
  height: 100%;
}

.TimelineStage__action--Mf {
  display: block;

  height: 100%;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .TimelineStage__action--Mf:hover .TimelineStage__stageLine--vE {
      height: calc(var(--ring-unit) - 1px);
    }}

.TimelineStage__viewPoint--KQ {
  position: absolute;

  z-index: 2;
  bottom: 11px;

  display: block;

  width: 14px;
  height: 14px;
  margin-left: -6px;

  transform: rotate(45deg);

  border-radius: 100% 100% 0;
  background-color: var(--ring-main-color);
}

.TimelineStage__viewPoint--KQ::before {
    position: absolute;

    top: 4px;
    left: 4px;

    width: 6px;
    height: 6px;

    content: '';

    border-radius: 100%;

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

.TimelinePoint__wrapper--sx {
  position: absolute;
  z-index: 1;
  top: -2px;

  display: block;

  margin-left: calc(var(--ring-unit)/-4 - 7px);
}

.TimelinePoint__linkInner--DO.TimelinePoint__linkInner--DO.TimelinePoint__linkInner--DO {
  border: none;
}

.TimelinePoint__pointIcon--m9 {
  color: var(--ring-icon-error-color);
  background-color: var(--ring-content-background-color);

  box-shadow: -5px 0 4px 0 var(--ring-content-background-color), 5px 0 4px 0 var(--ring-content-background-color);
}

.TimelinePoint__pointButton--ak {
  height: calc(var(--ring-unit)*3 + 3px);
  padding: 0 calc(var(--ring-unit)/4) 3px;
}

.TimelinePoint__popup--LV {
  pointer-events: none;
}

.TimelinePoint__popupContent--a0 {
  padding: 0 var(--ring-unit);

  white-space: nowrap;
}

.TimelinePoint__failure--DE {
  color: var(--ring-error-color);
}

.TimelineStageButton__button--qb {
  display: block;

  width: 100%;

  padding: 0;

  text-align: left;

  border-radius: 0;
}

.BuildLogTimeline__timeline--fR {
  display: flex;

  height: calc(var(--ring-unit)*3);
}

.BuildLogTimeline__loading--gZ {
  position: relative;

  overflow: hidden;

  width: 100%;
  height: 100%;

  padding-left: var(--ring-unit);

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

@keyframes BuildLogTimeline__line-animation--jD {
  0% {
    transform: translateX(-90%);
  }

  100% {
    transform: translateX(-5%);
  }
}

.BuildLogTimeline__loadingLine--Ad {
  transform: translateX(-90%);
  animation: BuildLogTimeline__line-animation--jD 15s ease-out 1s forwards;
}

.DownloadBuildLog__icon--Vl {
  position: relative;
  top: 1px;

  margin-right: calc(var(--ring-unit)/2);

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

.DownloadBuildLog__anchor--JN {
  height: calc(var(--ring-unit)*2 + var(--ring-unit)/2);

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.DownloadBuildLog__anchor--JN:hover .DownloadBuildLog__icon--Vl {
    color: var(--ring-link-hover-color);
  }}

.BuildLogSearch__form--rZ {
  display: flex;
  align-items: center;
}

.BuildLogSearch__inputContainer--sp {
  margin-right: calc(var(--ring-unit)*2);
}

.BuildLogSearch__input--vm::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.BuildLogSearch__noResults--cS {
  margin-right: var(--ring-unit);
}

.BuildLogSearch__noResults--cS.BuildLogSearch__loading--bS {
    color: var(--ring-secondary-color);
  }

.BuildLogSearch__progress--hj {
  display: inline-block;

  width: calc(var(--ring-unit)*2);
  margin-left: var(--ring-unit);
}

.BuildLogSearch__reset--Br {
  margin-left: var(--ring-unit);
}

.BuildLogHeader__header--u3 {
  padding: var(--ring-unit) calc(var(--ring-unit)*2) 0 calc(var(--ring-unit)*2);

  border-bottom: 1px solid var(--ring-line-color);

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

.BuildLogHeader__header--u3.BuildLogHeader__extraPadding--i2 {
    padding-right: calc(var(--ring-unit)*4);
    padding-left: calc(var(--ring-unit)*4);
  }

.BuildLogHeader__controls--bz {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  padding-bottom: calc(var(--ring-unit)*2);
  -moz-column-gap: calc(var(--ring-unit)*2);
       column-gap: calc(var(--ring-unit)*2);
  row-gap: var(--ring-unit);
}

.BuildLogHeader__rightControls--ix {
  text-align: right;

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

.BuildLogHeader__settingsAction--i5 {
  margin-left: calc(var(--ring-unit)*1.5);
  padding: 0;

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

.BuildLogNavigation__navigation--Ef {
  position: absolute;

  z-index: 1;
  right: calc(var(--ring-unit)*2);
  bottom: calc(var(--ring-unit)*2);
}

.BuildLogNavigation__buttons--oR {
  display: flex;
  flex-direction: column;

  border-radius: var(--ring-border-radius);
  box-shadow: 0 2px 16px 0 var(--ring-popup-shadow-color);
}

.BuildLogNavigation__button--dz {
  width: 100%;
}

.BuildLogNavigation__button--dz.BuildLogNavigation__start--dA.BuildLogNavigation__start--dA {
    border-radius: var(--ring-border-radius) var(--ring-border-radius) 0 0;
  }

.BuildLogNavigation__button--dz.BuildLogNavigation__end--EG.BuildLogNavigation__end--EG {
    margin: -1px 0 0;

    border-radius: 0 0 var(--ring-border-radius) var(--ring-border-radius);
  }

.BuildLogNavigation__tooltip--N5 {
  padding: 1px var(--ring-unit) 2px;

  pointer-events: none;

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

.FullBuildLog__fullBuildLog--SL {
  position: relative;

  display: flex;
  flex-direction: column;

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

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

.FullBuildLog__messages--mX {
  flex-grow: 1;
}

.FullBuildLog__messagesWrapper--cu {
  display: flex;
  flex-grow: 1;
}

.FullBuildLog__info--cu {
  flex-grow: 1;

  padding-left: calc(var(--ring-unit)*2);
}

.FullBuildLog__info--cu.FullBuildLog__extraPadding--Cc {
    padding-left: calc(var(--ring-unit)*4);
  }

.BuildLogTab__page--oe {
  min-height: calc(var(--ring-unit)*50);
  margin: calc(var(--ring-unit)*-1) calc(var(--ring-unit)*-4) 0;
}

.BuildLogTab__log--IY {
  height: 100%;
}

.SelectedJob__popup--iN {
  overflow: auto;

  min-height: calc(var(--ring-unit)*48);
  padding: 0 calc(var(--ring-unit)*4) calc(var(--ring-unit)*4) calc(var(--ring-unit)*4);

  border: 1px solid var(--ring-line-color);
  border-radius: var(--ring-border-radius);
  background-color: var(--ring-sidebar-background-color);

  box-shadow: var(--ring-popup-shadow);
}

.ring-variables-light .SelectedJob__gamePopup--JL {
  background-color: #faf8ef;
}

.SelectedJob__tabs--Ao {
  display: flex;
  flex-direction: column;
}

.SelectedJob__tabs--Ao .ring-tabs-titles {
  align-self: center;
}

.SelectedJob__game--cN {
  height: 1221px;
}

.PipelineRunPage__chartWrapper--UR {
  display: flex;
  justify-content: center;
}

.ring-tags-input-tagsInput {
  --ring-input-icon-offset: 20px;
  --ring-input-padding-inline: 3px;

  box-sizing: border-box;

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

.ring-tags-input-tagsInput * {
    box-sizing: border-box;
  }

.ring-tags-input-tagsInputDisabled {
  pointer-events: none;

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

.ring-tags-input-tagsInputDisabled .ring-input-input {
    background-color: transparent;
  }

.ring-tags-input-tagsInputFocused {
  border-color: var(--ring-main-color);
}

.ring-tags-input-tagsList {
  --ring-input-padding-start: var(--ring-input-padding-inline);
  --ring-input-padding-end: var(--ring-input-padding-inline);

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  width: 100%;

  margin: 0;
  padding-top: var(--ring-input-padding-block);
  padding-right: var(--ring-input-padding-inline);
  padding-right: var(--ring-input-padding-end);
  padding-bottom: var(--ring-input-padding-block);
  padding-left: var(--ring-input-padding-inline);
  padding-left: var(--ring-input-padding-start);

  cursor: text;

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

  color: var(--ring-text-color);
  border: 1px solid var(--ring-borders-color);
  border-radius: var(--ring-border-radius);
  outline: none;
  background: transparent;

  font: inherit;

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

[dir="rtl"] .ring-tags-input-tagsList {
    padding-right: var(--ring-input-padding-start);
    padding-left: var(--ring-input-padding-end);
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-tags-input-tagsList:hover {
    transition: none;

    border-color: var(--ring-border-hover-color);
  }}

.ring-tags-input-tagsList:focus-within {
    transition: none;

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

.ring-tags-input-tagsSelect {
  flex-grow: 1;
  flex-shrink: 1;

  min-width: 160px;
}

.ring-tags-input-tagsSelect .ring-input-input {
    overflow: hidden;

    text-overflow: ellipsis;
  }

.ring-tags-input-tagsSelect .ring-input-outerContainer {
    --ring-input-padding-block: 0;
  }

.ring-tags-input-tagsSelect .ring-input-container {
    line-height: calc(var(--ring-line-height) - 2px);
  }

.Rules__loader--mr {
  margin-left: calc(var(--ring-unit)*3);
}

.RulesList__ruleButton--yu {
  display: block;
}

.RulesList__addNewRule--uI {
  margin-bottom: calc(var(--ring-unit)/2);
  margin-left: calc(var(--ring-unit)*3);
}

.RulesList__description--mW {
  max-width: calc(var(--ring-unit)*55);
}

.RulesList__dialog--o5 {
  width: calc(var(--ring-unit)*130);
}

.RulesList__summary--MK {
  margin: 0;

  cursor: pointer;

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.RulesList__summary--MK:hover {
    opacity: 0.8;
  }}

.RulesList__summary--MK:not(.RulesList__onlyInheritedRules--KH) .RulesList__own--v6 {
      text-decoration: underline;

      color: undefined;

      font-weight: bold;
    }

.RulesList__table--np {
  padding-bottom: var(--ring-unit);
}

.RulesList__inheritedToggle--em {
  margin-bottom: calc(var(--ring-unit)*4);
}

.StickyHeader__headerContainer--ve {
  position: sticky;
  z-index: var(--ring-fixed-z-index);
  top: 0;

  margin: calc(var(--ring-unit)*-1) calc(var(--ring-unit)*-4 + 1px) 0;
}

.StickyHeader__innerContainer--YZ {
  padding: var(--ring-unit) calc(var(--ring-unit)*4 - 1px) 0;

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

.StickyHeader__stuck--qs {
  box-shadow: 0 1px var(--ring-popup-border-color);
}

.StickyHeader__stuck--qs::before {
    position: absolute;
    z-index: -1;

    top: 0;
    right: calc(var(--ring-unit)*2);
    bottom: 0;
    left: calc(var(--ring-unit)*2);

    content: '';

    box-shadow: 0 2px calc(var(--ring-unit)*2) var(--ring-popup-shadow-color);
  }

.StickyHeader__projectName--HT {
  padding: 0;

  font-size: calc(var(--ring-unit)*2);
  font-weight: bold;
}

.StickyHeader__projectDescription--yY {

  margin-bottom: 0;
}

.StickyHeader__row--nh {

  height: calc(var(--ring-unit)*3 - 2px);

  margin-left: calc(var(--ring-unit)*32);
  padding-top: 0;
  padding-bottom: 0;

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.StickyHeader__row--nh:hover {
    cursor: default;

    background: none;
  }}

.StickyHeader__whatIcon--iq {
}

.StickyHeader__infoPopup--E9 {
  padding: var(--ring-unit) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);
}

.StickyHeader__modifiedIcon--b7 {
  fill: var(--ring-icon-color);

  padding-left: 2px;
}

.StickyHeader__invisible--Gx {
  visibility: hidden;
}

.TagsInputFooter__container--ye {
  padding-top: var(--ring-unit);
}

.TagsInputFooter__checkboxWrapper--UB {
  display: block;
}

.PinDialog__message--dL {
  margin-bottom: var(--ring-unit);
}

.BuildBatchActions__actions--Tb {
  display: inline-flex;
  align-items: baseline;
}

.BuildBatchActions__actions--Tb > :not(:last-child) {
    margin-right: calc(var(--ring-unit)*1.5);
  }

.BuildBatchActions__secondary--OU {
  padding: 0;
}

.BuildBatchActions__close--Ya {
  height: auto;

  line-height: inherit;
}

.BuildBatchActions__popupMenu--IR {
  z-index: var(--ring-alert-z-index);
}

.EditEntity__link--en {
  white-space: nowrap;
}

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

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

.EditEntity__jumpButton--Wv {
  padding: 0 var(--ring-unit);
}

.EditEntity__item--Bw {
}

.EditEntity__hoverItem--En {
}

.EditEntity__counter--YM {

  margin-left: var(--ring-unit);

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

.EditEntity__loader--BA {
  padding: var(--ring-unit) var(--ring-unit) calc(var(--ring-unit)*2);
}

.EditEntity__marker--pj {
  display: inline-block;

  width: 6px;
  height: 6px;
  margin-left: var(--ring-unit);

  vertical-align: 1px;

  border-radius: 50%;
  background-color: var(--ring-main-color);
}

.Legend__legend--eM {

  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: center;

  margin: calc(var(--ring-unit)*4) calc(var(--ring-unit)*-0.5) var(--ring-unit);
  padding: 0;

  list-style-type: none;
}

.Legend__legend--eM > li {
    padding: 0 calc(var(--ring-unit)*0.5);
  }

.Legend__marker--bK {
  --size: calc(var(--ring-unit)*1.5);

  display: inline-block;

  box-sizing: border-box;

  width: calc(var(--ring-unit)*1.5);

  width: var(--size);
  height: calc(var(--ring-unit)*1.5);
  height: var(--size);

  margin-right: calc(var(--ring-unit)*0.5);

  vertical-align: -1px;

  border-radius: 50%;
}

.Legend__queue--HT {

  box-shadow: inset 0 0 0 2px var(--tc-success-progress-color);
}

.Legend__success--_g {

  background-color: var(--tc-success-progress-color);
}

.Legend__failed--tl {

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

.Legend__canceled--Il {

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

.Legend__running--nw {

  background-color: var(--tc-success-background-color);
  background-image:
    linear-gradient(
      135deg,
      var(--ring-icon-success-color),
      var(--ring-icon-success-color) 3.75%,
      transparent 3.75%,
      transparent 46.25%,
      var(--ring-icon-success-color) 46.25%,
      var(--ring-icon-success-color) 53.75%,
      transparent 53.75%,
      transparent 96.25%,
      var(--ring-icon-success-color) 96.25%,
      var(--ring-icon-success-color)
    );
  background-size: var(--ring-unit) var(--ring-unit);
}

.Legend__overdue--J8 {

  background-color: var(--ring-sidebar-background-color);
  background-image:
    linear-gradient(
      135deg,
      var(--ring-line-color),
      var(--ring-line-color) 3.75%,
      transparent 3.75%,
      transparent 46.25%,
      var(--ring-line-color) 46.25%,
      var(--ring-line-color) 53.75%,
      transparent 53.75%,
      transparent 96.25%,
      var(--ring-line-color) 96.25%,
      var(--ring-line-color)
    );
  background-size: var(--ring-unit) var(--ring-unit);
}

.Legend__queued--UA {

  border: 1px dashed var(--ring-borders-color);
}

.Legend__toStart--JB {
  color: var(--ring-error-color);
}

.Legend__other--k7 {
  color: var(--ring-warning-color);
}

.Legend__reasons--MQ {
  margin-left: var(--ring-unit);
}

.BuildQueueInfo__wrapper--Zr {
  display: inline-block;

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

.BuildQueueInfo__title--pA {
  font-size: inherit;
}

.BuildQueueInfo__inlineTitle--lR {
  font-weight: bold;
}

.BuildQueueInfo__reasonDuration--Y5 {
  font-weight: bold;
}

.BuildQueueInfo__popup--ON {
  padding: var(--ring-unit) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);
}

.BuildQueueInfo__popup--ON .BuildQueueInfo__reason--Dx:not(:first-child) {
  margin-top: 5px;
}

.BuildQueueInfo__inlineReasons--Si {
  margin-bottom: calc(var(--ring-unit)/2);

  font-size: inherit;
}

.BuildQueueInfo__dropdown--cn {
  margin-bottom: -1px;
}

.BuildQueueInfo__anchor--g0 {
  height: auto;

  color: inherit;
}

.BuildQueueInfo__iconsOffset--ag {
  display: inline-block;

  width: calc(var(--ring-unit)*2);
}

.BuildQueueInfo__queuedIcon--FS {
  margin-left: -1px;

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

.BuildQueueInfo__ownQueueTimeIcon--Gm {
}

.CompatibleAgents__compatibleAgents--l9 {
}

.CompatibleAgents__anchor--ec {
  height: 20px;

  padding: 0 4px;

  line-height: 20px;
}

.CompatibleAgents__secondary--ts {
  color: var(--ring-secondary-color);
}

.BuildPartOf__wrapper--bb {
  display: flex;
  align-items: baseline;
}

.BuildPartOf__popupContent--xY {
  padding: calc(var(--ring-unit)*2);
  padding-top: calc(var(--ring-unit)*1.5);
}

.BuildPartOf__anchor--NR {
  color: var(--ring-text-color);
}

.BuildPartOf__buildPath--fL {

  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;

  margin-bottom: calc(var(--ring-unit)/2);
}

.BuildPartOf__buildPath--fL:last-child {
    margin-bottom: 0;
  }

.BuildPartOf__buildNumber--DX .BuildNumber__link--of {
  font-size: var(--ring-font-size);
}

.BuildPartOf__separator--qY {
  color: var(--ring-secondary-color);
}

.BuildPartOf__chainLink--_n {
  margin-left: calc(var(--ring-unit)*1.5);
}

.SnapshotDependenciesCounters__statuses--BA > * {
  margin-right: calc(var(--ring-unit)*1.5);

  white-space: nowrap;

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

.SnapshotDependenciesCounters__headingLink--_u,
.SnapshotDependenciesCounters__text--7t {
  color: var(--ring-text-color);
}

.SnapshotDependenciesCounters__icon--uM {
  margin-right: calc(var(--ring-unit)/2);
}

.SnapshotDependenciesCounters__icon--uM.SnapshotDependenciesCounters__failed--vP.SnapshotDependenciesCounters__failed--vP {
    color: var(--ring-icon-error-color);
  }

.SnapshotDependenciesCounters__icon--uM.SnapshotDependenciesCounters__running--M8 {
    color: var(--ring-icon-secondary-color);
  }

.SnapshotDependenciesCounters__successful--zV {
  color: var(--ring-success-color);
}

.SnapshotDependenciesCounters__successful--zV .SnapshotDependenciesCounters__icon--uM {
    color: var(--ring-icon-success-color);
  }

.SnapshotDependenciesCounters__failed--vP {
  color: var(--ring-error-color);
}

.SnapshotDependenciesCounters__failed--vP .SnapshotDependenciesCounters__icon--uM {
    color: var(--ring-icon-error-color);
  }

.SnapshotDependenciesCounters__overtimeIcon--aL {
  color: var(--ring-icon-secondary-color);
}

.BuildInfoTable__info--_0 {
  margin: calc(var(--ring-unit)*-0.5) calc(var(--ring-unit)*-3.5) var(--ring-unit);

  border-spacing: calc(var(--ring-unit)*3.5) calc(var(--ring-unit)*0.5);

  border-collapse: separate;
}

.BuildInfoTable__info--_0 th,
  .BuildInfoTable__info--_0 td {
    padding: 0;

    text-align: start;
    vertical-align: baseline;
  }

.BuildInfoTable__label--qT {
  margin: 0 calc(var(--ring-unit)/2) 0 calc(var(--ring-unit)*1.5);
}

.BuildInfoTable__queuedIcon--Bm {
  margin-right: 2px;

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

.BuildInfoTable__queueInfoTitle--kr.BuildInfoTable__queueInfoTitle--kr {
  font-size: var(--ring-font-size);
}

.BuildInfoTable__timeToStartAndWaitReason--dE {
  font-size: var(--ring-font-size);
  line-height: var(--ring-line-height);
}

.BuildInfoTable__timeToStart--mI {
  color: var(--ring-text-color);
}

/* In firefox 118, an element with display:inline-block
 * and ::first-letter { ..transform.. } acts like two
 * block elements. See the TW-83970  */
.BuildInfoTable__waitReason--F7 {
  text-transform: lowercase;
}

.BuildInfoTable__compatibleAgents--O1.BuildInfoTable__compatibleAgents--O1 {
  padding: 0;

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

.BuildPersonal__wrapper--i2 {
}

.BuildPersonal__icon--lT {
  margin-right: calc(var(--ring-unit)/2);

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

.BuildPersonal__icon--lT.BuildPersonal__myBuild--cs {
    color: var(--ring-main-color);
  }

.BuildPinInfo__wrapper--ML {

  display: flex;
  align-items: baseline;

  max-width: 900px;
}

.BuildPinInfo__header--VH {
  display: flex;
}

.BuildPinInfo__timestamp--tK {
  color: var(--ring-secondary-color);
}

.BuildPinInfo__userInfo--kx {
  margin-right: calc(var(--ring-unit)/2);
}

.BuildPinInfo__button--RK {
  padding-right: var(--ring-unit);
  padding-left: 0;

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

.BuildPinInfo__icon--Tc {
  flex: 0 0 auto;

  margin-right: calc(var(--ring-unit)/2);

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

.BuildOverviewProgress__wrapper--Ug {
  position: relative;

  height: calc(var(--ring-unit)*4);

  border: 1px solid var(--ring-line-color);

  background-color: var(--ring-sidebar-background-color);

  font-size: var(--ring-font-size-smaller);
  line-height: calc(var(--ring-unit)*3);
}

.BuildOverviewProgress__wrapperRounded--Vq {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.BuildOverviewProgress__lineMargin--xr {
  margin-top: 2px;
}

.BuildOverviewProgress__line--ML {
  position: absolute;
  top: -3px;
  left: -1px;

  width: calc(100% + 1px);
  height: 3px;

  background-color: var(--tc-success-progress-color);
}

.BuildOverviewProgress__lineFull--y4 {
  width: calc(100% + 2px);
}

.BuildOverviewProgress__progress--mA {
  position: absolute;
  top: 0;
  left: 0;

  height: 100%;

  background-color: var(--tc-success-background-color);
}

.BuildOverviewProgress__failedProgress--lG {
  background-color: var(--tc-error-background-color);
}

.BuildOverviewProgress__failedProgress--lG .BuildOverviewProgress__line--ML {
    background-color: var(--ring-error-color);
  }

.BuildOverviewProgress__left--Wh,
.BuildOverviewProgress__right--p2 {
  position: absolute;
  top: calc(var(--ring-unit)/2);
}

.BuildOverviewProgress__left--Wh {
  left: calc(var(--ring-unit)*2);
}

.BuildOverviewProgress__right--p2 {
  right: calc(var(--ring-unit)*2);
}

.BuildOverviewProgress__stop--sE {
  margin-right: calc(0px - var(--ring-unit));
  margin-left: calc(var(--ring-unit)/2);
}

.BuildOverviewProgress__overtimeIcon--dR {
  margin-right: calc(var(--ring-unit)/2);

  color: inherit;
}

.BuildLogRunningMessages__wrapper--vu {
  position: relative;
  top: -1px;

  display: block;

  overflow: hidden;

  color: inherit;
  border-width: 1px;
  border-style: solid;
  border-color: var(--ring-line-color);
  border-radius: 0 0 3px 3px;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BuildLogRunningMessages__wrapper--vu:hover {
    color: inherit;
    border-color: var(--ring-border-hover-color);
  }}

.BuildLogRunningMessages__messages--OU {
  position: absolute;
  bottom: calc(var(--ring-unit)/2);

  width: 100%;
}

.BuildLogRunningMessages__message--rK {
  cursor: pointer;
}

.BuildLogRunningMessages__info--N4 {
  position: absolute;
  bottom: calc(var(--ring-unit)/2);

  padding-left: calc(var(--ring-unit)*2);

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

.RunningStep__wrapper--Ao {
  font-size: var(--ring-font-size);
}

.RunningStep__icon--kx {
  margin-right: calc(var(--ring-unit)/2);
}

.ViewThreadDumpButton__link--dT {
  color: var(--ring-secondary-color);
}

.BuildLogOverview__links--Yl {
  display: flex;

  padding-top: var(--ring-unit);

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

.BuildLogOverview__logLink--jy {
  color: var(--ring-secondary-color);
}

.BuildLogOverview__logIcon--IN {
  margin-right: calc(var(--ring-unit)/2);

  vertical-align: -1px;

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BuildLogOverview__logLink--jy:hover .BuildLogOverview__logIcon--IN {
  color: inherit;
}}

.BuildLogOverview__leftText--nI {
  display: inline-block;

  padding-top: 1px;
}

.BuildLogOverview__rightLinks--Vr {
  flex: 0 0 auto;

  margin-left: auto;
}

.BuildLogOverview__rightLinks--Vr > * {
    margin-left: calc(var(--ring-unit)*1.5);
  }

.ChangesDetailsPopupHeader__header--NG {
  display: flex;
  align-items: baseline;
}

.ChangesDetailsPopupHeader__subheader--Nu {
  display: flex;
  flex-direction: row;

  margin-top: var(--ring-unit);
}

.ChangesDetailsPopupHeader__title--iO {
  display: flex;
  align-items: baseline;
}

.ChangesDetailsPopupHeader__title--iO.ChangesDetailsPopupHeader__title--iO {
  margin: 0;
  margin-right: auto;
  padding: 0;

  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
}

.ChangesDetailsPopupHeader__datetime--hY {
  margin-left: calc(var(--ring-unit)/2);

  white-space: nowrap;

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

.ChangesDetailsPopupHeader__personalIcon--L4 {
  margin-right: calc(var(--ring-unit)/2);

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

.ChangesDetailsPopupHeader__comment--pS {
  overflow-wrap: break-word;

  overflow: hidden;
}

.ChangeDetailsPopup__dialog--_9 {
  width: calc(70vw - var(--ring-unit)*6*2); /* TODO: change to unit * 4 * 2 after fixing close button position */
  height: calc(70vh - var(--ring-unit)*2*2);
}

.ChangeDetailsPopup__overlay--II {
  padding: 0;
}

.ChangeDetailsPopup__wrapper--Av {
  display: flex;

  overflow: hidden;
  overflow-y: auto;
  flex-direction: column;

  height: 100%;
  padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4) calc(var(--ring-unit)*4);
}

.ChangeDetailsPopup__header--j_ {
  padding-bottom: calc(var(--ring-unit)*4);
}

.ChangeDetailsPopup__content--fv {
  flex: 1 0 auto;
}

.ChangeDetailsPopup__footer--wv {
  flex-shrink: 0;

  margin: var(--ring-unit) calc(var(--ring-unit)*-4) 0;
  padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4) 0;

  box-shadow: 0 -1px var(--ring-line-color);
}

.ChangeDetailsPopup__noFiles--iO {
  display: flex;
  align-items: center;
  justify-content: center;

  height: 100%;

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

.ChangesList__overlay--PO {
  cursor: wait;

  opacity: 0.3;
}

.ChangesList__overlay--PO > * {
    pointer-events: none;
  }

.ChangesList__grid--s4 {
  --comment-column: [start comment-start] auto;
  --author-date-column: [author-date-start] minmax(auto, max-content);
  --revision-column: [revision-start] max-content;
  --files-column: [files-start] max-content;
  --actions-column: [actions-start] max-content;

  position: relative;

  align-items: start;
  grid-column-gap: calc(var(--ring-unit)*2);
  grid-template-columns: [start comment-start] auto [author-date-start] minmax(auto, max-content) [revision-start] max-content [files-start] max-content [end];
  grid-template-columns: var(--comment-column) var(--author-date-column) var(--revision-column) var(--files-column) [end];
}

.ChangesList__grid--s4.ChangesList__showActions--RY {
    grid-template-columns: var(--comment-column) var(--author-date-column) var(--revision-column) var(--files-column) var(--actions-column) [end];
  }

@media (max-width: 1200px) {
  .ChangesList__grid--s4 {
    grid-template-columns: var(--comment-column) var(--author-date-column) var(--files-column) [end];
  }

    .ChangesList__grid--s4.ChangesList__showActions--RY {
      grid-template-columns: var(--comment-column) var(--author-date-column) var(--files-column) var(--actions-column) [end];
    }
}

.ChangesList__preview--k8 .ChangesList__grid--s4 {
    grid-template-columns: var(--comment-column) var(--author-date-column) var(--files-column) [end];
  }

.ChangesList__preview--k8 .ChangesList__grid--s4.ChangesList__showActions--RY {
      grid-template-columns: var(--comment-column) var(--author-date-column) var(--files-column) var(--actions-column) [end];
    }

.ChangesList__overall--aV .ChangesList__grid--s4 {
    --chart-column: [start chart-start] minmax(auto, max-content);
    --comment-column: [comment-start] auto;

    grid-template-columns: [start chart-start] minmax(auto, max-content) [comment-start] auto var(--author-date-column) var(--revision-column) var(--files-column) [end];

    grid-template-columns: var(--chart-column) var(--comment-column) var(--author-date-column) var(--revision-column) var(--files-column) [end];
  }

.ChangesList__overall--aV .ChangesList__grid--s4.ChangesList__showActions--RY {
      grid-template-columns: var(--chart-column) var(--comment-column) var(--author-date-column) var(--revision-column) var(--files-column) var(--actions-column) [end];
    }

.ChangesList__empty--MX,
.ChangesList__loading--vS {
  padding: var(--ring-unit) 0;

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

.ChangesList__changesWrapper--uf {
  display: flex;
  flex-direction: row;
}

.ChangesList__changes--RB {
  flex: 1 1;

  height: 100%;
}

.ring-message-container {
  display: inline;
}

.ring-message-message {
  overflow: visible;

  max-width: 320px;

  padding: 12px 12px 16px 40px;

  text-align: left;

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

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

.ring-message-icon {
  position: absolute;
  top: 10px;
  left: 12px;
}

.ring-message-title {

  margin: 0;

  font-weight: normal;
}

.ring-message-description {
  margin: 4px 0 0;

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.ring-message-button {
  margin-top: 12px;
}

.ring-message-tail {
  position: absolute;

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

  transform-origin: 0 0;

  border: 1px solid;
  border-color: transparent transparent var(--ring-popup-border-color) var(--ring-popup-border-color);

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

.HintPopup__popup--Uz {
  min-width: calc(var(--ring-unit)*35);
  padding-left: calc(var(--ring-unit)*2);

  color: var(--ring-text-color);
  border: solid calc(var(--ring-unit)/8) var(--ring-line-color);
  background: var(--ring-popup-background-color);

  filter: drop-shadow(0 0 8px var(--ring-popup-shadow-color));

  box-shadow: none;
}

.HintPopup__popup--Uz::before {
    box-shadow: none;
  }

.HintPopup__popup--Uz .ringMessageTitle {
    font-weight: bold;
  }

.HintPopup__content--ib {
  display: flex;
  flex-direction: column;

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

.HintPopup__withImage--_J {
  padding: 0;
}

.HintPopup__withImage--_J .HintPopup__content--ib {
    padding: calc(var(--ring-unit)*2);
    padding-top: 0;

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

.HintPopup__withImage--_J .HintPopup__title--eC {
    margin: var(--ring-unit) 0;

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

    font-size: var(--ring-font-size-larger);
    line-height: var(--ring-line-height-lower);
  }

.HintPopup__withImage--_J .HintPopup__image--d7 {
    width: 100%;
    max-height: calc(var(--ring-unit)*22.5);

    transform: translateY(calc(var(--ring-unit)*-1/2));

    -o-object-fit: cover;

       object-fit: cover;
  }

.HintPopup__helpLink--F2 {
  align-self: flex-start;

  padding-top: var(--ring-unit);
  padding-bottom: calc(var(--ring-unit)/2);

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

.HintPopup__bot--eQ {
  display: flex;
  align-items: center;

  margin-top: calc(var(--ring-unit)*1.5);
}

.HintPopup__bot--eQ .HintPopup__btnPrev--a5 {
    margin-right: var(--ring-unit);
  }

.HintPopup__bot--eQ .HintPopup__progress--Qr {
    margin-left: auto;
  }

.HintPopup__btnClose--NJ {
  position: absolute;
  top: calc(var(--ring-unit)*1.25);
  right: calc(var(--ring-unit)*1.25);
}

.HintPopup__btnClose--NJ .HintPopup__closeIcon--Fl {
    color: var(--ring-secondary-color);
  }

.HintPopup__description--pJ {
  font-size: var(--ring-font-size);
  line-height: var(--ring-line-height);
}

.HintsLink__tip--bn {
  z-index: 1;

  display: flex;

  margin-right: var(--ring-unit);
  margin-bottom: var(--ring-unit);
}

.HintsLink__tipName--hY {
  position: relative;

  padding: 5px 16px;

  cursor: pointer;

  color: var(--ring-content-background-color);
  border: none;
  border-radius: 3px;
  background: transparent;

  line-height: 1.1;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.HintsLink__tipName--hY:hover {
    background-color: #008eff;
  }}

.HintsLink__tipName--hY.HintsLink__withLink--eU {
    padding: 5px 12px 5px 16px;
  }

.HintsLink__readMore--Gl {
  display: inline-block;

  padding: 0 8px;

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.HintsLink__readMore--Gl:hover {
    color: var(--ring-content-background-color);
    background-color: #008eff;
  }}

.HintsLink__readMoreIcon--NT {
  margin-top: 1px;

  transform: scale(0.8);
}

.HintsPager__pagination--pJ {
  flex-direction: column;

  margin-top: auto;
  padding-top: calc(var(--ring-unit)*4);
}

.HintsPager__pages--h9 {

  display: block;

  margin-bottom: calc(var(--ring-unit)/2);

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

.HintsPager__controlButton--GD {
  z-index: 1;

  margin-right: var(--ring-unit);

  color: var(--ring-text-color);
  background: var(--ring-content-background-color);
  box-shadow: var(--ring-content-background-color);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.HintsList__categorySelected--_Y.HintsList__categorySelected--_Y:hover {
  box-shadow: inset 0 -3px 0 0 white;
}}

.HintsList__tipsContainer--H8 {
  display: flex;
  flex-wrap: wrap;
}

.HintsList__panel--VJ {
  display: flex;
  flex-direction: column;

  width: calc(var(--ring-unit)*36);
  min-height: calc(var(--ring-unit)*20);
  margin: var(--ring-unit) 0 calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);
}

.HintsList__popup--YI {
  z-index: 10;
}

.HintsList__category--cB.HintsList__category--cB:not(.HintsList__categoryCollapsed--jT) {
  color: var(--ring-content-background-color);
}

.HintsList__categoryCollapsed--jT.HintsList__categoryCollapsed--jT {
  color: currentColor;
}

.HintsList__category--cB:not(.HintsList__categoryCollapsed--jT, .HintsList__categorySelected--_Y) {
  color: var(--ring-content-background-color);

  /* stylelint-disable-next-line selector-max-specificity  */
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.HintsList__category--cB:not(.HintsList__categoryCollapsed--jT, .HintsList__categorySelected--_Y):hover {
    color: #bedaf4;
    box-shadow: none;
  }}

.HintsList__categorySelected--_Y:not(.HintsList__categoryCollapsed--jT),
.HintsList__categorySelected--_Y.HintsList__categorySelected--_Y:active {
  box-shadow: inset 0 -3px 0 0 white;
}

.HintsBoard__containerClassName--fK {
  padding: 0;

  background-color: #0077d6;
}

.HintsBoard__background--VA {
  position: absolute;

  right: 0;
  bottom: 0;

  height: 140px;
}

.HintsBoard__captionClassName--pf {
  margin: 0;
}

.HintsBoard__descriptionClassName--zf {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.HintsBoard__closeButtonClassName--in .HintsBoard__icon--oe {
    color: var(--ring-content-background-color);
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.HintsBoard__closeButtonClassName--in:hover .HintsBoard__icon--oe {
    opacity: 0.7;
    color: var(--ring-content-background-color);
  }}

.RunBuild__buttonGroup--Fh.RunBuild__invisible--p5 {
  display: flex;
  visibility: hidden;
  overflow: hidden;

  width: 0;
  margin: 0;
}

.RunBuild__disabledReasonPopup--iS {
  padding: calc(var(--ring-unit)*1.5) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);
}

.RunBuild__disabledIcon--Wc.RunBuild__disabledIcon--Wc {
  color: var(--ring-icon-disabled-color);
}

.RunBuild__popup--l3 {
  padding: var(--ring-unit) calc(var(--ring-unit)*2);

  white-space: nowrap;

  border: 1px solid rgba(var(--ring-borders-components), .5);

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

.RunBuild__popupTail--Pp {
  border-bottom-color: rgba(var(--ring-borders-components), .5);
  border-left-color: rgba(var(--ring-borders-components), .5);
  background-color: var(--ring-content-background-color);
}

.RunBuild__popup--l3 .ring-message-description {
  margin: 0;
}

.DependenciesChain__reusedNote--Mw {
  margin-right: calc(var(--ring-unit)*2);

  white-space: nowrap;
}

.DependenciesChain__container--oV {
  display: inline-block;

  min-width: 100%;
}

.DependenciesChain__panelContainer--Yh {
  position: sticky;
  z-index: 2;
  top: 0;
  left: calc(var(--ring-unit)*-2);

  width: 0;

  margin: calc(var(--ring-unit)*0.5) calc(var(--ring-unit)*-2) 0;
}

.DependenciesChain__panel--p6 {
  display: inline-block;

  padding: var(--ring-unit) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);

  border-bottom-right-radius: var(--ring-border-radius);

  background-color: rgba(var(--ring-content-background-components), 0.9);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}

.DependenciesChain__projectWrapper--dh {
  margin-left: calc(var(--ring-unit)*-1);
  padding-left: var(--ring-unit);

  box-shadow: -1px 0 var(--ring-borders-color);
}

.DependenciesChain__selectedProjectWrapper--fr {
  box-shadow: -2px 0 var(--ring-main-color);
}

.DependenciesChain__settings--et {
  display: flex;

  align-items: baseline;

  margin: 0 calc(var(--ring-unit)*-1);

  white-space: nowrap;
}

.DependenciesChain__settings--et > * {
    margin: 0 var(--ring-unit);
  }

.DependenciesChain__fullScreenButton--Tx {
  height: auto;
  margin: 0 calc(var(--ring-unit)*-1) 0 auto;

  line-height: inherit;
}

.DependenciesChain__innerContainer--i4 {
  position: relative;

  margin-left: calc(var(--ring-unit)*-2);
}

.DependenciesChain__chartContainer--An {
  display: inline-block;
}

.DependenciesChain__item--LM {

  position: absolute;

  width: var(--tc-chain-item-width);
}

.DependenciesChain__child--w3 {
  position: static;

  margin-bottom: 5px;
}

.DependenciesChain__child--w3.DependenciesChain__withDetails--l1 {
  margin: var(--ring-unit) 0 calc(var(--ring-unit)*2);
}

.DependenciesChain__link--t0 {
  display: block;

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

.DependenciesChain__textWrapper--M8 {
  display: inline-block;

  max-width: 100%;

  border-radius: var(--ring-border-radius);

  background-color: rgba(var(--ring-content-background-components), 0.7);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}

span.DependenciesChain__textWrapper--M8 {
  display: inline;
}

.DependenciesChain__buildTypeDropdown--zp {

  margin-top: 2px;
}

.DependenciesChain__buildTypeAnchor--wV {
  max-width: 100%;

  height: auto;

  text-align: start;

  white-space: nowrap;

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

.DependenciesChain__failed--fc {
  color: var(--ring-error-color);
}

.DependenciesChain__canceled--dJ {
  color: var(--ring-secondary-color);
}

.DependenciesChain__queued--E8 {
  color: var(--ring-secondary-color);
}

.DependenciesChain__project--wc {

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

.DependenciesChain__projectTitle--j0 {
  margin: -6px 0 0 -2px;

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

  font-weight: bold;
}

.DependenciesChain__icon--_p {
  position: relative;

  margin-right: calc(var(--ring-unit)/2);
}

.DependenciesChain__icon--_p::before {
    position: absolute;

    top: 1px;
    right: 0;
    bottom: 1px;
    left: 0;

    content: '';

    border-radius: 11px;

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

.DependenciesChain__icon--_p > svg {
    position: relative;
    z-index: var(--ring-fixed-z-index);
  }

.DependenciesChain__runIconButtonWrapper--YS {

  display: inline-block;
}

.DependenciesChain__runIconButton--wR {
  position: relative;

  height: auto;

  padding: 0;

  line-height: normal;
}

.DependenciesChain__stack--uf {

  margin-left: -13px;

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

.DependenciesChain__highlightedSelectedIcon--Cn::before {
  top: -3px;
  right: -4px;
  bottom: -3px;
  left: -4px;

  box-shadow: 0 0 0 2px var(--ring-main-color) inset;
}

.DependenciesChain__highlightedSelectedIcon--Cn.DependenciesChain__withStack--ua::before {
  right: -9px;
}

.DependenciesChain__highlightedStack--B_ {
  color: var(--ring-main-color);
}

.DependenciesChain__edge--Ht {
  stroke: var(--ring-borders-color);
  stroke-width: 0.75px;
}

.DependenciesChain__highlightedEdge--L0 {
  stroke: var(--ring-main-color);
  stroke-width: 2px;
}

.DependenciesChain__hidden--Du {
  opacity: 0;
}

.DependenciesChain__builds--n6 {
  margin-top: calc(var(--ring-unit)*4);
}

.DependenciesChain__loader--yJ {
  padding-top: calc(var(--ring-unit)*12);
}

.DependenciesChain__popup--F2 {
  width: calc(var(--ring-unit)*40);
}

.DependenciesChain__path--ze {

  white-space: normal;

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

.DependenciesChain__popup--F2 .DependenciesChain__path--ze {
  margin: 0;
  padding: calc(var(--ring-unit) - 2px) calc(var(--ring-unit)*2 - 2px);

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

.DependenciesChain__runPopup--af {
  width: calc(var(--ring-unit)*30);
}

.DependenciesChain__build--vL {
  box-sizing: border-box;
  height: calc(var(--ring-unit)*8);
  padding: var(--ring-unit) calc(var(--ring-unit)*2);

  border-top: 1px solid var(--ring-line-color);
}

.DependenciesChain__buildTopRow--oD {
  display: flex;
  align-items: baseline;

  margin: 0 calc(var(--ring-unit)*-0.5);
}

.DependenciesChain__buildTopRow--oD > * {
    margin: 0 calc(var(--ring-unit)/2);
  }

.DependenciesChain__buildBranch--Oo {
  min-width: 0;
}

.DependenciesChain__runBuild--r3 {
  margin-left: auto;
}

.DependenciesChain__unrelated--Kd {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  margin-bottom: 3px;

  border: 1.5px dashed var(--ring-borders-color);
  border-radius: 50%;
  background-color: var(--ring-content-background-color);
}

.DependenciesChain__buildTypeLabel--pY {
  position: relative;
}

.DependenciesChain__selfBuildTypeLabel--QG {
  font-weight: bold;
}

.DependenciesChain__buildTypeAnchor--wV .DependenciesChain__buildTypeEllipsis--dZ {
  max-width: calc(var(--tc-chain-item-width) - 10px);
}

.DependenciesChain__buildTypeEllipsisComposite--u9 {
  max-width: calc(var(--tc-chain-item-width) - 16px);
}

.DependenciesChain__buildTypeAnchor--wV .DependenciesChain__buildTypeEllipsisComposite--u9 {
  max-width: calc(var(--tc-chain-item-width) - 26px);
}

.DependenciesChain__buildTypeAnchor--wV .DependenciesChain__buildTypeEllipsisChild--wt {
  max-width: calc(var(--tc-chain-item-width) - 28px);
}

.DependenciesChain__buildTypeAnchor--wV .DependenciesChain__buildTypeEllipsisComposite--u9.DependenciesChain__buildTypeEllipsisChild--wt {
  max-width: calc(var(--tc-chain-item-width) - 44px);
}

.DependenciesChain__ungroupButton--aF {
  height: auto;
  margin-left: calc(var(--ring-unit)*-2);

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

.DependenciesChain__groupUngroupButton--LO {
  width: 100%;
  height: auto;

  border-bottom: 1px solid var(--ring-line-color);

  line-height: 32px;
}

.DependenciesChain__status--p5 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  display: -webkit-box;
  overflow: hidden;
}

.DependenciesChain__progress--p9 {
  margin-bottom: calc(var(--ring-unit)/2);
}

.DependenciesChain__branch--VW {
  min-width: 0;
  margin-top: calc(var(--ring-unit)/2);
}

.DependenciesChain__artifacts--Ak {
  margin-left: calc(var(--ring-unit)*-1);
}

.DependenciesChain__comment--ia {
  margin-right: var(--ring-unit);
}

.DependenciesChain__artifactsBranch--L3 {
  display: flex;
  align-items: baseline;
}

.DependenciesChain__highlightReused--AT .DependenciesChain__reused--NC::before {
  top: -4px;
  right: -5px;
  bottom: -4px;
  left: -5px;

  background-color: rgba(237, 162, 0, 0.3);
}

.DependenciesChain__projectIcon--k_ {
  position: relative;
  z-index: var(--ring-fixed-z-index);
  top: -2px;
}

.DependenciesChain__projectIcon--k_ > svg {
  position: relative;
}

.DependenciesChain__projectIcon--k_::before {
  position: absolute;
  top: -2px;
  left: -3px;

  width: calc(var(--ring-unit)*3);
  height: calc(var(--ring-unit)*3);

  content: '';

  border-radius: var(--ring-border-radius);

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

.DependenciesChain__selectedProjectIcon--AE::before {
  box-shadow: inset 0 0 0 2px var(--ring-main-color);
}

.DependenciesChain__ungrouped--Eh {
  margin-top: calc(var(--ring-unit)/2);
}

.DependenciesChain__ungroupedLabel--LP {
  margin-right: calc(var(--ring-unit)/2);

  font-weight: bold;
}

.DependenciesChain__ungroupedItem--zV {
  display: inline-flex;
  align-items: baseline;
}

.DependenciesChain__ungroupedPath--fc {
  white-space: nowrap;
}

.DependenciesChain__groupButton--5m {
  padding: 0 var(--ring-unit);
}

.DependenciesChain__ungroupProjectButton--Zu {
  height: auto;
  margin-right: calc(var(--ring-unit)*-1);
  padding: 0 var(--ring-unit);

  line-height: inherit;
}

.DependenciesChain__projectNameWrapper--ok {
  display: flex;
  align-items: baseline;
}

.Legend__legend--O_ {

  white-space: nowrap;
}

.Legend__legend--O_.Legend__legend--O_ {
  flex-wrap: nowrap;
  justify-content: flex-start;

  margin-top: var(--ring-unit);
  margin-bottom: 0;
}

.Legend__marker--z8 {
}

.Legend__marker--z8.Legend__marker--z8 {
  --size: 14px;

  vertical-align: -2px;
}

.Legend__run--P4 {
  margin-right: calc(var(--ring-unit)*0.5);

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

.Legend__unrelated--e3 {

  border: 1.5px dashed var(--ring-borders-color);
}

.Legend__circle--sc {

  box-shadow: 0 0 0 1.5px var(--ring-borders-color) inset;
}

.Legend__stack--lI {
}

.Legend__stack--lI::before {
    display: none;
  }

.Legend__selected--AN {
  --offset: calc(var(--ring-unit)*0.5);

  position: relative;
}

.Legend__selected--AN::before {
    position: absolute;
    top: calc(var(--offset)*-1);
    right: calc(var(--offset)*-1);
    bottom: calc(var(--offset)*-1);
    left: calc(var(--offset)*-1);

    content: '';

    border: 2px solid var(--ring-main-color);

    border-radius: 50%;
  }

.Legend__reused--e9 {
  --offset: 5px;

  position: relative;
}

.Legend__reused--e9::before {
    position: absolute;
    top: calc(var(--offset)*-1);
    right: calc(var(--offset)*-1);
    bottom: calc(var(--offset)*-1);
    left: calc(var(--offset)*-1);

    content: '';

    border-radius: 50%;

    background-color: rgba(237, 162, 0, 0.3);
  }

.Legend__marker--z8.Legend__selected--AN,
.Legend__marker--z8.Legend__reused--e9 {
  margin: 0 calc(var(--ring-unit)*0.5 + var(--offset)) 0 var(--offset);
}

.BuildTypeChainContent__container--HP {
  margin-bottom: 2px;

  border-bottom: 1px solid var(--ring-line-color);
}

.BuildTypeChainContent__innerContainer--nT {
  margin-bottom: calc(var(--ring-unit)*-5);
}

.BuildTypeChainContent__container--HP .DependenciesChain__loader--yJ {
  padding-top: 0;
  padding-bottom: calc(var(--ring-unit)*7);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BuildTypeChainBlock__summary--Jh:hover {
  background-color: var(--ring-hover-background-color);
}}

.BuildTypeChainBlock__heading--SE {
  margin: 0;
}

.BuildTypeChainBlock__summary--Jh {
  width: calc(100% + var(--ring-unit)*8);
  margin: 0 calc(var(--ring-unit)*-4);
  padding: 6px calc(var(--ring-unit)*4);
}

.BuildTypeChainBlock__summary--Jh:focus {
  background-color: var(--ring-hover-background-color);
}

.BuildTypeChainBlock__summary--Jh:focus {
  outline: none;
  box-shadow: 2px 0 0 0 var(--ring-main-color) inset;
}

.BuildTypeChainBlock__block--LR {
  display: flex;
  align-items: baseline;

  height: calc(var(--ring-unit)*2.5);

  font-weight: normal;
}

.BuildTypeChainBlock__chevron--VV {
  margin: 0 4px 0 -18px;

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

.BuildTypeChainBlock__chart--pW {
  display: flex;
  align-self: flex-start;
  flex-shrink: 0;

  width: calc(var(--ring-unit)*6 + 5px);
  height: calc(var(--ring-unit)*2.5);
  margin-right: var(--ring-unit);
}

.BuildTypeChainBlock__barContainer--TG {
  display: flex;
  align-items: flex-end;

  width: var(--ring-unit);
}

.BuildTypeChainBlock__barContainer--TG:not(:first-child) {
  margin-left: 1px;
}

.BuildTypeChainBlock__bar--vb {
  flex-grow: 1;
}

.BuildTypeChainBlock__barFailure--fX {
  background-color: var(--ring-icon-error-color);
}

.BuildTypeChainBlock__barFailureRunning--aH {
  background-color: var(--tc-error-background-color);
}

.BuildTypeChainBlock__barSuccess--_G {
  background-color: var(--tc-success-progress-color);
}

.BuildTypeChainBlock__barSuccessRunning--v2 {
  background-color: var(--tc-success-background-color);
}

.BuildTypeChainBlock__barCanceled--NY {
  background-color: var(--ring-icon-secondary-color);
}

.BuildTypeChainBlock__barQueued--Qg {
  background-color: var(--ring-line-color);
}

.BuildTypeChainBlock__barPending--mw {
  background-color: var(--ring-icon-color);
}

.BuildTypeChainBlock__branch--Mm,
.BuildTypeChainBlock__number--Tp {
  margin-right: var(--ring-unit);
}

.BuildTypeChainBlock__started--kj {
  margin-left: auto;
  padding-left: var(--ring-unit);

  white-space: nowrap;

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.BuildTypeChainsTab__note--LF {
  color: var(--ring-secondary-color);

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.BuildTypeChainsTab__blocks--qw {
  margin-top: 26px;
}

.BuildTypeChainsTab__loadMore--qW {
  display: block;

  width: calc(var(--ring-unit)*30);
  margin: var(--ring-unit) auto 0;
}

.BuildTypeChangeLogTab__filter--Kr {
  margin-bottom: calc(var(--ring-unit)*2);
}

.ChangesDropdownLink__secondary--Fr {
  color: var(--ring-secondary-color);
}

.ChangesDropdownLink__link--o6 {
  position: relative;

  overflow: hidden;
}

.ChangesDropdownLink__othersAvatar--iJ {
  transition: opacity var(--ring-fast-ease);

  opacity: 0.5;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ChangesDropdownLink__linkWrapper--rU:hover .ChangesDropdownLink__othersAvatar--iJ {
  transition: none;

  opacity: 1;
}}

.ChangesDropdownLink__brancheIcon--SE {
  margin-left: calc(var(--ring-unit)/2);
}

.ChangesDropdown__wrapper--Sy {

  display: inline-flex;
}

.ChangesDropdown__newUserInterfaceWrapper--j7 {
  display: inline-flex;
  align-items: baseline;

  min-width: 0;
  max-width: 100%;

  white-space: nowrap;
}

.ChangesDropdown__dropdown--Rh {
  display: flex;
  justify-content: center;

  max-width: 100%;
  height: calc(var(--ring-unit)*2);
}

.ChangesDropdown__label--rO {
  overflow: hidden;
  flex-grow: 1;

  min-width: 0;
  margin: -2px;
}

.ChangesDropdown__label--rO .ChangesDropdownLink__linkWrapper--rU {
    display: flex;
    align-items: baseline;

    margin: 2px;
  }

.ChangesDropdown__anchorIcon--kI {
  height: auto;
  height: initial;
  padding-right: calc(var(--ring-unit)/4);
  padding-left: calc(var(--ring-unit)/4);

  line-height: inherit;
}

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

.ChangesDropdown__branchIcon--cs {
  color: inherit;
}

.ChangesPreview__firstBuildWithSameChanges--CD {
  margin-bottom: calc(var(--ring-unit)*1.5);
  padding-bottom: var(--ring-unit);

  border-bottom: 1px solid var(--ring-line-color);
}

.ChangesPreview__changesTypeFilter--M1 {
  margin-bottom: calc(var(--ring-unit)*1.5);
}

.ChangesPreview__firstBuildWithSameChanges--CD + .ChangesPreview__changesTypeFilter--M1 {
  margin-top: calc(var(--ring-unit)/2);
}

.ChangesPreview__changesButtons--lQ {
  display: flex;
  align-items: center;
}

.ChangesPreview__changesButtons--lQ > * {
    margin-left: var(--ring-unit);
  }

.ChangesPreview__changesButtons--lQ > *:first-child {
    margin-left: 0;
  }

.ChangesPreview__changesButtons--lQ:not(:empty) {
  margin-top: var(--ring-unit);
}

.ChangesPreview__count--Qg {
  margin-left: var(--ring-unit);

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

.ChangesDropdownContent__content--gy {
  width: calc(var(--ring-unit)*90);
  padding: calc(var(--ring-unit)*2);
}

.ChangesDropdownContent__changes--M1 {
  margin-bottom: 0;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ChangesAvatars__avatars--qp:hover .ChangesAvatars__extraText--nA,
.ChangesAvatars__avatars--qp:hover .ChangesAvatars__othersAvatar--Y0 {
  opacity: 1;
}}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ChangesAvatars__avatars--qp:hover > .ChangesAvatars__item--HS:nth-child(4) {
  transform: translateX(45px);
}}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ChangesAvatars__avatars--qp:hover > .ChangesAvatars__item--HS:nth-child(3) {
  transform: translateX(28px);
}}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ChangesAvatars__avatars--qp:hover > .ChangesAvatars__item--HS:nth-child(2) {
  transform: translateX(12px);
}}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ChangesAvatars__avatars--qp:hover > .ChangesAvatars__item--HS {
  -webkit-mask: none;
          mask: none;
}}

.ChangesAvatars__avatars--qp {
  position: relative;
  z-index: 2;

  display: inline-flex;

  margin-right: calc(var(--ring-unit)/2);
}

.ChangesAvatars__avatarWrapper--O7 {
  margin-right: 0;
}

.ChangesAvatars__avatarWrapper--O7::before {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;

    content: '';
  }

.ChangesAvatars__item--HS {
  /* stylelint-disable-next-line length-zero-no-unit */
  --offset: 0px;

  position: relative;

  margin-left: 0px;

  margin-left: calc(var(--offset)*-1);

  transition: transform var(--ring-fast-ease);
  -webkit-mask-image: url(c9169ee06ef150c7be60.svg);
          mask-image: url(c9169ee06ef150c7be60.svg);
  -webkit-mask-position: -4px -2px;
          mask-position: -4px -2px;
  -webkit-mask-position: calc(var(--offset) - 4px) -2px;
          mask-position: calc(var(--offset) - 4px) -2px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.ChangesAvatars__item--HS:nth-child(1) {
  z-index: 4;
  -webkit-mask: none;
          mask: none;
}

.ChangesAvatars__item--HS:nth-child(2) {
  --offset: 10px;

  z-index: 3;
}

.ChangesAvatars__item--HS:nth-child(3) {
  --offset: 14px;

  z-index: 2;
}

.ChangesAvatars__item--HS:nth-child(4) {
  --offset: 15px;

  z-index: 1;
}

.ChangesAvatars__hovered--Se > .ChangesAvatars__item--HS,
.ChangesAvatars__avatars--qp:focus-within > .ChangesAvatars__item--HS {
  -webkit-mask: none;
          mask: none;
}

/* stylelint-disable selector-max-specificity, no-descending-specificity */
.ChangesAvatars__hovered--Se > .ChangesAvatars__item--HS:nth-child(2),
.ChangesAvatars__avatars--qp:focus-within > .ChangesAvatars__item--HS:nth-child(2) {
  transform: translateX(12px);
}

.ChangesAvatars__hovered--Se > .ChangesAvatars__item--HS:nth-child(3),
.ChangesAvatars__avatars--qp:focus-within > .ChangesAvatars__item--HS:nth-child(3) {
  transform: translateX(28px);
}

.ChangesAvatars__hovered--Se > .ChangesAvatars__item--HS:nth-child(4),
.ChangesAvatars__avatars--qp:focus-within > .ChangesAvatars__item--HS:nth-child(4) {
  transform: translateX(45px);
}
/* stylelint-enable */

.ChangesAvatars__extra--qN {

  width: 20px;
  height: 20px;

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

  border-radius: var(--ring-border-radius);

  background-color: var(--ring-line-color);

  font-size: 9px;

  line-height: 20px;
}

.ChangesAvatars__extraText--nA {

  display: block;

  width: 100%;

  cursor: pointer;
  transition: opacity var(--ring-fast-ease);
  text-align: center;

  opacity: 0;

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

.ChangesAvatars__extraText--nA.focusVisible {
  outline: none;
  box-shadow: 0 0 0 2px var(--ring-border-hover-color);
}

.ChangesAvatars__hovered--Se .ChangesAvatars__extraText--nA,
.ChangesAvatars__hovered--Se .ChangesAvatars__othersAvatar--Y0,
.ChangesAvatars__avatars--qp:focus-within .ChangesAvatars__extraText--nA,
.ChangesAvatars__avatars--qp:focus-within .ChangesAvatars__othersAvatar--Y0 {
  opacity: 1;
}

.ChangesAvatars__avatar--h1 {
  position: relative;
}

.ChangesAvatars__listAvatarWrapper--VY {
  vertical-align: -5px;
}

.ChangesAvatars__listAvatar--ae {
  vertical-align: baseline;
}

.ChangesAvatars__link--di {
  display: block;
}

/* stylelint-disable-next-line selector-max-specificity */
.ChangesAvatars__link--di.focusVisible .ChangesAvatars__avatarWrapper--O7::before {
  right: 0;
}

.PipelineLine__name--nR {
  box-sizing: border-box;
}

.PipelineLine__noRuns--qz {
  color: var(--ring-secondary-color);
}

.PipelineLine__nameLink--eh {
  color: var(--ring-text-color);

  font-weight: bold;
}

.PipelineLine__description--f5 > a {
  color: var(--ring-secondary-color);
}

.PipelineLine__actions--uo {
  padding: calc(var(--ring-unit)/2) 0;

  text-align: end;
}

.PipelineLine__button--Eb {
  margin-left: var(--ring-unit);
}

.PipelineLine__status--px {
  box-sizing: border-box;

  padding: 5px 0;
  grid-column-end: span 2;
}

.PipelineLine__estimate--o5 {
  color: var(--ring-secondary-color);
}

.PipelineLine__stop--Hv {
  margin-right: calc(var(--ring-unit)*-1);
}

.PipelineLine__hoverRow--JH {
  top: 0;
  right: calc(var(--ring-unit)*-4);
  bottom: 0;
  left: calc(var(--ring-unit)*-4);
  grid-column: 1 / -1;
  grid-row-end: span 1;
}

.PipelineLine__emptyRow--mL {
  grid-column: 1 / -1;
}

.PipelineLine__gap--Kb {
  margin-bottom: calc(var(--ring-unit)/2);
  padding-top: calc(var(--ring-unit)/2);

  border-bottom: 1px solid var(--ring-line-color);
  grid-column: 1 / -1;
}

.PipelineLine__row--J2 {
  display: contents;
}

.PipelineLine__row--J2 > * {
  position: relative;
}

.PipelineLine__row--J2 > .PipelineLine__hoverRow--JH {
  position: absolute;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.PipelineLine__row--J2:hover .PipelineLine__hoverRow--JH,
.PipelineLine__row--J2 .PipelineLine__hoverRow--JH:hover {
  background-color: var(--ring-hover-background-color);
}}

.PipelineList__list--HN {
  position: relative;

  display: grid;
  align-items: baseline;

  justify-content: space-between;

  grid-template-columns: auto 1fr auto auto;
  grid-column-gap: calc(var(--ring-unit)*4);
}

.IndexPage__page--Y9 {
  display: flex;
  flex-direction: column;

  padding-bottom: calc(var(--ring-unit)*4);
}

.IndexPage__pipelineList--iZ {
  min-width: calc(var(--ring-unit)*100);
  max-width: calc(var(--ring-unit)*180);
  margin: auto;
  padding-top: calc(var(--ring-unit)*2.5);
}

.PipelineRunLine__cell--k0 {
  box-sizing: border-box;
  height: calc(var(--ring-unit)*4);
  padding-top: var(--ring-unit);
}

.PipelineRunLine__startDate--WD {
  text-align: end;
}

.PipelineRunLine__duration--N1 {
  text-align: end;
}

.PipelineRunLine__status--kr,
.PipelineRunLine__number--rX {
  display: block;
  overflow: hidden;

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

.PipelineRunLine__estimate--_z {
  color: var(--ring-secondary-color);
}

.PipelineRunLine__stop--DT {
  margin-right: calc(var(--ring-unit)*-1);
}

.PipelineRunLine__branchLabel--Yi {
  font-weight: bold;
}

.PipelineHistory__container--gb {
  display: flex;

  padding-bottom: calc(var(--ring-unit)*4);
}

.PipelineHistory__wrapper--Yd {
  min-width: calc(var(--ring-unit)*100);
  max-width: calc(var(--ring-unit)*180);
  margin: auto;
}

.PipelineHistory__title--_X.PipelineHistory__title--_X {
  margin: calc(var(--ring-unit)*4) 0 calc(var(--ring-unit)*2);
  padding: 0;

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

.PipelineHistory__runs--Sq {
  display: grid;
  grid-template-columns: minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(0, max-content);
  grid-column-gap: calc(var(--ring-unit)*2);

  justify-content: space-between;
}

.PipelineHistory__columnHeader--LI {
  color: var(--ring-secondary-color);

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.PipelineHistory__startDate--oB {
  text-align: end;
}

.PipelineHistory__duration--we {
  text-align: end;
}

.PipelineHistory__columnHeadersUnderline--_3 {
  margin-top: var(--ring-unit);

  border-bottom: 1px solid var(--ring-line-color);
  grid-column: 1/-1;
}

.PipelineLastRunJob__tile--Wm {
  --text-wrapper-background: rgba(var(--ring-content-background-components), 0.7);

  position: absolute;

  overflow: hidden;

  box-sizing: border-box;

  width: 196px;
  padding: calc(var(--ring-unit)/1.5) var(--ring-unit) var(--ring-unit);

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

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.PipelineLastRunJob__tile--Wm:hover {
  --text-wrapper-background: rgba(var(--ring-hover-background-components), 0.7);

  text-decoration: none;

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

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

.PipelineLastRunJob__icon--v7 {
  display: block;
}

.PipelineLastRunJob__icon--v7.PipelineLastRunJob__icon--v7 > svg {
  margin-top: -1px;

  vertical-align: 1px;
}

.PipelineLastRunJob__name--Oh {
  position: relative;
  z-index: 1;

  display: inline-block;
  overflow: hidden;

  max-width: 100%;

  text-overflow: ellipsis;

  border-radius: var(--ring-border-radius);

  background-color: var(--text-wrapper-background);

  line-height: var(--ring-line-height-lower);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}

.PipelineStructureJob__tile--Y2 {
  --text-wrapper-background: rgba(var(--ring-content-background-components), 0.7);

  position: absolute;

  overflow: hidden;

  box-sizing: border-box;

  width: 196px;
  padding: calc(var(--ring-unit)/1.5) var(--ring-unit) var(--ring-unit);

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

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.PipelineStructureJob__tile--Y2:hover {
  --text-wrapper-background: rgba(var(--ring-hover-background-components), 0.7);

  text-decoration: none;

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

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

.PipelineStructureJob__icon--Tn {
  display: block;

  height: 14px;
  margin-bottom: 2px;

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

.PipelineStructureJob__icon--Tn.PipelineStructureJob__icon--Tn > svg {
  margin-top: -1px;

  vertical-align: 1px;
}

.PipelineStructureJob__name--Vw {
  position: relative;
  z-index: 1;

  display: inline-block;
  overflow: hidden;

  max-width: 100%;

  text-overflow: ellipsis;

  border-radius: var(--ring-border-radius);

  background-color: var(--text-wrapper-background);

  line-height: var(--ring-line-height-lower);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}

.PipelineLastRun__lastRunWrapper--Fh {
  display: flex;
  justify-content: center;
}

.PipelineLastRun__lastRunTitle--jp.PipelineLastRun__lastRunTitle--jp {
  margin: 0;
  padding: 0;

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

.PipelineLastRun__lastRun--vR {
  max-width: 100%;
}

.PipelineLastRun__lastRunChart--l7 {
  margin: 0 0 0 calc(var(--ring-unit)*-1);
}

.BuildDurationEstimate__unknown--un {
  color: var(--ring-secondary-color);
}

.BuildCheckbox__container--ov {
  position: absolute;

  top: var(--absolute-child-top);
  bottom: 0;
  left: calc(var(--ring-unit)*-4);

  padding: calc(var(--ring-unit)/2) 0 0 var(--ring-unit);
  grid-column-start: start;
  grid-row: var(--row) / span 3;
}

.BuildCheckbox__wrapped--SI {
  left: calc(var(--ring-unit)*-6);
}

.BuildCheckbox__oneLine--g7 {
  top: calc(var(--absolute-child-top) - 2px);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BuildCheckbox__hoverableWrapper--J3:not(:hover) .BuildCheckbox__hideableCell--Cs {
  opacity: 0;
}}

.BuildCheckbox__checkbox--E9:focus-visible + .BuildCheckbox__hideableCell--Cs {
  opacity: 1;
}

.BuildDependants__invisible--ug {
  visibility: hidden;
}

.BuildTagDropdown__popup--F5 {
  max-width: calc(var(--ring-unit)*40);

  padding: calc(var(--ring-unit)/2) calc(var(--ring-unit)/2) var(--ring-unit);

  text-align: left;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BuildDetails__closed--TM:hover .BuildDetails__button--BC {
  background-color: var(--ring-hover-background-color);
}}

.BuildDetails__buildContainer--Ez {
  --button-offset: calc(var(--ring-unit)*4);

  display: contents;
}

.BuildDetails__wrapped--He {
  --button-offset: calc(var(--ring-unit)*2);
}

.BuildDetails__container--qM {
  display: contents;
}

.BuildDetails__wrappedContainer--Af {
}

.BuildDetails__open--S6::before {
    position: absolute;
    top: var(--absolute-child-top);
    right: calc(var(--button-offset)*-1);
    bottom: 1px;
    left: calc(var(--button-offset)*-1);

    content: '';
    pointer-events: none;

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

    box-shadow:
      0 0 0 1px var(--ring-line-color),
      0 2px 16px var(--ring-popup-shadow-color);
    grid-column: start / end;
    grid-row: var(--row) / span 4;
  }

.BuildDetails__open--S6.BuildDetails__wrapped--He {
    --button-offset: calc(var(--ring-unit)*6);
  }

.BuildDetails__open--S6.BuildDetails__nested--UT {
    --button-offset: calc(var(--ring-unit)*4);
  }

.BuildDetails__open--S6.BuildDetails__nested--UT::before {
      border-radius: var(--ring-border-radius);
    }

.BuildDetails__open--S6 ul {
    margin: 0;
  }

.BuildDetails__open--S6 .summaryContainer {
    padding: 0;
  }

.BuildDetails__open--S6 ul li {
    padding: 0;

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

.BuildDetails__open--S6 ul li:not(:first-child) {
      margin-top: calc(var(--ring-unit)*3 - var(--ring-line-height-lower));
    }

.BuildDetails__open--S6 .buildResultsSummaryTable {
    width: 100%;
  }

.BuildDetails__open--S6 .buildResultsSummaryTable > tbody > tr > td {
      padding: var(--ring-unit) 0 calc(var(--ring-unit)*3) !important;

      /* stylelint-disable-next-line selector-max-specificity */
    }

.BuildDetails__open--S6 .buildResultsSummaryTable > tbody > tr > td:nth-child(2) {
        width: 100%;
        max-width: 0;

        padding-left: calc(var(--ring-unit) + 1px) !important;

        box-shadow: inset 0 1px var(--ring-line-color);
      }

/* stylelint-disable-next-line selector-max-specificity */

.BuildDetails__open--S6 td:nth-last-child(2) ul.bsLinks {
    width: 10vw;
    min-width: 96px;
    max-width: 160px;
  }

.BuildDetails__open--S6 .header {
    margin: 0;
    padding: 0;

    background: transparent;
  }

/* stylelint-disable-next-line selector-max-specificity */

.BuildDetails__open--S6 td:first-child > .header {
    display: none;
  }

.BuildDetails__heading--o4 {
  display: contents;

  cursor: pointer;
}

.BuildDetails__button--BC {

  content: '';

  grid-column: start / end;
  grid-row: var(--row) / span 3;
}

.BuildDetails__button--BC.BuildDetails__button--BC {
  top: calc(var(--absolute-child-top) - 1px);
  right: calc(var(--button-offset)*-1);
  left: calc(var(--button-offset)*-1);

  width: calc(100% + var(--button-offset)*2);
}

.BuildDetails__wrapped--He .BuildDetails__button--BC {
  top: var(--absolute-child-top);
  bottom: 1px;
}

.BuildDetails__detailsWrapper--B7 {
  min-width: 0;
  margin: 0 calc(var(--ring-unit)*-4);
  padding: 0 calc(var(--ring-unit)*4);
  grid-column: start / end;
}

.BuildDetails__wrapped--He .BuildDetails__detailsWrapper--B7 {
  margin: 0 calc(var(--ring-unit)*-2);
  padding: 0 calc(var(--ring-unit)*2);
}

.BuildDetails__queued--aH .BuildDetails__button--BC,
.BuildDetails__queued--aH .BuildDetails__detailsWrapper--B7 {
  background-color: var(--ring-sidebar-background-color);
}

.BuildDetails__button--BC:focus {
  outline: none;
  box-shadow: inset 2px 0 var(--ring-main-color);
}

.BuildDetails__inHierarchy--nh .BuildDetails__button--BC,
.BuildDetails__inHierarchy--nh.BuildDetails__open--S6::before {
  left: calc(var(--button-offset)*-1 + var(--offset));
}

.BuildDetails__inHierarchy--nh .BuildDetails__button--BC {
  width: calc(100% + var(--button-offset)*2 - var(--offset));
}

.BuildDetails__nested--UT.BuildDetails__open--S6 .BuildDetails__button--BC {
  border-top-left-radius: var(--ring-border-radius);
  border-top-right-radius: var(--ring-border-radius);
}

.BuildDetails__inHierarchy--nh .BuildDetails__detailsWrapper--B7 {
  margin-left: calc(var(--ring-unit)*-4 + var(--offset));
}

.BuildDetails__wrapped--He.BuildDetails__inHierarchy--nh .BuildDetails__detailsWrapper--B7 {
  margin-left: calc(var(--ring-unit)*-2 + var(--offset));
}

/* stylelint-disable-next-line selector-max-specificity */
.BuildDetails__closed--TM .BuildDetails__button--BC:focus {
  background-color: var(--ring-hover-background-color);
}

/* stylelint-disable-next-line selector-max-specificity */
.BuildDetails__wrappedContainer--Af:first-child .BuildDetails__button--BC,
.BuildDetails__wrappedContainer--Af:first-child .BuildDetails__open--S6::before {
  border-top-left-radius: var(--ring-border-radius-small);
  border-top-right-radius: var(--ring-border-radius-small);
}

/* stylelint-disable-next-line selector-max-specificity */
.BuildDetails__withQueued--cx .BuildDetails__wrappedContainer--Af:first-child .BuildDetails__button--BC,
.BuildDetails__withQueued--cx .BuildDetails__wrappedContainer--Af:first-child .BuildDetails__open--S6::before {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* stylelint-disable-next-line selector-max-specificity, no-descending-specificity */
.BuildDetails__wrappedContainer--Af:last-child .BuildDetails__open--S6::before,
.BuildDetails__wrappedContainer--Af:last-child .BuildDetails__buildContainer--Ez:not(.BuildDetails__open--S6) .BuildDetails__button--BC {
  border-bottom-right-radius: var(--ring-border-radius-small);
  border-bottom-left-radius: var(--ring-border-radius-small);
}

.BuildDetails__arrow--Wr {
  position: absolute;

  grid-column: -2;
  grid-row: var(--row) / span 3;

  top: calc(50% - 11px + var(--absolute-child-top));
  right: -15px;
  left: auto;

  padding: 0;

  color: transparent;

  line-height: normal;
}

.BuildDetails__buildContainer--Ez:hover .BuildDetails__arrow--Wr, .BuildDetails__button--BC:focus ~ .BuildDetails__arrow--Wr {
    color: var(--ring-link-hover-color);
}

.BuildDetails__buildContainer--Ez.BuildDetails__open--S6 .BuildDetails__heading--o4:hover .BuildDetails__arrow--Wr {
    color: var(--ring-link-hover-color);
}

.BuildDetails__buildContainer--Ez.BuildDetails__open--S6 .BuildDetails__arrow--Wr {
    color: var(--ring-icon-secondary-color);
}

.BuildDetails__content--im {
  overflow: hidden;

  width: 100%;

  margin: 0 calc(var(--ring-unit)*-4);
  padding: 0 calc(var(--ring-unit)*4);
}

.BuildDetails__tabs--VP {
  overflow: hidden;

  margin: -1px calc(var(--ring-unit)*-2) calc(var(--ring-unit)*2);
  padding: 8px calc(var(--ring-unit)*2) 9px;

  background-color: var(--ring-sidebar-background-color);

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

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

.BuildDetails__nested--UT .BuildDetails__tabs--VP {
  margin-right: calc(var(--ring-unit)*-4);
  margin-left: calc(var(--ring-unit)*-4);
}

.BuildDetails__separator--lU {
  position: relative;
  z-index: 1;

  margin: -1px calc(var(--ring-unit)*-2) 0;

  border-top: 1px solid var(--ring-line-color);
}

.BuildDetails__loader--sO {
  margin-bottom: calc(var(--ring-unit)*3);
}

.BuildDetails__loaderPlaceholder--GV {

  visibility: hidden;
}

.BuildDetails__snapshotDependenciesChart--Ku {
  width: 40%;
}

@media (max-width: 1200px) {
  .BuildDetails__snapshotDependenciesChart--Ku {
    width: 60%;
  }
}

.BuildDetails__queueInfoTitle--dr {
  font-size: var(--ring-font-size);
}

.BuildDetails__queueInfoWrapper--tt {
  display: flex;

  flex-wrap: wrap;

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

  line-height: var(--ring-line-height) !important;
}

.BuildDetails__queueInfoWrapper--tt .BuildDetails__queueInfo--BD {
    margin-right: calc(var(--ring-unit)*1.5);
  }

.BuildDetails__customizedBuildNote--sU {
  margin-bottom: calc(var(--ring-unit)*1.5);
}

.BuildDetails__secondInfoGroup--kO .BuildDetails__row--gj {
  margin-bottom: var(--ring-unit);
}

.BuildDetails__secondInfoGroup--kO .BuildDetails__row--gj:last-child {
    margin-bottom: calc(var(--ring-unit)*4);
  }

.BuildDetails__emptyRow--NT {
  grid-column: start / end;
}

.BuildDetails__outerContainer--a2 {
  position: relative;
}

.BuildDetails__innerContainer--__ {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

.BuildsHeader__buildsHeader--U_ {

  display: contents;

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

.BuildsHeader__buildsHeader--U_ > * {
    margin-bottom: var(--ring-unit);
  }

.BuildsHeader__oneLine--jG {
}

.BuildsHeader__number--xs {
}

.BuildsHeader__branch--Zt {

  box-sizing: border-box;
}

.BuildsHeader__status--cZ {
  grid-column-start: status-start;
}

.BuildsHeader__changes--Ym {
}

.BuildsHeader__agent--gC {
}

.BuildsHeader__durationWrapper--yZ {

  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}

.BuildsHeader__started--Gx {
}

.BuildsHeader__duration--hz {

  text-align: end;
}

.BuildsHeader__icons--rv {
}

.QueuedToggler__flash--eQ.QueuedToggler__flash--eQ,
.QueuedToggler__flash--eQ .QueuedToggler__queuedIcon--fY {
  transition: none;

  color: var(--ring-link-hover-color);
}

.QueuedToggler__flash--eQ.QueuedToggler__flash--eQ.QueuedToggler__extraHighlight--nj {
  background-color: var(--ring-selected-background-color);
}

.ChangeBuilds__filterItem--ww {
  margin-right: calc(var(--ring-unit)*2);
  margin-bottom: calc(var(--ring-unit)*2);
}

.ChangeBuilds__emptyList--wT {
  color: var(--ring-secondary-color);
}

.ChangeBuilds__grid--tP {
  padding: 0 calc(var(--ring-unit)*2);
}

.ChangeBuilds__tree--SL .ChangeBuilds__grid--tP {
  margin-right: calc(var(--ring-unit)*2);
  padding-left: 0;
}

.ChangeBuilds__tree--SL {
  margin: 0 calc(var(--ring-unit)*-4) 0 calc(var(--ring-unit)*-4 - 2px);
  padding: 0 calc(var(--ring-unit)*2);
}

.ChangeBuilds__buildType--ZQ,
.ChangeBuilds__buildType--ZQ > .TreeNode__item--LB,
.ChangeBuilds__buildType--ZQ > .TreeNode__item--LB > .TreeNode__label--Od {
  display: contents;
}

.ChangeBuilds__infiniteScroll--Gx {
  margin: 0 calc(var(--ring-unit)*-4);
  padding: 0 calc(var(--ring-unit)*4);
}

.ChangeBuilds__loader--TK {
  padding-top: calc(var(--ring-unit)*2);
}

.ChangeBuilds__loadMoreButtonWrapper--ZH {
  display: flex;

  align-items: center;
  flex-direction: column;

  padding-top: calc(var(--ring-unit)*2);
}

.ChangeBuilds__showAllButton--XT {
  color: var(--ring-secondary-color);
}

.ChangeBuilds__row--b0 {
  display: contents;
}

.ChangeBuildType__path--wP {
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  grid-column: start / end;

  min-width: 0;

  margin: var(--ring-unit) calc(var(--ring-unit)*-2) calc(var(--ring-unit)*0.5);
}

.ChangeBuildType__inHierarchy--wI .ChangeBuildType__path--wP {
  margin-top: 0;
  padding-left: var(--offset);
}

/* stylelint-disable-next-line selector-max-specificity */
.ChangeBuildType__builds--tt + .ChangeBuildType__pathRowGroup--Sp:not(.ChangeBuildType__inHierarchy--wI) .ChangeBuildType__path--wP {
  margin-top: calc(var(--ring-unit)*2);
}

.ChangeBuildType__notTriggered--gn {
  margin-left: calc(var(--ring-unit)*2);

  white-space: nowrap;

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

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

.ChangeBuildType__entityPath--eq {
  flex: 1 1;

  min-width: 0;
}

.ChangeBuildType__name--S8 {
  max-width: calc(100% - var(--ring-unit)*2);
}

.ShowAllBuildTypes__button--AO {
  position: relative;

  margin-top: var(--ring-unit);

  padding: 0;

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

.BuildTypes__list--PO,
.BuildTypes__item--UX {
  display: contents;
}

.BuildTypes__container--DP {
  padding: 0 calc(var(--ring-unit)*2);
}

.BuildsTvMode__buildsTvMode--l4 {
  padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4);
}

.BuildsTvMode__title--Kx {
  padding-bottom: var(--ring-unit);
}

.BuildsTvMode__titleText--iR {
  display: inline-block;

  margin: 0;
}

.BuildsTvMode__titleIcon--ow {
  padding-left: 0;

  vertical-align: top;
}

.BuildsTvMode__titleIcon--ow svg {
    width: calc(var(--ring-unit)*4);
    height: calc(var(--ring-unit)*4);
  }

/* stylelint-disable-next-line selector-max-specificity */

.BuildsTvMode__hideDropDowns--zo .icon.toggle {
    display: none;
  }

.OverviewSystemProblems__systemProblems--vt {

  display: flex;

  align-items: baseline;

  white-space: nowrap;
}

.OverviewSystemProblems__icon--oI {
  margin-right: calc(var(--ring-unit)/2);

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

.OverviewSystemProblems__text--J1 {
}

.OverviewSystemProblems__countProblems--pS {
  flex: 0 0 auto;

  margin-left: calc(var(--ring-unit)/4);
}

.OverviewSystemProblems__showDetails--tl {
  height: auto;
  margin-right: calc(var(--ring-unit)*-1);
  padding: 0 var(--ring-unit);

  line-height: inherit;
}

.OverviewSystemProblems__dialogContent--SW {
  width: auto;
  min-width: calc(var(--ring-unit)*58);
  max-width: calc(var(--ring-unit)*108);
}

.OverviewSystemProblems__scrolledHeaderIcon--U2 {
  margin-right: 1px;
}

.OverviewSystemProblems__item--RW {
  margin: 0 calc(var(--ring-unit)*-4);
  padding: 0 calc(var(--ring-unit)*4);
}

.OverviewSystemProblems__item--RW:not(:first-child) {
  padding-top: calc(var(--ring-unit)*1.5);

  box-shadow: 0 1px var(--ring-line-color) inset;
}

.OverviewSystemProblems__item--RW:not(:last-child) {
  padding-bottom: calc(var(--ring-unit)*4);
}

.OverviewSystemProblems__itemHeadingWrapper--cG {
  display: flex;
  align-items: baseline;

  margin-bottom: 6px;
}

.OverviewSystemProblems__solutionLink--Ib {
  height: auto;
  margin: 0 calc(var(--ring-unit)*-2) 0 auto;

  line-height: inherit;
}

.OverviewSystemProblems__description--UZ {

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

  font-family: var(--ring-font-family-monospace);
}

.OverviewSystemProblems__stacktraceHeading--_0 {
  margin: calc(var(--ring-unit)*2) 0 0 calc(var(--ring-unit)*-2);
}

.OverviewSystemProblems__chevronIcon--c_ {
  margin-right: 2px;
}

.OverviewSystemProblems__stacktrace--bB {

  margin-top: 6px;

  font-family: var(--ring-font-family-monospace);
}

.ActivateButton__activate--Aj {
  margin-left: var(--ring-unit);

  color: #008eff;
}

.ActivateButton__activate--Aj.ActivateButton__lineBreak--i9 {
    display: block;

    margin-left: 0;
  }

.BuildTypePauseInfo__container--s2 {

  white-space: pre-wrap;

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

.BuildTypePauseInfo__icon--So {
  margin-right: calc(var(--ring-unit)/2);
}

.BuildTypePauseDropdown__dropwdown--Lo {
  margin-left: var(--ring-unit);

  white-space: nowrap;
}

.BuildTypePauseDropdown__dropwdown--Lo button {
    padding-left: 0;
  }

.BuildTypePauseDropdown__dropwdownActive--Gu {
  color: var(--ring-link-hover-color);
}

.BuildTypePauseDropdown__popup--ZX {
  max-width: 600px;
  padding: var(--ring-unit) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);

  color: inherit;
}

.BuildTypePauseDropdown__chevron--XR {
  margin-left: 2px;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BuildTypeLine__root--fd:hover .BuildTypeLine__star--SP {
  transition: none;

  opacity: 1;
}}

.BuildTypeLine__star--SP {
  padding-right: calc(var(--ring-unit)/4);
  padding-left: calc(var(--ring-unit)/4);

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

  opacity: 0;
}

.BuildTypeLine__root--fd:focus-within .BuildTypeLine__star--SP {
  transition: none;

  opacity: 1;
}

.BuildTypeLine__button--eY {
  position: absolute;
}

.BuildTypeLine__root--fd {

  position: relative;

  display: flex;
  align-items: baseline;

  box-sizing: border-box;

  min-width: 0;

  margin: calc(var(--ring-unit)/4) calc(var(--ring-unit)*-2) calc(var(--ring-unit)/4);

  cursor: pointer;

  border-radius: 3px;

  grid-column: start / end;
}

.BuildTypeLine__root--fd > * {
    margin-top: 0;
  }

.BuildTypeLine__root--fd::before {
    position: absolute;

    z-index: -1;
    top: 0;

    display: block;

    width: 100%;
    height: 100%;
    margin: 0 calc(var(--ring-unit)*-4);
    padding: 0 calc(var(--ring-unit)*4);

    content: '';
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .BuildTypeLine__root--fd:hover::before {
      background-color: var(--ring-hover-background-color);
    }}

.BuildTypeLine__root--fd:focus{
    outline: none;
  }

.BuildTypeLine__root--fd:focus::before {
      box-shadow: inset 2px 0 var(--ring-main-color);
    }

.BuildTypeLine__expanded--jK {
  border-bottom: none;
  border-radius: 3px 3px 0 0;
}

.BuildTypeLine__chevron--LD {

  top: 5px;
  left: -17px;
}

.BuildTypeLine__caption--uj {
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--ring-unit)/2);

  font-size: 14px;

  font-size: var(--ring-font-size, 14px);
}

.BuildTypeLine__buildTypeInfo--Zh {
  display: flex;
  align-items: baseline;

  flex: 1 1 calc(var(--ring-unit)*20);

  width: 100%;
  min-width: calc(var(--ring-unit)*9 + var(--ring-unit)*20);

  max-width: calc(100% - var(--ring-unit)*2 - 1px);

  margin-bottom: calc(var(--ring-unit)/4);
  padding: 0;
}

.BuildTypeLine__buildTypeName--lY.BuildTypeLine__buildTypeName--lY {
  display: flex;
  overflow: hidden;

  align-items: baseline;

  margin: 0 -2px 0 0;
  padding: 0 2px 0 0;

  font: inherit;
  font-weight: bold;
}

.BuildTypeLine__description--tu {
  flex-shrink: 10;

  min-width: calc(var(--ring-unit)*20);
  padding-right: calc(var(--ring-unit)/2);
}

.BuildTypeLine__empty--Jt {
  min-width: calc(var(--ring-unit)*8);
  padding-right: calc(var(--ring-unit)*2);
}

.BuildTypeLine__description--tu,
.BuildTypeLine__empty--Jt {
  padding-left: var(--ring-unit);

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

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

.BuildTypeLine__systemProblems--Cb {
  flex-shrink: 10;

  min-width: calc(var(--ring-unit)*20);

  padding: 0 var(--ring-unit);
}

.BuildTypeLine__link--MF {
  max-width: calc(100% - var(--ring-unit)*2);
  margin: 2px 0;

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

  line-height: 22px;
}

.BuildTypeLine__changes--bo {
  display: inline-flex;

  margin-right: calc(var(--ring-unit)*2);

  font-weight: normal;
}

.BuildTypeLine__runColumn--Ju {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;

  width: auto;
  min-width: auto;

  margin-left: auto;
  padding-right: calc(var(--ring-unit)*2);
}

.BuildTypeLine__oneLine--lk {
}

.BuildTypeLine__oneLine--lk .BuildTypeLine__caption--uj {
    min-width: calc(var(--ring-unit)*3);
  }

.BuildTypeLine__actions--bQ {
  margin: 0 calc(var(--ring-unit)*-1) 0 var(--ring-unit);
}

.BuildTypeLine__details--pB {
  display: contents;
}

.ProjectBuildTypeSelect__container--lt {
  min-width: calc(var(--ring-unit)*50);
  max-height: calc(var(--ring-unit)*50);
}

.ProjectBuildTypeSelect__popupContainer--m_ {
  max-height: calc(50vh - var(--ring-unit)*4);
}

.ProjectBuildTypeSelect__multiselect--HR {
  background-color: var(--ring-content-background-color);
  box-shadow: inset 0 0 0 1px var(--ring-line-color);
}

.ProjectBuildTypeSelect__tree--w9 {
  height: 100%;
}

.ProjectBuildTypeSelect__treeContent--K1 {
  flex: 1 0;

  height: auto;
  margin-top: var(--ring-unit);
}

.ProjectBuildTypeSelect__searchWrapper--S0 {
  padding: 0 var(--ring-unit) 0 calc(var(--ring-unit)*2);

  box-shadow: 0 1px var(--ring-borders-color);
}

.ProjectBuildTypeSelect__placeholder--p3 {

  margin: calc(var(--ring-unit)*2) 0 0 calc(var(--ring-unit)*4);

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

.ProjectBuildTypeSelect__icon--TB {
  color: inherit;
}

.ProjectBuildTypeSelect__hint--sk {

  box-sizing: border-box;

  min-height: calc(var(--ring-unit)*4);
  padding: var(--ring-unit) calc(var(--ring-unit)*2);

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

  background-color: var(--ring-sidebar-background-color);
  box-shadow: inset 0 1px var(--ring-line-color);
}

.ProjectBuildTypeSelect__popup--ZQ {
  z-index: 100;
}

.ProjectBuildTypeSelect__selectedNote--h0 {

  margin-top: var(--ring-unit);

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

.ProjectBuildTypeSelect__anchorText--j0,
.ProjectBuildTypeSelect__anchorButton--nx {
  max-width: calc(100% + 6px);

  text-align: start;
  white-space: nowrap;
}

.ProjectBuildTypeSelect__arrow--bU {
  position: absolute;
  right: 0;

  display: inline;

  padding-right: 8px;
  padding-left: 8px;

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

.ProjectBuildTypeSelect__arrowIcon--Zv {
  vertical-align: 1px;
}

.ProjectBuildTypeSelect__anchorButton--nx {

  min-width: calc(var(--ring-unit)*30);

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

.ProjectBuildTypeSelect__anchorButton--nx .ring-button-content {
    display: block;
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ProjectBuildTypeSelect__anchorButton--nx:hover .ProjectBuildTypeSelect__arrow--bU {
      color: var(--ring-main-color);
    }}

.ProjectBuildTypeSelect__anchorButtonOpen--Tx {
}

.ProjectBuildTypeSelect__name--mp:not(:first-child) {
  max-width: calc(100% - var(--ring-unit)*3);
}

.ChangesPageFilter__firstLine--WG,
.ChangesPageFilter__secondLine--a2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.ChangesPageFilter__firstLine--WG {
  position: relative;
  z-index: 3;
}

.ChangesPageFilter__filterControl--q3 {
  margin-right: var(--ring-unit);
  margin-bottom: var(--ring-unit);
}

.ChangesPageFilter__projectSelect--ph {
  max-width: calc(var(--ring-unit)*50);
}

.ChangesPage__page--hv {
  max-width: var(--tc-content-width);
}

.ChangesPage__header--Hi .ChangesPage__heading--Cl {
  overflow: hidden;

  margin: 0;
  margin-bottom: calc(var(--ring-unit)*2);

  word-break: break-word;
}

.ChangesPage__header--Hi .ChangesPage__heading--Cl::first-letter {
    text-transform: uppercase;
  }

.ChangesPage__filter--T8 {
  margin-bottom: calc(var(--ring-unit)*2);
}

.ChangesPage__changeDetailsTabs--Hu {
  padding-bottom: calc(var(--ring-unit)*4);
}

.BuildsFilters__row--cy {
  display: flex;
  align-items: baseline;

  margin: var(--ring-unit) 0;
}

.BuildsFilters__row--cy > :not(:last-child) {
    margin-right: calc(var(--ring-unit)*2);
  }

.BuildsFilters__tagsFiltersWrapper--j9 {
  max-width: 100%;
  min-height: calc(var(--ring-unit)*3 + 1px);
}

.BuildsFilters__locator--Gk.BuildsFilters__locator--Gk {
  align-self: flex-start;
  flex-grow: 1;

  margin-bottom: 9px;
}

.BuildsFilters__starPinRow--o8 {
  margin-bottom: calc(var(--ring-unit)*-2);
}

.BuildsFilters__starPinRow--o8 > :not(:last-child) {
    margin-right: calc(var(--ring-unit)*2);
  }

.BuildsFilters__projects--eU {
  width: 330px;
}

.BuildsFilters__projects--eU .searchPanel {
    display: inline-block;

    width: 100%;
  }

.BuildsFilters__projects--eU > search-panel {
    vertical-align: -1px;
  }

.BuildsFilters__toggle--jd {
  flex-shrink: 0;

  margin-left: auto;
}

.BuildsFilters__controls--S0 {

  flex-wrap: wrap;
}

.BuildsFilters__controls--S0 > * {
  margin-top: var(--ring-unit);
}

.BuildsFilters__newWindowLink--Bs {
  margin-right: calc(var(--ring-unit)*-1);
  margin-left: auto;
}

.BuildsFilters__update--Gc {
  position: relative;

  margin-left: auto;

  white-space: nowrap;
}

.BuildsFilters__loaderBlock--n7 {
  position: absolute;
  top: 2px;
  right: calc(var(--ring-unit)*2);

  opacity: 0;
}

.BuildsFilters__loader--q8 {
  margin-right: calc(var(--ring-unit)/2);
}

.BuildsFilters__showLoader--gy .BuildsFilters__loaderBlock--n7 {
  transition: opacity 0.3s ease-in;

  opacity: 1;
}

.BuildsFilters__showLoader--gy .BuildsFilters__updateButton--Oo {
  transition: opacity 0.3s ease-in;

  opacity: 0;
}

.BuildsFilters__toggle--jd + .BuildsFilters__update--Gc {
  margin-left: 0;
}

.BuildsFilters__tagsRow--cN {
  margin-top: 0;
}

.BuildsFilters__agentPattern--_H {
  align-self: flex-start;
}

.BuildsFilters__stateIcon--ux {
  vertical-align: -1px;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BuildsFilters__inactiveIcon--Ys:not(:hover) .BuildsFilters__stateIcon--ux {
  transition: color var(--ring-fast-ease);

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

.PagerWarning__warning--My {
  display: inline-block;

  margin-top: calc(var(--ring-unit)*2);

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

  line-height: calc(var(--ring-unit)*3);
}

.PagerWarning__button--Cj {
  padding: 0 calc(var(--ring-unit)/2);

  font-size: 14px;

  font-size: var(--ring-font-size, 14px);
}

.PagerWarning__error--ew {
  color: var(--ring-error-color);
}

.FavoriteBuilds__wrapper--K5 {
  margin-top: calc(var(--ring-unit)*2);
}

.QueueActions__actions--c1 {
  display: flex;

  align-items: baseline;

  height: calc(var(--ring-unit)*5);
  margin: 0 calc(var(--ring-unit)*-0.5) 2px;
}

.QueueActions__actions--c1 > * {
    margin: 0 calc(var(--ring-unit)/2);
  }

.QueueActions__plugins--qG {
  display: flex;

  align-items: baseline;

  margin-right: 0;
  margin-left: auto;
}

.QueueActions__plugins--qG > * {
    margin: 0 calc(var(--ring-unit)/2);
  }

.QueueActions__clear--fl {
  padding-left: calc(var(--ring-unit)/2);
}

.QueueBuild__drop--jz {
  position: absolute;

  top: calc(var(--absolute-child-top) - 1px);
  right: calc(var(--ring-unit)*-4);
  bottom: 1px;
  left: calc(var(--ring-unit)*-6);

  grid-column: start / end;
  grid-row: var(--row) / span 4;
}

.QueueBuild__fakeContent--wJ {
  position: absolute;

  top: calc(var(--absolute-child-top) - 1px);
  right: calc(var(--button-offset)*-1);
  bottom: 1px;
  left: calc(var(--button-offset)*-1);

  width: calc(100% + var(--button-offset)*2);

  grid-column: start / end;
  grid-row: var(--row) / span 4;
}

.QueueBuild__above--YZ {
  grid-row: var(--row);
}

.QueueBuild__below--MG {
  grid-row: calc(var(--row) + 4);
}

.QueueBuild__separator--Ab {
  position: absolute;

  z-index: var(--ring-overlay-z-index);
  top: calc(var(--absolute-child-top) - 1px);

  right: calc(var(--button-offset)*-1);
  left: calc(var(--button-offset)*-1);

  height: 2px;

  pointer-events: none;

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

  grid-column: start / end;
}

.QueueBuild__invisible--i8 {
  z-index: var(--ring-invisible-element-z-index);
}

.QueueBuild__overlay--o7 {
  z-index: var(--ring-overlay-z-index);
}

.QueueBuild__blur--jw {
  pointer-events: none;

  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}

.QueueBuild__dropGap--zA {
  position: relative;
  grid-column: start / end;
}

.QueueBuild__dropGapInner--KU {
  position: absolute;

  top: calc(var(--absolute-child-top) - 1px);
  right: calc(var(--ring-unit)*-4);
  bottom: 1px;
  left: calc(var(--ring-unit)*-6);
}

.QueueBuild__handle--ls {
  position: absolute;

  top: calc(var(--ring-unit)*2);
  bottom: 0;
  left: calc(var(--ring-unit)*-6);

  height: 30px;

  padding-top: calc(var(--ring-unit)/2);

  grid-column-start: start;
  grid-row: var(--row) / span 3;
}

.QueueBuild__handleIcon--If {
  cursor: move;
}

.QueueBuild__hoverableWrapper--Mr {
  position: relative;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.QueueBuild__hoverableWrapper--Mr:not(:hover) .QueueBuild__hideableCell--sx {
  opacity: 0;
}}

@keyframes QueueBuild__blink--Rk {
  0% {
    background: transparent;
  }

  50% {
    background: var(--ring-hover-background-color);
  }

  100% {
    background: transparent;
  }
}

.QueueBuild__blink--Rk {
  animation: QueueBuild__blink--Rk 0.5s ease infinite;

  opacity: 0.75;
}

.QueueBuildDragLayer__layer--kS {
  position: fixed;
  z-index: var(--ring-overlay-z-index);
  top: 0;
  left: 0;

  pointer-events: none;
}

.QueueBuildDragLayer__content--HN {
  padding: 0 calc(var(--ring-unit)*2);

  border: 1px solid var(--ring-line-color);
  border-radius: var(--ring-border-radius);
  background: var(--ring-content-background-color);
}

.QueueFilters__queueFilters--EK {
  margin-bottom: calc(var(--ring-unit)*1.5);
}

.QueueFilters__checkbox--SD {
  margin-right: calc(var(--ring-unit)*2 + 2px);
}

.QueuePageHeader__header--ws.QueuePageHeader__header--ws {
  margin-bottom: calc(var(--ring-unit)*4);
}

.QueuePageHeader__loader--Fu {
  margin-right: var(--ring-unit);
  margin-bottom: 3px;
}

.TestScopeName__name--ai {
}

.TestScopeName__suite--d8,
.TestScopeName__package--dc,
.TestScopeName__class--z3 {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.TestScopeName__suite--d8 > *, .TestScopeName__package--dc > *, .TestScopeName__class--z3 > * {
    border-bottom-width: 0 !important;
  }

.TestScopeName__path--J7 {
  display: inline;
}

.TestScopeName__path--J7 .TestScopeName__suite--d8,
  .TestScopeName__path--J7 .TestScopeName__package--dc {
    margin-left: calc(var(--ring-unit)/2);

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestScopeName__path--J7:not(:hover) .TestScopeName__suite--d8,
  .TestScopeName__path--J7:not(:hover) .TestScopeName__package--dc {
    color: var(--ring-secondary-color);
  }}

.TestScopesView__grid--tB {
  --column-width: minmax(0, max-content);
  --name-column: [start name-start] auto;
  --duration-column: [duration-start] var(--column-width);
  --count-column: [count-start] var(--column-width);
  --success-column: [success-start] 0;
  --failure-column: [failure-start] 0;
  --muted-column: [muted-start] 0;
  --ignored-column: [ignored-start] 0;

  position: relative;
  grid-template-columns: [start name-start] auto [duration-start] minmax(0, max-content) [count-start] minmax(0, max-content) [end];
  grid-template-columns: var(--name-column) var(--duration-column) var(--count-column) [end];
}

.TestScopesView__grid--tB.TestScopesView__withSuccessColumn--Mi {
    --success-column: [success-start] var(--column-width);
  }

.TestScopesView__grid--tB.TestScopesView__withFailureColumn--hM {
    --failure-column: [failure-start] var(--column-width);
  }

.TestScopesView__grid--tB.TestScopesView__withMutedColumn--wL {
    --muted-column: [muted-start] var(--column-width);
  }

.TestScopesView__grid--tB.TestScopesView__withIgnoredColumn--kN {
    --ignored-column: [ignored-start] var(--column-width);
  }

.TestScopesView__grid--tB.TestScopesView__withCountersColumns--mE {
    grid-template-columns: var(--name-column) var(--duration-column) var(--count-column) var(--success-column) var(--failure-column) var(--muted-column) var(--ignored-column) [end];
  }

.TestScopesView__grid--tB.TestScopesView__withOverlay--qP::before {
  position: absolute;
  top: var(--absolute-child-top);
  right: 0;
  bottom: 0;
  left: 0;

  grid-column: start / end;
  grid-row: 2 / auto;

  content: '';

  cursor: wait;

  background-color: rgba(255, 255, 255, 0.7);
}

.TestScope__testScope--V5,
.TestScope__testScopeRow--JJ {
  display: contents;
}

.TestScope__testScope--V5::before {
  right: calc(var(--ring-unit)*-4);
  left: calc(var(--ring-unit)*-4);
  grid-column: start / end;
  grid-row: var(--row) / span 1;
}

.TestScope__nameColumn--Of {
  overflow: hidden;
  grid-column-start: name-start;
  grid-row-start: var(--row);
}

.TestScope__durationColumn--zM {
  grid-column-start: duration-start;
}

.TestScope__countColumn--dR {
  grid-column-start: count-start;
}

.TestScope__successColumn--cF {
  grid-column-start: success-start;
}

.TestScope__failureColumn--YU {
  grid-column-start: failure-start;

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

.TestScope__mutedColumn--Ns {
  grid-column-start: muted-start;
}

.TestScope__ignoredColumn--f3 {
  grid-column-start: ignored-start;
}

.TestScope__durationColumn--zM,
.TestScope__countColumn--dR,
.TestScope__successColumn--cF,
.TestScope__failureColumn--YU,
.TestScope__mutedColumn--Ns,
.TestScope__ignoredColumn--f3 {
  grid-row-start: var(--row);

  text-align: right;
}

.TestScope__successColumn--cF,
.TestScope__failureColumn--YU,
.TestScope__mutedColumn--Ns,
.TestScope__ignoredColumn--f3 {
  visibility: hidden;
}

.TestScope__nameColumn--Of,
.TestScope__durationColumn--zM,
.TestScope__countColumn--dR,
.TestScope__successColumn--cF,
.TestScope__failureColumn--YU,
.TestScope__mutedColumn--Ns,
.TestScope__ignoredColumn--f3 {
  margin: 0;
  padding: var(--ring-unit) 0;
  padding-right: calc(var(--ring-unit)*2);

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

.TestScope__nameColumn--Of:last-child, .TestScope__durationColumn--zM:last-child, .TestScope__countColumn--dR:last-child, .TestScope__successColumn--cF:last-child, .TestScope__failureColumn--YU:last-child, .TestScope__mutedColumn--Ns:last-child, .TestScope__ignoredColumn--f3:last-child {
    padding-right: 0;
  }

.TestScopesView__withSuccessColumn--Mi .TestScope__successColumn--cF,
.TestScopesView__withFailureColumn--hM .TestScope__failureColumn--YU,
.TestScopesView__withMutedColumn--wL .TestScope__mutedColumn--Ns,
.TestScopesView__withIgnoredColumn--kN .TestScope__ignoredColumn--f3 {
  visibility: visible;
}

.TestScopesViewHeader__tableHeader--nW {
  position: relative;

  display: contents;
}

.TestScopesViewHeader__tableHeader--nW::before {
  position: absolute;
  right: 0;
  bottom: var(--absolute-child-top);
  left: 0;

  padding-bottom: var(--ring-unit);

  content: '';

  border-bottom: 1px solid var(--ring-line-color);

  grid-column: start / end;
  grid-row: var(--row) / span 1;
}

.TestScopesViewHeader__columnTitle--Px {

  cursor: pointer;
}

.TestScopesViewHeader__nameColumn--Lw {
  display: flex;

  grid-column-start: name-start;
  grid-row-start: var(--row);
}

.TestScopesViewHeader__durationColumn--T9 {
  grid-column-start: duration-start;
}

.TestScopesViewHeader__countColumn--Rx {
  grid-column-start: count-start;
}

.TestScopesViewHeader__successColumn--Qr {
  grid-column-start: success-start;
}

.TestScopesViewHeader__failureColumn--_T {
  grid-column-start: failure-start;
}

.TestScopesViewHeader__mutedColumn--kK {
  grid-column-start: muted-start;
}

.TestScopesViewHeader__ignoredColumn--HY {
  grid-column-start: ignored-start;
}

.TestScopesViewHeader__durationColumn--T9,
.TestScopesViewHeader__countColumn--Rx,
.TestScopesViewHeader__successColumn--Qr,
.TestScopesViewHeader__failureColumn--_T,
.TestScopesViewHeader__mutedColumn--kK,
.TestScopesViewHeader__ignoredColumn--HY {
  grid-row-start: var(--row);

  text-align: right;
}

.TestScopesViewHeader__successColumn--Qr,
.TestScopesViewHeader__failureColumn--_T,
.TestScopesViewHeader__mutedColumn--kK,
.TestScopesViewHeader__ignoredColumn--HY {
  visibility: hidden;
}

.TestScopesViewHeader__nameColumn--Lw,
.TestScopesViewHeader__durationColumn--T9,
.TestScopesViewHeader__countColumn--Rx,
.TestScopesViewHeader__successColumn--Qr,
.TestScopesViewHeader__failureColumn--_T,
.TestScopesViewHeader__mutedColumn--kK,
.TestScopesViewHeader__ignoredColumn--HY {
  overflow: hidden;

  padding-right: calc(var(--ring-unit)*2);
  padding-bottom: var(--ring-unit);

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.TestScopesViewHeader__nameColumn--Lw:last-child, .TestScopesViewHeader__durationColumn--T9:last-child, .TestScopesViewHeader__countColumn--Rx:last-child, .TestScopesViewHeader__successColumn--Qr:last-child, .TestScopesViewHeader__failureColumn--_T:last-child, .TestScopesViewHeader__mutedColumn--kK:last-child, .TestScopesViewHeader__ignoredColumn--HY:last-child {
    padding-right: 0;
  }

.TestScopesView__withSuccessColumn--Mi .TestScopesViewHeader__successColumn--Qr,
.TestScopesView__withFailureColumn--hM .TestScopesViewHeader__failureColumn--_T,
.TestScopesView__withMutedColumn--wL .TestScopesViewHeader__mutedColumn--kK,
.TestScopesView__withIgnoredColumn--kN .TestScopesViewHeader__ignoredColumn--HY {
  visibility: visible;
}

.TestScopeBreadcrumbs__wrapper--xR {
  display: flex;
  align-items: baseline;

  white-space: nowrap;
}

.TestScopeBreadcrumbs__link--QQ {

  flex: 0 1 auto;

  margin: 0 calc(var(--ring-unit)/2);
}

.TestScopeBreadcrumbs__link--QQ.TestScopeBreadcrumbs__all--Sl,
.TestScopeBreadcrumbs__link--QQ.TestScopeBreadcrumbs__noScope--jC {
  flex: 0 0 auto;
}

.TestsSearch__inputContainer--sQ {
  margin-right: calc(var(--ring-unit)*2);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestsStatusFilter__stateButton--nY:hover .TestsStatusFilter__passedIcon--vj {
  color: var(--ring-icon-success-color);
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestsStatusFilter__stateButton--nY:hover .TestsStatusFilter__failedIcon--fR {
  color: var(--ring-icon-error-color);
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestsStatusFilter__stateButton--nY:hover .TestsStatusFilter__ignoredIcon--D8,
.TestsStatusFilter__stateButton--nY:hover .TestsStatusFilter__mutedIcon--I0 {
  color: var(--ring-text-color);
}}

.TestsStatusFilter__filter--Ep {
  display: flex;
  align-items: baseline;
  flex-direction: row;
  flex-wrap: wrap;
}

.TestsStatusFilter__filter--Ep:last-child {
    margin-right: 0;
  }

.TestsStatusFilter__stateButton--nY.TestsStatusFilter__active--RH .TestsStatusFilter__ignoredIcon--D8,
.TestsStatusFilter__stateButton--nY.TestsStatusFilter__active--RH .TestsStatusFilter__mutedIcon--I0 {
  color: var(--ring-text-color);
}

.TestsStatusFilter__stateButton--nY.TestsStatusFilter__active--RH .TestsStatusFilter__failedIcon--fR {
  color: var(--ring-icon-error-color);
}

.TestsStatusFilter__stateButton--nY.TestsStatusFilter__active--RH .TestsStatusFilter__passedIcon--vj {
  color: var(--ring-icon-success-color);
}

.TestsStatusFilter__stateIcon--kC {
  transition: color var(--ring-fast-ease);

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

.TestsStatusFilter__filterLabel--OW {
  margin-bottom: calc(var(--ring-unit)*2);
  margin-left: calc(var(--ring-unit)/2);
}

.TestsViewSelect__anchorName--ms {
  text-transform: lowercase;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestsFilter__stateButton--Kw:hover .TestsFilter__passedIcon--Y3 {
  color: var(--ring-icon-success-color);
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestsFilter__stateButton--Kw:hover .TestsFilter__failedIcon--wN {
  color: var(--ring-icon-error-color);
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestsFilter__stateButton--Kw:hover .TestsFilter__ignoredIcon--tX,
.TestsFilter__stateButton--Kw:hover .TestsFilter__mutedIcon--wr {
  color: var(--ring-text-color);
}}

.TestsFilter__filter--Fn {
  display: flex;
  flex-direction: column;

  margin-bottom: calc(var(--ring-unit)*2);
}

.TestsFilter__firstFiltersLine--fK,
.TestsFilter__seccondFiltersLine--Rb {
  display: flex;
  align-items: baseline;

  flex-direction: row;

  flex-wrap: wrap;
}

.TestsFilter__stateButton--Kw.TestsFilter__active--ea .TestsFilter__ignoredIcon--tX,
.TestsFilter__stateButton--Kw.TestsFilter__active--ea .TestsFilter__mutedIcon--wr {
  color: var(--ring-text-color);
}

.TestsFilter__stateButton--Kw.TestsFilter__active--ea .TestsFilter__failedIcon--wN {
  color: var(--ring-icon-error-color);
}

.TestsFilter__stateButton--Kw.TestsFilter__active--ea .TestsFilter__passedIcon--Y3 {
  color: var(--ring-icon-success-color);
}

.TestsFilter__stateIcon--_g {
  transition: color var(--ring-fast-ease);

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

.TestsFilter__filterLabel--zu {
  margin-bottom: calc(var(--ring-unit)*2);
  margin-left: calc(var(--ring-unit)/2);
}

.TestsFilter__count--GY {
  color: var(--ring-secondary-color);

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

.TestsFilter__viewSelect--dS,
.TestsFilter__statusSelect--Zl {
  margin-right: var(--ring-unit);
}

.TestsFilter__searchButton--NP,
.TestsFilter__filterOnlyNew--f3,
.TestsFilter__filterWithoutInvestigator--zC {
  margin-right: calc(var(--ring-unit)*2);
}

.TestsFilter__viewSelect--dS,
.TestsFilter__statusSelect--Zl,
.TestsFilter__searchButton--NP,
.TestsFilter__filterOnlyNew--f3,
.TestsFilter__filterWithoutInvestigator--zC {
  margin-bottom: calc(var(--ring-unit)*2);
}

.TestsFilter__viewSelect--dS:last-child, .TestsFilter__statusSelect--Zl:last-child, .TestsFilter__searchButton--NP:last-child, .TestsFilter__filterOnlyNew--f3:last-child, .TestsFilter__filterWithoutInvestigator--zC:last-child {
    margin-right: 0;
  }

.TestsFilter__checkboxSection--L9 {
  display: flex;
  flex-wrap: nowrap;
}

.TestsFilter__scopeFilter--rS {
  margin-bottom: calc(var(--ring-unit)*2);
}

.EnableTimer__popup--WZ {
  max-width: 300px;

  padding: var(--ring-unit) calc(var(--ring-unit)*2);

  text-align: left;
}

.EnableTimer__icon--_V {
  color: var(--ring-icon-secondary-color);
}

.AgentBreadCrumbs__crumbs--Tm,
.AgentBreadCrumbs__link--_I {
  color: var(--ring-secondary-color);
}

.Permalinks__content--ub {
  margin-top: calc(var(--ring-unit)/2);

  text-align: left;

  white-space: nowrap;
}

.BuildTypeOverviewFooter__buildTypeOverviewFooter--eg {
  min-height: var(--ring-line-height);

  margin-top: calc(var(--ring-unit)*2);

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

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

.BuildTypeOverviewFooter__warning--QO {
  margin-top: 0;
}

.BuildTypeOverview__row--Ll {
  grid-column: start / end;
}

.BuildTypeOverview__title--F3.BuildTypeOverview__title--F3 {
  font-size: inherit;
  line-height: inherit;
}

.BuildTypeOverview__container--ZI {
  display: contents;
}

.BuildTypeHistory__toolbarContainer--QU {
  display: flex;
  align-items: baseline;
}

.BuildTypeHistory__filterContainer--Iz {
  overflow: hidden;

  margin: calc(var(--ring-unit)*-3) auto 0 -1px;
  padding-left: 1px;
}

.BuildTypeHistory__pendingChanges--TO,
.BuildTypeHistory__runButton--a_ {
  margin-left: calc(var(--ring-unit)*2);
}

.BuildTypeHistory__noBuilds--jz {
  margin-right: auto;

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

.BuildInfo__buildInfo--MJ {
  position: relative;

  overflow: hidden;

  flex-grow: 1;

  max-width: calc(var(--ring-unit)*50);
}

.BuildInfo__path--u9.BuildInfo__path--u9 {
  margin: 0 calc(var(--ring-unit)*2);
  padding: var(--ring-unit) 0;

  border-bottom: 1px solid var(--ring-line-color);

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

.BuildInfo__infoWrapper--Fv {

  position: relative;

  box-sizing: border-box;

  min-height: calc(var(--ring-unit)*16);

  padding: var(--ring-unit) calc(var(--ring-unit)*2) calc(var(--ring-unit)*1.5);

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

.BuildInfo__progress--Wa {
  position: absolute;

  top: 1px;
  bottom: 0;
  left: 0;

  background-color: var(--tc-success-background-color);
}

.BuildInfo__failing--cF {
  background-color: var(--tc-error-background-color);
  box-shadow:
    0 -1px var(--ring-icon-error-color),
    inset 0 1px var(--ring-icon-error-color);
}

.BuildInfo__head--NI {
  display: flex;
  align-items: baseline;

  height: calc(var(--ring-unit)*2.5);
  margin-right: calc(var(--ring-unit)*-1);
}

.BuildInfo__duration--bX {
  flex: 1 0 auto;

  padding-right: calc(var(--ring-unit)*2);

  white-space: nowrap;
}

.BuildInfo__finishedCompact--ai {
  margin-left: var(--ring-unit);

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

.BuildInfo__changes--ef {
  font-size: var(--ring-font-size-smaller);
}

.BuildInfo__changes--ef,
.BuildInfo__changesWrapper--Wj,
.BuildInfo__number--kn {
  min-width: 0;
}

.BuildInfo__status--dF {
  display: block;
  overflow-wrap: break-word;

  margin: calc(var(--ring-unit)/2) 0;

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

.BuildInfo__container--DH .BuildInfo__infoWrapper--Fv {
    height: calc(var(--ring-unit)*8);
    min-height: auto;
  }

.BuildInfo__container--DH .BuildInfo__status--dF {
    overflow: hidden;

    margin-bottom: 0;

    white-space: nowrap;

    text-overflow: ellipsis;
  }

.BuildInfo__container--DH .BuildInfo__details--hr {
    display: none;
  }

.BuildInfo__container--DH.BuildInfo__hover--dZ .BuildInfo__infoWrapper--Fv, .BuildInfo__container--DH:focus-within .BuildInfo__infoWrapper--Fv {
      height: auto;
      min-height: calc(var(--ring-unit)*16);
    }

.BuildInfo__container--DH.BuildInfo__hover--dZ .BuildInfo__status--dF, .BuildInfo__container--DH:focus-within .BuildInfo__status--dF {
      overflow: visible;

      margin-bottom: calc(var(--ring-unit)/2);

      white-space: normal;

      white-space: initial;

      text-overflow: initial;
    }

.BuildInfo__container--DH.BuildInfo__hover--dZ .BuildInfo__details--hr, .BuildInfo__container--DH:focus-within .BuildInfo__details--hr {
      display: block;
    }

.BuildInfo__successStatus--iw {
  color: var(--ring-success-color);
}

.BuildInfo__failureStatus--nC {
  color: var(--ring-error-color);
}

.BuildInfo__footer--pr {
  display: flex;
  align-items: baseline;
}

.BuildInfo__icon--Cd {
  display: inline;

  margin-right: calc(var(--ring-unit)/2);

  white-space: nowrap;
}

.BuildInfo__icon--Cd::after {
    content: '\2060';
  }

.BuildInfo__timeInQueue--QO {
  display: inline-block;
}

.BuildInfo__started--C5 {
  display: inline-block;

  margin-left: var(--ring-unit);

  white-space: nowrap;
}

.BuildInfo__number--kn {
  min-width: calc(var(--ring-unit)*7);

  padding-right: 26px;
}

.BuildInfo__branch--oX {
  min-width: calc(var(--ring-unit)*8);
  margin-left: auto;
}

.BuildInfo__queueCircle--PZ {
  display: inline-block;

  width: 14px;

  height: 14px;

  margin-right: calc(var(--ring-unit)/2);

  vertical-align: -2px;

  border-radius: 50%;
  background-color: var(--ring-borders-color);
}

.BuildInfo__overtimeIcon--Iv {
  margin-right: calc(var(--ring-unit)/2);

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

.QueuedBuildInfo__info--gw {
  box-sizing: border-box;
  width: calc(var(--ring-unit)*58);
  margin: 0 calc(var(--ring-unit)*-1);
  padding: var(--ring-unit) calc(var(--ring-unit)*2);

  transition: background-color var(--ring-fast-ease);
}

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

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

.QueuedBuildInfo__path--nN.QueuedBuildInfo__path--nN {
  padding-bottom: var(--ring-unit);

  border-bottom: 1px solid var(--ring-line-color);

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

.QueuedBuildInfo__row--F8 {
  display: flex;
  align-items: baseline;
}

.QueuedBuildInfo__row--F8:not(:first-child) {
    margin-top: calc(var(--ring-unit)/2);
  }

.QueuedBuildInfo__row--F8 > * {
    flex-shrink: 0;
  }

.QueuedBuildInfo__row--F8 > *:not(:first-child) {
      margin-left: var(--ring-unit);
    }

.QueuedBuildInfo__header--JS {

  margin-bottom: var(--ring-unit);
}

.QueuedBuildInfo__position--RS {
  margin-right: calc(var(--ring-unit)/2);
}

.QueuedBuildInfo__link--Hl,
.QueuedBuildInfo__triggered--l4 {

  flex: 1 0;

  min-width: 0;
}

.QueuedBuildInfo__actions--eR {
  margin: -3px calc(var(--ring-unit)*-1);
}

.QueuedBuildInfo__changes--ei {
}

.BarBuildTypeName__container--bt {
  display: flex;
  overflow: hidden;

  min-width: 0;

}

.BarBuildTypeName__innerContainer--gN {
  display: flex;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 1;

  white-space: nowrap;
}

.BarBuildTypeName__projectName--Dr {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;

  min-width: 17px;
}

.BarBuildTypeName__buildTypeName--_n {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;

  min-width: 17px;
}

.BarBuildTypeName__ellipsis--iD {
  overflow: hidden;

  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow-wrap: normal;
}

.BarBuildTypeName__nameInner--sO {
  overflow: hidden;

  min-width: 0;

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

.QueuedBuildsDropdown__hourglass--bI {
  height: auto;

  white-space: nowrap;

  line-height: normal;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.QueuedBuildsDropdown__hourglass--bI:not(:hover) {
    color: var(--ring-text-color);
  }}

.QueuedBuildsDropdown__statusIcon--sK {
  margin: -2px 2px 0 -2px;

  line-height: normal;
}

.QueuedBuildsDropdown__statusIcon--sK.QueuedBuildsDropdown__statusIcon--sK svg {
  vertical-align: -4px;
}

.QueuedBuildsDropdown__buildsPopup--sB {
  max-height: 45vh;
}

.QueuedBuildsDropdown__buildInList--bN {
  max-width: calc(var(--ring-unit)*58);
  margin: 0;

  transition: background-color var(--ring-fast-ease);
}

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

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

.QueuedBuildsDropdown__buildInList--bN:not(:first-child) {
    border-top: 1px solid var(--ring-line-color);
  }

.Bar__barWrapper--WS {
  position: absolute;

  display: flex;
}

.Bar__barDropdown--aa {
  display: inline-flex;
}

.Bar__bar--sI {

  position: relative;

  overflow: hidden;

  box-sizing: border-box;

  width: 100%;
  height: calc(var(--ring-unit)*2.5);
  padding-bottom: 2px;

  cursor: pointer;

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

  border-radius: var(--ring-border-radius);
  outline: none;
}

.Bar__bar--sI::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    transition: border-color var(--ring-fast-ease);

    border: 2px solid transparent;

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

.Bar__bar--sI:focus{
    transition: none;

    box-shadow: 0 0 0 1px var(--ring-border-hover-color), 0 0 0 1px var(--ring-border-hover-color) inset;
  }

.Bar__bar--sI:focus::after {
      transition: none;

      border-width: 1px;

      border-style: solid;

      border-color: var(--ring-border-hover-color);
    }

.Bar__fade--mF {
  opacity: 0.5;
}

.Bar__selected--a8 {
  transition: none;
}

.Bar__progress--_k {
  position: absolute;
  top: 0;

  overflow: hidden;

  height: 100%;
}

.Bar__yetToRun--eu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;

  box-sizing: border-box;

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

.Bar__queued--JO .Bar__yetToRun--eu {
  border: 1px solid var(--ring-borders-color);
  border-top-right-radius: var(--ring-border-radius);
  border-bottom-right-radius: var(--ring-border-radius);
}

.Bar__success--N3 .Bar__progress--_k {
    background-color: var(--tc-success-progress-color);
  }

.Bar__success--N3::after {
    border-color: var(--tc-success-progress-color);
  }

.Bar__failed--tN .Bar__progress--_k {
    background-color: var(--ring-error-color);
  }

.Bar__failed--tN::after {
    border-color: var(--ring-error-color);
  }

.Bar__canceled--VA .Bar__progress--_k {
    background-color: var(--ring-line-color);
  }

.Bar__canceled--VA::after {
    border-color: var(--ring-line-color);
  }

.Bar__failedToStart--h_ {
  color: var(--ring-error-color);
}

.Bar__incomplete--M9 {
  background-color: transparent;
}

.Bar__incomplete--M9::after {
    border: 1px solid var(--ring-borders-color);
  }

.Bar__queued--JO {
  background-color: transparent;
}

.Bar__queued--JO::after {
    border: 1px dashed var(--ring-borders-color);
  }

.Bar__name--Zo {
  position: absolute;
  top: 2px;

  display: flex;
  align-items: baseline;

  box-sizing: border-box;
  max-width: 100%;

  height: 15px;

  padding: 0 var(--ring-unit);

  color: var(--tc-success-text-color);

  border-radius: var(--ring-border-radius);

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

.Bar__unknownFinish--Xe {
  overflow: visible;
}

.Bar__unknownFinish--Xe,
  .Bar__unknownFinish--Xe::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

.Bar__unknownFinish--Xe::after {
    left: 0;

    width: var(--tc-bar-width);

    border-right: none;
  }

.Bar__unknownFinish--Xe:focus{
    border-top-right-radius: var(--ring-border-radius);
    border-bottom-right-radius: var(--ring-border-radius);
  }

.Bar__unknownFinish--Xe:focus::after {
      border-right: none;
    }

.Bar__unknownFinish--Xe::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--tc-bar-width);

    box-sizing: border-box;

    width: var(--tc-tail-width);

    content: '';

    border-top: 1px solid var(--ring-borders-color);
    border-bottom: 1px solid var(--ring-borders-color);
    background-color: var(--ring-sidebar-background-color);
    -webkit-mask-image: linear-gradient(to right, black, transparent);
            mask-image: linear-gradient(to right, black, transparent);
  }

.Bar__unknownFinish--Xe:focus::before{
    border: 1px solid var(--ring-border-hover-color);
    border-right: none;
    -webkit-mask-image: none;
            mask-image: none;
  }

.Bar__unknownFinish--Xe .Bar__name--Zo {
    max-width: none;
    max-width: initial;
  }

.Bar__unknownFinish--Xe > .Bar__name--Zo {
    position: relative;
    top: 0;
  }

.Bar__queued--JO::before {
  border-left: 1px solid var(--ring-borders-color);
}

.Bar__unknownStart--Vz::after {
    content: none;
  }

.Bar__unknownStart--Vz::before {
    left: 0;

    width: var(--tc-tail-width);

    border-top-style: dashed;
    border-bottom-style: dashed;
    border-left-style: dashed;
    border-top-left-radius: var(--ring-border-radius);
    border-bottom-left-radius: var(--ring-border-radius);
    background-color: var(--ring-content-background-color);
  }

@keyframes Bar__bar-move--S_ {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateX(calc(var(--ring-unit)*-1));
  }
}

.Bar__running--tt .Bar__progress--_k::before,
.Bar__running--tt.Bar__progress--_k::before {
  position: absolute;

  display: block;

  width: calc(100% + var(--ring-unit));

  height: 100%;

  content: '';
  animation: Bar__bar-move--S_ 1s linear infinite;

  background-repeat: repeat;
  background-position: left;
  background-size: var(--ring-unit) var(--ring-unit);
}


.Bar__overtime--iT {
  position: absolute;
  top: 0;

  overflow: hidden;

  height: 100%;
}

.Bar__overtime--iT ::before,
.Bar__overtime--iT::before {
  position: absolute;

  display: block;

  width: calc(100% + var(--ring-unit));

  height: 100%;

  content: '';
  animation: Bar__bar-move--S_ 1s linear infinite;

  opacity: 0.8;

  background-repeat: repeat;
  background-position: left;
  background-size: var(--ring-unit) var(--ring-unit);
}

.Bar__success--N3 .Bar__overtime--iT::before,
.Bar__success--N3.Bar__overtime--iT::before {
  background-color: var(--ring-sidebar-background-color);
  background-image:
    linear-gradient(
      135deg,
      var(--ring-line-color),
      var(--ring-line-color) 3.75%,
      transparent 3.75%,
      transparent 46.25%,
      var(--ring-line-color) 46.25%,
      var(--ring-line-color) 53.75%,
      transparent 53.75%,
      transparent 96.25%,
      var(--ring-line-color) 96.25%,
      var(--ring-line-color)
    );
}

.Bar__failed--tN .Bar__overtime--iT::before,
.Bar__failed--tN.Bar__overtime--iT::before {
  background-color: var(--ring-sidebar-background-color);
  background-image:
    linear-gradient(
      45deg,
      var(--ring-line-color),
      var(--ring-line-color) 3.75%,
      transparent 3.75%,
      transparent 46.25%,
      var(--ring-line-color) 46.25%,
      var(--ring-line-color) 53.75%,
      transparent 53.75%,
      transparent 96.25%,
      var(--ring-line-color) 96.25%,
      var(--ring-line-color)
    );
}

.Bar__success--N3 .Bar__progress--_k::before,
.Bar__success--N3.Bar__progress--_k::before {
  background-color: var(--tc-success-background-color);
  background-image:
    linear-gradient(
      135deg,
      var(--ring-icon-success-color),
      var(--ring-icon-success-color) 3.75%,
      transparent 3.75%,
      transparent 46.25%,
      var(--ring-icon-success-color) 46.25%,
      var(--ring-icon-success-color) 53.75%,
      transparent 53.75%,
      transparent 96.25%,
      var(--ring-icon-success-color) 96.25%,
      var(--ring-icon-success-color)
    );
}

.Bar__failed--tN .Bar__progress--_k::before,
.Bar__failed--tN.Bar__progress--_k::before {
  background-color: var(--ring-icon-error-color);
  background-image:
    linear-gradient(
      45deg,
      var(--tc-error-background-color),
      var(--tc-error-background-color) 3.75%,
      transparent 3.75%,
      transparent 46.25%,
      var(--tc-error-background-color) 46.25%,
      var(--tc-error-background-color) 53.75%,
      transparent 53.75%,
      transparent 96.25%,
      var(--tc-error-background-color) 96.25%,
      var(--tc-error-background-color)
    );
}

.Bar__buildInList--r3 {
  max-width: calc(var(--ring-unit)*58);
  margin: 0;

  transition: background-color var(--ring-fast-ease);
}

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

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

.Bar__buildInList--r3:not(:first-child) {
    border-top: 1px solid var(--ring-line-color);
  }

.Bar__nameHidden--W2 {
}

.Bar__failed--tN .Bar__progress--_k > .Bar__name--Zo,
.Bar__failed--tN.Bar__progress--_k > .Bar__name--Zo {
  color: var(--ring-white-text-color);
}

.Bar__success--N3 .Bar__name--Zo::before {
  background-color: var(--tc-success-background-color);
}

.Bar__failed--tN .Bar__name--Zo::before {
  background-color: var(--ring-icon-error-color);
}

/* stylelint-disable-next-line selector-max-specificity  */
.Bar__running--tt > .Bar__name--Zo::before {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: -1px;
  left: 0;

  content: '';

  opacity: 0.6;
}

.Bar__statusIcon--ra {
  margin: -2px 2px 0 -2px;

  line-height: normal;
}

.Bar__statusIcon--ra.Bar__statusIcon--ra svg {
  vertical-align: -4px;
}

.Bar__overtimeIcon--XX {
}

.Bar__hourglassIcon--a3 {
}

.Bar__canceledIcon--u2 {
}

.Bar__failedToStartIcon--R0 {
}

.Bar__name--Zo .Bar__overtimeIcon--XX {
  color: inherit;
}

.Bar__name--Zo .Bar__hourglassIcon--a3 {
  color: var(--ring-icon-color);
}

.Bar__name--Zo .Bar__canceledIcon--u2 {
  color: var(--ring-icon-secondary-color);
}

.Bar__name--Zo .Bar__failedToStartIcon--R0 {
  color: var(--ring-icon-error-color);
}

.Bar__progress--_k .Bar__failedToStartIcon--R0 {
  color: var(--ring-white-text-color);
}

.Bar__progress--_k .Bar__overtimeIcon--XX {
  z-index: 1;
}

.Gap__gap--cV {
  position: absolute;
  top: calc(var(--ring-unit)*-1);
  bottom: 0;

  width: 18px;

  color: var(--ring-sidebar-background-color);

  background:
    linear-gradient(135deg, transparent 75%, var(--ring-line-color) 75%, currentColor 79%) -9px -9px,
    linear-gradient(45deg, transparent 75%, var(--ring-line-color) 75%, currentColor 79%) 9px 9px,
    linear-gradient(-135deg, transparent 75%, var(--ring-line-color) 75%, currentColor 79%) 9px 0,
    linear-gradient(-45deg, transparent 75%, var(--ring-line-color) 75%, currentColor 79%) 9px 0;
  background-size: 18px 18px;
}

.Gap__previewGap--zU {
  top: 1px;
  bottom: 1px;

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

.Chart__container--lZ {
  position: relative;

  margin-top: calc(var(--ring-unit)*7);
}

.Chart__pannable--oZ {
  cursor: all-scroll;
}

.Chart__victoryContainer--nN > svg {
  overflow: visible;
}

.PreviewBar__previewBarQueued--e5 {
  fill: var(--ring-line-color);
}


.PreviewBar__previewBarCanceled--Hr {
  fill: var(--ring-icon-secondary-color);
}


.PreviewBar__previewBarSuccess--ZR {
  fill: var(--tc-success-progress-color);
}

.PreviewBar__previewBarFailed--a1 {
  fill: var(--ring-error-color);
}

.PreviewBar__previewBarFocused--rS {
  fill: var(--ring-main-color);
}


.PreviewBar__previewBarFade--nU {
  fill-opacity: 0.5;
}

.Preview__brush--nh {
  fill: var(--ring-content-background-color);
}

.Preview__brushBorder--Ez {
  position: absolute;
  top: 0;
  bottom: 0;

  pointer-events: none;

  box-shadow: 0 0 0 1px var(--ring-border-hover-color) inset;
}

.Preview__previewContainer--Zu {
  margin: 0 calc(var(--ring-unit)*-4);
  padding: 0 calc(var(--ring-unit)*4);

  cursor: pointer;

  background-color: var(--ring-sidebar-background-color);

  box-shadow:
    0 1px 0 0 var(--ring-line-color) inset,
    0 -1px 0 0 var(--ring-line-color) inset;
}

.Preview__preview--RA {
  position: relative;
}

.DependenciesTimeline__outerContainer--Av {
  --tc-tail-width: calc(var(--ring-unit)*10);

  overflow: hidden;

  margin: calc(var(--ring-unit)*2) calc(var(--ring-unit)*-4) 0;

  padding: 0 calc(var(--ring-unit)*4);
}

.DependenciesTimeline__invisible--OG {
  visibility: hidden;
}

.DependenciesTimeline__queueInfo--cx {
  font-size: var(--ring-font-size);
  line-height: calc(var(--ring-unit)*3);
}

.DependenciesTimeline__started--jS {
  display: inline-block;

  margin-left: var(--ring-unit);

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

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

.DependenciesTimelineSearch__search--aI {
  align-self: flex-start;

  margin: 0 auto 0 var(--ring-unit);
}

.DependenciesTab__typeSwitch--eL {
  margin-bottom: calc(var(--ring-unit)*2);
}

.ProjectPageHeader__header--Z3 {
  max-width: var(--tc-content-width);
  margin-bottom: calc(var(--ring-unit)*2);
}

.ProjectPageHeader__heading--Gm {
}

.ProjectPageHeader__heading--Gm.ProjectPageHeader__heading--Gm {
  margin: 0;
}

.ProjectPageHeader__heading--Gm.ProjectPageHeader__projectArchived--uC .ProjectPageHeader__title--ih {
  color: var(--ring-secondary-color);

  font-weight: normal;
}

.ProjectPageHeader__star--Us {
  margin-left: -2px;

  vertical-align: 3px;
}

.ProjectPageHeader__branchFilter--X4 {
  flex: 0 0 auto;

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

  font-weight: normal;
  line-height: var(--ring-line-height-lowest);
}

.ProjectPageHeader__links--qW {
  display: flex;
  align-items: baseline;

  min-height: calc(var(--ring-unit)*3);
}

.ProjectPageHeader__linksSequenceLoader--Yp {
  display: flex;
  flex-direction: row-reverse;
}

.ProjectPageHeader__linksSequenceLoader--Yp > * {
    margin-right: var(--ring-unit);
  }

.ProjectPageHeader__linksSequenceLoader--Yp > *:first-child {
    margin-right: 0;
  }

.ProjectPageHeader__breadcrumbs--Xr {
  flex-grow: 1;
}

.ProjectPageHeader__breadcrumbsLink--QU {
  font-size: var(--ring-font-size-smaller);
  line-height: 24px;
}

.ProjectPageHeader__subHeader--fZ {
  display: flex;
  align-items: baseline;

  width: 100%;
  margin-top: var(--ring-unit);
}

.ProjectPageHeader__branchFilter--X4,
.ProjectPageHeader__createProject--fh {
  margin-right: var(--ring-unit);
}

.FavoriteBuildsPage__wrapper--TA {
  max-width: var(--tc-content-width);
}

.FavoriteBuildsPage__header--gh {

  margin-top: calc(var(--ring-unit)*3.5);
  margin-bottom: var(--ring-unit);
}

.ParametersPageHeader__header--kH {
  display: flex;
  align-items: center;

  margin-top: var(--ring-unit);
}

.ParametersPageHeader__search--zQ {
  width: 400px;
  margin-right: calc(var(--ring-unit)*2);
}

.ParametersCategoryHeader__categoryTitle--Dp {
  margin-top: calc(var(--ring-unit)*3);
  margin-bottom: 0;
  padding: 0 calc(var(--ring-unit)*4);

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

  font-size: 20px;

  font-weight: normal;
  line-height: 24px;
}

.ParametersEmpty__placeholder--VL {

  margin-top: calc(var(--ring-unit)*2);
  margin-left: calc(var(--ring-unit)*4);

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

.ParametersGroupDescription__groupDescription--rU {
  padding: 0 calc(var(--ring-unit)*4);
  padding-bottom: var(--ring-unit);

  font-size: 14px;

  font-size: var(--ring-font-size, 14px);

  line-height: 20px;
}

.ParametersGroupHeader__groupTitle--PU {
  margin-top: calc(var(--ring-unit)*7/4);
  margin-right: calc(var(--ring-unit)/4);
  margin-left: calc(var(--ring-unit) - var(--ring-unit)/4);

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

.ParametersGroupHeader__text--Th {
  display: contents;

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

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

  font-weight: bold;
}

.ParametersGroupHeader__matches--_y {
  margin-left: calc(var(--ring-unit)/2);

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

.ParametersRow__row--h1 {

  display: flex;
  overflow: hidden;

  padding: 0 calc(var(--ring-unit)*4);

  line-height: calc(var(--ring-unit)*3);
}

.ParametersRow__content--H6 {
  display: flex;
  overflow: hidden;
  flex-grow: 1;

  padding: var(--ring-unit) 0;

  border-bottom: 1px solid var(--ring-line-color);
}

.ParametersRow__columnName--Is {
  flex-basis: 50%;
  flex-grow: 0;
  flex-shrink: 0;

  margin-right: calc(var(--ring-unit)*2);
}

.ParametersRow__column--GW {
  overflow: hidden;

  white-space: pre-line;
  word-break: break-all;

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

.ParametersRow__columnValue--ud {
  flex-grow: 1;
  flex-shrink: 1;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ParametersItem__content--qg:hover {
    background-color: var(--ring-hover-background-color);
  }}

.ParametersItem__defaultValue--Gl {
  display: flex;
  flex-direction: column;

  margin-top: calc(var(--ring-unit)/2);

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

.ParametersItem__addedParameter--K7 {
  background-color: var(--tc-success-background-color);
  box-shadow: inset 3px 0 var(--tc-success-progress-color);
}

.ParametersItem__modifiedParameter--oZ {
  background-color: var(--ring-sidebar-background-color);
  box-shadow: inset 3px 0 var(--ring-main-color);
}

.ParametersItem__highlighting--hx {
  color: var(--ring-link-hover-color);
}

.ParametersTableHeader__content--qw {
  color: var(--ring-secondary-color);

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.ParametersVirtualizer__virtualizer--OW {
  flex-grow: 1;
}

.ParametersTree__page--zl {
  display: flex;
  flex-direction: column;
  flex-grow: 1;

  margin: 0 calc(var(--ring-unit)*-4) calc(var(--ring-unit)*-4);
}

.ParametersSearch__inputContainer--Zh {
  width: 400px;
}

.ParametersSearch__input--jI::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.AgentStatus__line--de {
  margin-bottom: calc(var(--ring-unit)*1.5);
}

.AgentStatus__statusUp--CF {
  color: var(--ring-success-color);
}

.AgentStatus__statusDown--yu {
  color: var(--ring-error-color);
}

.AgentStatus__commentWrapper--vD {
  font-size: calc(var(--ring-unit)*1.5);
  line-height: calc(var(--ring-unit)*2);
}

.AgentStatus__comment--ga {
  display: inline-block;
}

.AgentStatus__switchTime--z1 {
  font-weight: bold;
}

.AgentTypePage__page--q1 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;

  max-width: var(--tc-content-width);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.Investigations__anchor--Xf:hover .Investigations__icon--Yq {
  color: var(--ring-icon-hover-color);
}}

.Investigations__wrapper--y9 {
  display: inline-block;

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

.Investigations__dropdown--n4,
.Investigations__anchor--Xf {
  width: 100%;
}

.Investigations__wrapper--y9 .Investigations__anchor--Xf {
  height: auto;
  height: initial;
  padding: 0;

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

  line-height: inherit;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.Investigations__wrapper--y9 .Investigations__anchor--Xf:hover {
    color: var(--ring-icon-hover-color);
  }}

.Investigations__wrapper--y9 .Investigations__anchor--Xf:active {
    color: var(--ring-icon-hover-color);
  }

.Investigations__icon--Yq {
  padding: 0;

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

.Investigations__icon--Yq.Investigations__assignedToMe--DX {
  color: var(--ring-main-color);
}

.Investigations__icon--Yq.Investigations__fixed--_h {
  color: var(--ring-icon-success-color);
}

.Investigations__anchor--Xf:active .Investigations__icon--Yq {
  color: var(--ring-icon-hover-color);
}

.Investigations__popup--MH {
  display: flex;
  overflow: hidden;

  width: calc(var(--ring-unit)*50);
}

.Investigations__popup--MH > div {
    width: 100%;
  }

.Investigations__state--AZ {
  word-break: break-word;
}

.Investigations__timestamp--qp {
  white-space: nowrap;
}

.Investigations__actionButton--bK {
  margin-right: var(--ring-unit);
}

.Investigations__actionButton--bK:last-child {
    margin-right: 0;
  }

.Investigations__assignAction--G9 {
  height: auto;
  height: initial;
  padding: 0;

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

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

.Investigations__comment--lq,
.Investigations__scope--i2 {
  margin-top: var(--ring-unit);
}

.Investigations__comment--lq {
  overflow: hidden;
}

.Investigations__commentText--gS {
  word-break: break-word;
}

.Investigations__commentTextLoader--mv {
  display: inline-block;
}

.Investigations__scope--i2 {
  display: flex;
  align-items: baseline;
  flex-direction: row;
}

.Investigations__scopeTitle--kX {
  margin-right: calc(var(--ring-unit)/2);
}

.Investigations__scopeList--B9 {
  overflow: hidden;
  flex: 1 1;
}

.Investigations__entityPath--dY {
  flex: 1 1;

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

.Investigations__entityPath--dY .Investigations__entityPathLink--sc {
  color: var(--ring-link-color);
}

.Investigations__anchorContent--eh {
  display: flex;
  align-items: baseline;
}

.Investigations__anchorText--qv {

  display: inline-block;

  width: 100%;
  margin-left: calc(var(--ring-unit)/2);
}

.Investigations__anchorChevron--sV {
  margin-left: calc(var(--ring-unit)/4);
}

.Investigations__investigationDetails--G6 {
  margin: 0 calc(var(--ring-unit)*-2) var(--ring-unit);
  padding: 0 calc(var(--ring-unit)*2) var(--ring-unit);
}

.Investigations__investigationDetails--G6:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.Investigations__withSeveralInvestigations--Tm .Investigations__investigationDetails--G6 {
  margin-bottom: calc(var(--ring-unit)*2);
  padding-bottom: calc(var(--ring-unit)*2);
}

.Investigations__withSeveralInvestigations--Tm .Investigations__investigationDetails--G6:last-child {
  margin-bottom: 0;
}

.Investigations__body--Fg {
  display: flex;
  flex-direction: column;

  height: 100%;
}

.Investigations__content--lT {
  overflow-y: auto;

  height: 100%;
  max-height: 400px;
  padding: calc(var(--ring-unit)*1.5) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);
}

.Investigations__withSeveralInvestigations--Tm .Investigations__content--lT {
  padding-top: calc(var(--ring-unit)*2);
}

.Investigations__hasPermission--RI .Investigations__content--lT {
  padding-bottom: 0;
}

.Investigations__footer--GJ {
  padding: calc(var(--ring-unit)*2);
}

.Investigations__assigneeName--cV.Investigations__highlight--pE {
  font-weight: bold;
}

.Mutes__wrapper--aa {
  font-size: var(--ring-font-size-smaller);
}

.Mutes__wrapper--aa .Mutes__anchor--_f {
  display: flex;
  align-content: baseline;

  height: auto;

  height: initial;
  padding: 0;

  line-height: inherit;
}

.Mutes__currentlyMutedAnchor--Vv .Mutes__iconWrapper--wW {
  color: var(--ring-main-color);
}

.Mutes__popup--Fu {
  display: flex;
  overflow: hidden;

  width: calc(var(--ring-unit)*50);
}

.Mutes__popup--Fu > div {
    width: 100%;
  }

.Mutes__state--Hs {
  word-break: break-word;
}

.Mutes__actionButton--Z_ {
  margin-right: var(--ring-unit);
}

.Mutes__actionButton--Z_:last-child {
    margin-right: 0;
  }

.Mutes__assignAction--bl {
  height: auto;
  height: initial;
  padding: 0;

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

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

.Mutes__comment--tF,
.Mutes__scope--r8 {
  margin-top: var(--ring-unit);
}

.Mutes__comment--tF {
  overflow: hidden;
}

.Mutes__commentText--GA {
  word-break: break-word;
}

.Mutes__commentTextLoader--Zy {
  display: inline-block;
}

.Mutes__scope--r8 {
  display: flex;
  align-items: baseline;
  flex-direction: row;
}

.Mutes__scopeTitle--Uh {
  margin-right: calc(var(--ring-unit)/2);
}

.Mutes__scopeList--F2 {
  overflow: hidden;
  flex: 1 1;
}

.Mutes__entityPath--Gc {
  flex: 1 1;

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

.Mutes__entityPath--Gc .Mutes__entityPathLink--kT {
  color: var(--ring-link-color);
}

.Mutes__title--hG {
  margin-right: calc(var(--ring-unit)/2);
}

.Mutes__muteDetails--o1 {
  margin: 0 calc(var(--ring-unit)*-2) var(--ring-unit);
  padding: 0 calc(var(--ring-unit)*2) var(--ring-unit);
}

.Mutes__muteDetails--o1:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.Mutes__withSeveralMutes--ih .Mutes__muteDetails--o1 {
  margin-bottom: calc(var(--ring-unit)*2);
  padding-bottom: calc(var(--ring-unit)*2);
}

.Mutes__withSeveralMutes--ih .Mutes__muteDetails--o1:last-child {
  margin-bottom: 0;
}

.Mutes__body--JU {
  display: flex;
  flex-direction: column;

  height: 100%;
}

.Mutes__content--iQ {
  overflow-y: auto;

  height: 100%;
  max-height: 400px;
  padding: calc(var(--ring-unit)*1.5) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);
}

.Mutes__hasPermission--L_ .Mutes__content--iQ {
  padding-bottom: 0;
}

.Mutes__withSeveralMutes--ih .Mutes__content--iQ {
  padding-top: calc(var(--ring-unit)*2);
}

.Mutes__footer--eo {
  padding: calc(var(--ring-unit)*2);
}

.ProblemStatus__container--qG {
  display: flex;
  gap: calc(var(--ring-unit)/2);

  align-items: center;

  height: calc(var(--ring-unit)*2.25);

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

.ProblemStatus__iconButton--XT {
  padding: 0;
}

.ProblemStatus__popup--qO {
  display: flex;
  overflow: hidden;

  width: calc(var(--ring-unit)*50);
}

.ProblemStatus__popup--qO > div {
    width: 100%;
  }

.ProblemStatus__content--mr {
  display: flex;
  overflow-y: auto;
  flex-direction: column;

  height: 100%;
  max-height: 400px;
  padding: calc(var(--ring-unit)*1.5) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);
  gap: calc(var(--ring-unit)*2);
}

.MuteDialog__grid--r6 {
  grid-template-columns: 138px auto;
  grid-column-gap: var(--ring-unit);
  grid-row-gap: calc(var(--ring-unit)*1.5);
}

.MuteDialog__names--bY {
  overflow: auto;

  max-height: 120px;
}

.MuteDialog__nameContainer--vS {
  display: flex;
  gap: var(--ring-unit);
}

.MuteDialog__nameContainer--vS:not(:last-child) {
    padding-bottom: var(--ring-unit);
  }

.MuteDialog__name--vH {
  overflow: hidden;
}

.MuteDialog__primary--qF {

  padding-bottom: calc(var(--ring-unit)/4);

  font-weight: 600;
}

.MuteDialog__details--Ws {

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

.MuteDialog__separator--yc {
  border-bottom: 1px solid var(--ring-line-color);
  grid-column: span 2;
}

.MuteDialog__projectScope--Q4 {
  overflow: hidden;

  padding-right: calc(var(--ring-unit)/2);
}

.MuteDialog__scopeDetails--ju {
  padding-top: calc(var(--ring-unit)/2);

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

.MuteDialog__relatedProjectsContainer--IT {
  margin-top: calc(var(--ring-unit)*1.5);
}

.MuteDialog__relatedProjects--n8 {
  margin: 0;
  padding-left: calc(var(--ring-unit)*2);

  list-style-type: '\2022';

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

.MuteDialog__relatedProjects--n8 li {
  padding-left: var(--ring-unit);
}

.MuteDialog__investigationHint--Ng {
  padding: calc(var(--ring-unit)*1.5);

  border-radius: 8px;
  background-color: var(--ring-sidebar-background-color);
  grid-column: span 2;
}

.MuteDialog__unmuted--Fs {
  display: flex;
  flex-direction: column;
  gap: var(--ring-unit);
}

.MuteDialog__date--YP {
  margin-right: calc(var(--ring-unit)*-1);
}

.InvestigationDialog__grid--ic {
  grid-template-columns: 138px auto;
  grid-column-gap: var(--ring-unit);
  grid-row-gap: calc(var(--ring-unit)*1.5);
}

.InvestigationDialog__separator--QR {
  border-bottom: 1px solid var(--ring-line-color);
  grid-column: span 2;
}

.InvestigationDialog__projectScope--gL {
  overflow: hidden;

  padding-right: calc(var(--ring-unit)/2);
}

.InvestigationDialog__projectScopeDropdown--Og {
  color: var(--ring-link-color);
}

.InvestigationDialog__scopeDetails--CQ {
  color: var(--ring-secondary-color);
}

.InvestigationDialog__investigationHint--v6 {
  padding: calc(var(--ring-unit)*1.5);

  white-space: pre-wrap;

  border-radius: 8px;
  background-color: var(--ring-sidebar-background-color);
  grid-column: span 2;
}

.InvestigationDialog__relatedProjectsContainer--v3 {
  margin-top: calc(var(--ring-unit)*1.5);
}

.InvestigationDialog__relatedProjects--BC {
  margin: 0;
  padding-left: calc(var(--ring-unit)*2);

  list-style-type: '\2022';

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

.InvestigationDialog__relatedProjects--BC li {
  padding-left: var(--ring-unit);
}

:root {
  /* stylelint-disable-next-line color-no-hex */
  --ring-date-picker-hover-color: #b3dfff;
}

.ring-date-picker-container {
  display: inline-block;
}

.ring-date-picker-hoverable {
  cursor: pointer;
  transition: color 0.2s ease-out 0s;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-date-picker-hoverable:hover {
  transition: none;

  color: var(--ring-link-hover-color);
}}

.ring-date-picker-datePicker.ring-date-picker-datePicker {
  padding-right: 8px;
}

.ring-date-picker-datePicker.ring-date-picker-datePicker.ring-date-picker-inline {
    padding: 0;
  }

.ring-date-picker-datePicker.ring-date-picker-datePicker.ring-date-picker-sizeS {
    width: 96px;
  }

.ring-date-picker-datePicker.ring-date-picker-datePicker.ring-date-picker-sizeM {
    width: 240px;
  }

.ring-date-picker-datePicker.ring-date-picker-datePicker.ring-date-picker-sizeL {
    width: 400px;
  }

.ring-date-picker-datePicker.ring-date-picker-datePicker.ring-date-picker-sizeFULL {
    width: 100%;
  }

.ring-date-picker-datePicker.ring-date-picker-datePicker.ring-date-picker-sizeAUTO {
    max-width: 100%;
  }

.ring-date-picker-displayDate {
  display: inline-block;

  min-width: 88px;

  text-align: left;
}

.ring-date-picker-displayDate.ring-date-picker-displayRange {
  min-width: 176px;
}

.ring-date-picker-clear {
  cursor: pointer;
  transition: opacity var(--ring-ease);

  opacity: 0.3;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-date-picker-datePicker:hover .ring-date-picker-clear {
  opacity: 0.5;
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-date-picker-datePicker .ring-date-picker-clear:hover {
  transition: none;

  opacity: 1;
}}

.ring-date-picker-datePopup {
  width: -moz-min-content;
  width: min-content;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
  text-align: left;

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

.ring-date-picker-datePopup * {
  box-sizing: border-box;
}

.ring-date-picker-filterWrapper {

  display: flex;

  padding-left: 16px;
}

.ring-date-picker-filter {
}

.ring-date-picker-calendarIcon {
  margin-right: 4px;

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

.ring-date-picker-anchor {
  width: 100%;
  padding: 0 8px;

  text-align: start;
  white-space: nowrap;
}

.ring-date-picker-inline .ring-date-picker-anchor {
    min-width: 0;
    min-width: initial;
    padding: 0;

    cursor: pointer;
  }

.ring-date-picker-anchorContent {
  display: flex;
  align-items: baseline;
}

.ring-date-picker-chevronDownIcon {
  margin-left: auto;

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

.ring-date-picker-fromInput {
  position: relative;

  flex-basis: 104px;
  flex-grow: 0;
  flex-shrink: 0;
}

.ring-date-picker-fromInputWithDivider::after {
    position: absolute;
    top: 0;
    right: 8px;

    content: "—";

    line-height: 30px;
  }

.ring-date-picker-toInput {
  flex-basis: 104px;
  flex-grow: 1;
  flex-shrink: 0;

  width: 104px;
}

.ring-date-picker-dateInput {
  flex-basis: 88px;
  flex-grow: 1;
  flex-shrink: 0;
}

.ring-date-picker-timeInputWithDivider {
  position: relative;
}

.ring-date-picker-timeInputWithDivider::before {
    position: absolute;
    left: -8px;

    content: ",";

    line-height: 29px;
  }

.ring-date-picker-weekdays {
  height: 32px;
  padding: 5px 16px 0;

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

.ring-date-picker-weekday.ring-date-picker-weekday {
  display: inline-block;

  width: 24px;

  text-align: center;
  text-transform: capitalize;
}

.ring-date-picker-weekend.ring-date-picker-weekend {
  color: var(--ring-error-color);
}

.ring-date-picker-calendar {
  position: relative;

  overflow: hidden;

  width: 296px;
  height: 288px;

  box-shadow: 0 -1px var(--ring-line-color);
}

.ring-date-picker-months.ring-date-picker-months {
  position: absolute;
  top: 0;
  right: 48px;
  bottom: 0;
  left: 0;
}

.ring-date-picker-days {
  position: relative;
  left: 0;
}

.ring-date-picker-month.ring-date-picker-month {
  display: flex;
  flex-wrap: wrap;

  width: 168px;
  margin: 16px;
}

.ring-date-picker-month.ring-date-picker-month > * {
  flex-shrink: 0;

  height: 24px;

  line-height: 24px;
}

.ring-date-picker-monthTitle {
  /* IE workaround, see https://github.com/philipwalton/flexbugs#7-flex-basis-doesnt-account-for-box-sizingborder-box */

  width: 96px;

  padding-left: 4px;

  text-align: left;

  text-transform: capitalize;

  font-weight: bold;
}

@supports (flex-basis: 1px) {

.ring-date-picker-monthTitle {
    flex-basis: 96px;

    width: auto;
}
  }

.ring-date-picker-day {
}

.ring-date-picker-day.ring-date-picker-day {
  position: relative;

  flex-basis: 24px;

  margin: 0;

  cursor: pointer;
  transition: background-color var(--ring-ease), color var(--ring-ease);
  text-align: center;
}

.ring-date-picker-day.ring-date-picker-day::before,
  .ring-date-picker-day.ring-date-picker-day::after {
    pointer-events: none;
  }

.ring-date-picker-between.ring-date-picker-between {
  transition: none;

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

.ring-date-picker-activeBetween.ring-date-picker-activeBetween {
  transition: none;

  background-color: #b3dfff;

  background-color: var(--ring-date-picker-hover-color);
}

.ring-date-picker-current.ring-date-picker-current {
  color: var(--ring-white-text-color);
  border-radius: var(--ring-border-radius);
  background-color: var(--ring-main-color);
}

.ring-date-picker-active.ring-date-picker-active {
  transition: none;

  color: var(--ring-link-hover-color);
  border-radius: var(--ring-border-radius);
  background-color: #b3dfff;
  background-color: var(--ring-date-picker-hover-color);
}

.ring-date-picker-disabled.ring-date-picker-disabled {
  cursor: not-allowed;

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

.ring-date-picker-from.ring-date-picker-from {
  border-radius: var(--ring-border-radius) 0 0 var(--ring-border-radius);
}

.ring-date-picker-to.ring-date-picker-to {
  border-radius: 0 var(--ring-border-radius) var(--ring-border-radius) 0;
}

.ring-date-picker-from.ring-date-picker-to {
  border-radius: var(--ring-border-radius);
}

.ring-date-picker-Monday {
  position: relative;
}

.ring-date-picker-Monday::before,
  .ring-date-picker-Monday::after {
    position: absolute;

    width: 16px;
    height: 100%;

    content: "";
    transition: background-color var(--ring-ease);
  }

.ring-date-picker-Monday::before {
    right: 100%;
  }

.ring-date-picker-Monday::after {
    bottom: 100%;
    left: 700%;
  }

.ring-date-picker-Monday.ring-date-picker-spread::before,
    .ring-date-picker-Monday.ring-date-picker-spread::after {
      transition: none;

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

.ring-date-picker-Monday.ring-date-picker-activeSpread::before,
    .ring-date-picker-Monday.ring-date-picker-activeSpread::after {
      transition: none;

      background-color: #b3dfff;

      background-color: var(--ring-date-picker-hover-color);
    }

.ring-date-picker-first {
  position: relative;
}

.ring-date-picker-first::before,
  .ring-date-picker-first::after {
    position: absolute;
    z-index: var(--ring-invisible-element-z-index);

    width: 184px;
    height: 64px;

    content: "";
    transition: background-color var(--ring-ease);
  }

.ring-date-picker-first::before {
    right: 100%;
    bottom: 0;
  }

.ring-date-picker-first::after {
    bottom: 100%;
    left: 0;
  }

.ring-date-picker-first.ring-date-picker-Monday::after {
      height: 40px;
    }

.ring-date-picker-first + .ring-date-picker-Tuesday {
    position: relative;
  }

.ring-date-picker-first + .ring-date-picker-Tuesday::before {
      position: absolute;
      z-index: var(--ring-invisible-element-z-index);
      top: -64px;
      left: 600%;

      width: 16px;
      height: 100%;

      content: "";
      transition: background-color var(--ring-ease);
    }

.ring-date-picker-Friday::before,
  .ring-date-picker-Saturday::before,
  .ring-date-picker-Sunday::before,
  .ring-date-picker-Friday::after,
  .ring-date-picker-Saturday::after,
  .ring-date-picker-Sunday::after {
    height: 40px;
  }

.ring-date-picker-spread::before,
  .ring-date-picker-spread::after,
  .ring-date-picker-spread + .ring-date-picker-Tuesday::before {
    transition: none;

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

.ring-date-picker-activeSpread::before,
  .ring-date-picker-activeSpread::after,
  .ring-date-picker-activeSpread + .ring-date-picker-Tuesday::before {
    transition: none;

    background-color: #b3dfff;

    background-color: var(--ring-date-picker-hover-color);
  }

.ring-date-picker-empty.ring-date-picker-empty {
  pointer-events: none;

  opacity: 0;
}

.ring-date-picker-today.ring-date-picker-today {
  position: relative;

  font-weight: bold;
}

.ring-date-picker-today::before {
  position: absolute;
  top: 0;
  left: 4px;

  content: "•";

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

.ring-date-picker-day > .ring-date-picker-today::before {
  top: 4px;
  left: 0;

  width: 100%;

  text-align: center;
}

.ring-date-picker-year.ring-date-picker-today::before {
  top: -1px;
  left: 2px;
}

.ring-date-picker-monthNames {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;

  width: 48px;

  background-color: var(--ring-content-background-color);
  box-shadow: -1px 0 var(--ring-line-color);
}

.ring-date-picker-monthName {
}

.ring-date-picker-monthName.ring-date-picker-monthName {
  position: relative;

  width: 100%;

  height: 24px;
  padding-left: 12px;

  text-transform: capitalize;

  line-height: 24px;
}

.ring-date-picker-monthSlider {
}

.ring-date-picker-monthSlider.ring-date-picker-monthSlider {
  position: absolute;
  z-index: var(--ring-fixed-z-index);
  right: 0;
  left: -1px;

  width: calc(100% + 1px);

  height: 48px;

  cursor: grab;

  opacity: 0.17;
  background-color: var(--ring-main-color);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-date-picker-monthSlider:hover {
  opacity: 0.3;
}}

.ring-date-picker-dragging {
  cursor: grabbing;

  opacity: 0.35;
}

.ring-date-picker-range {
  position: absolute;
  left: 0;

  width: 2px;

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

.ring-date-picker-years {
  position: absolute;
  top: 0;
  right: 0;

  width: 48px;

  background-color: var(--ring-content-background-color);
  box-shadow: -1px 0 var(--ring-line-color);

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

.ring-date-picker-year {
}

.ring-date-picker-year.ring-date-picker-year {
  position: relative;

  width: 100%;

  height: 32px;

  text-align: center;

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

  line-height: 32px;
}

.ring-date-picker-currentYear.ring-date-picker-currentYear {
  cursor: auto;
  transition: none;

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ring-date-picker-currentYear:hover {
  color: var(--ring-text-color);
}}

.BatchAction__actions--ty {
  display: flex;
  gap: calc(var(--ring-unit)*2);

  padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*2) 0 0;
}

.BatchAction__secondary--Yg {
  padding: 0;
}

.Placeholder__nothingFound--VB {
  padding: var(--ring-unit) 0;

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

.TableHeader__tableHeader--xb {
  display: contents;

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

.TableHeader__tableHeader--xb::before {
    position: absolute;

    z-index: 1;
    top: var(--absolute-child-top);
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    pointer-events: none;

    border-bottom: 1px solid var(--ring-line-color);

    grid-column: start / end;
    grid-row: var(--row) / span 1;
  }

.TableHeader__columnTitle--Zj {

  cursor: pointer;
}

.TableHeader__column--T8 {
  box-sizing: border-box;
  padding: var(--ring-unit) 0;

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

  font-size: var(--ring-font-size-smaller);
  grid-row-start: var(--row);
}

.BuildProblemHeader__statusColumn--AO {
  grid-column-start: status-start;
}

.BuildProblemHeader__buildColumn--D2 {
  grid-column-start: build-start;

  display: flex;

  white-space: nowrap;
}

.BuildProblemHeader__problemNameColumn--LG {
  grid-column-start: problem-name-start;
}

.BuildProblemHeader__changesColumn--wC {
  grid-column-start: changes-start;
}

.BuildProblemHeader__assignedColumn--ba {
  grid-column-start: assigned-start;
}

.BuildProblemHeader__actionsColumn--_I {
  grid-column-start: actions-start;
}

.Investigations__container--BA {
  display: flex;
  flex-direction: column;
  gap: var(--ring-unit);
}

.Investigations__detail--yc {
  word-break: break-word;

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.Investigations__detail--yc:not(:last-child){
    padding-bottom: calc(var(--ring-unit)/4);
  }

.Investigations__assignment--fv {

  padding-bottom: calc(var(--ring-unit)/4);
}

.Investigations__full--W0 {
  white-space: normal;
}

.Investigations__scopeList--tK {
  overflow: hidden;

  height: calc(var(--ring-unit)*2);

  margin-top: calc(var(--ring-unit)/4);
}

.Investigations__entityPath--px {
  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.Investigations__entityPath--px .Investigations__entityPathLink--Jo {
  color: var(--ring-link-color);
}

.Investigations__buildPath--qB {
  overflow: hidden;

  margin: 0 calc(var(--ring-unit)/4);

  white-space: nowrap;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TableRow__details--YE:hover .TableRow__button--rd::before {
    background-color: var(--ring-hover-background-color);
}}

.TableRow__row--MB {
  display: contents;
}

.TableRow__row--MB::before {
    position: absolute;

    z-index: 1;
    top: var(--absolute-child-top);
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    pointer-events: none;

    border-bottom: 1px solid var(--ring-line-color);

    grid-column: start / end;
    grid-row: var(--row) / span 1;
  }

.TableRow__expanded--Hg::before {
    position: absolute;

    z-index: 1;
    top: var(--absolute-child-top);
    right: calc(var(--ring-unit)*-4);
    bottom: 0;
    left: calc(var(--ring-unit)*-4);

    content: '';
    pointer-events: none;

    box-shadow:
      0 0 0 1px var(--ring-line-color),
      0 2px 8px var(--ring-popup-shadow-color);

    grid-column: start / end;
    grid-row: var(--row) / span 2;
  }

.TableRow__details--YE {
  display: contents;
}

.TableRow__button--rd {

  grid-column: start / end;
  grid-row: var(--row) / span 1;
}

.TableRow__button--rd::before {
    position: absolute;
    top: 0;
    right: calc(var(--ring-unit)*-4);
    bottom: 0;
    left: calc(var(--ring-unit)*-4);

    content: '';
  }

.TableRow__button--rd:focus {
  outline: none;
}

.TableRow__expanded--Hg .TableRow__button--rd::before {
    border-bottom: 1px solid var(--ring-line-color);
    background-color: var(--ring-hover-background-color);
    box-shadow: inset 2px 0 var(--ring-main-color);
}

.TableRow__details--YE .TableRow__button--rd:focus::before {
    background-color: var(--ring-hover-background-color);
}

.TableRow__detailsWrapper--pi {
  grid-column: start / end;
}

.TableRow__arrow--EZ {
  position: absolute;

  grid-column: -1;
  grid-row: var(--row) / span 1;

  top: calc(var(--absolute-child-top) + 8px);
  right: calc(var(--ring-unit)*-4 + 10px);
  left: auto;

  padding: 0;

  transition: opacity ease;

  pointer-events: none;

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

  line-height: normal;
}

.TableRow__details--YE:hover .TableRow__arrow--EZ, .TableRow__button--rd:focus ~ .TableRow__arrow--EZ {
    transition: none;

    opacity: 1;
}

.TableRow__button--rd:active ~ .TableRow__arrow--EZ {
    transition: none;

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

.TableRow__expanded--Hg .TableRow__arrow--EZ {
  opacity: 1;
}

.ArrowPopupMenu__arrowPopupMenu--WA {
  display: inline-flex;
  align-items: baseline;

  max-width: 100%;

  white-space: nowrap;
  text-decoration: none;

  line-height: normal;
}

.ArrowPopupMenu__anchor--uS {
  padding: 0;
}

.BuildProblemActions__customLinkWrapper--_O.BuildProblemActions__customLinkWrapper--_O {
  padding: 0;

  background: none;
}

.BuildProblemActions__customLink--RW {
  display: inline-block;

  box-sizing: border-box;
  height: calc(var(--ring-unit)*4);
  padding: 3px calc(var(--ring-unit)*2) 5px;
}

.BuildProblemsTreeLeaf__row--QH,
.BuildProblemsTreeLeaf__content--uQ {
  display: flex;
  overflow: hidden;
  align-items: baseline;
  flex: 1 1 auto;

  cursor: pointer;
}

.BuildProblemsTreeLeaf__actions--rn {
  margin-left: auto;
  padding-left: calc(var(--ring-unit)*2);
}

.BuildProblemsTreeLeaf__problemMutesIcon--_4,
.BuildProblemsTreeLeaf__problemInvestigationsIcon--a1 {
  margin-right: calc(var(--ring-unit)/2);
}

.BuildProblemsTreeLeaf__problemMutes--pG,
.BuildProblemsTreeLeaf__problemInvestigations--pf {
  padding: 0;
}

.BuildProblemsTreeLeaf__buildNumber--GT .BuildNumber__link--of {
  color: var(--ring-text-color);

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

.BuildProblemsTreeLeaf__entityPath--Gy {
  overflow: visible;
  overflow: initial;
}

.BuildProblemsTreeLeaf__buildStatus--In {
  color: var(--ring-text-color);
}

.BuildProblemsTreeLeaf__buildNumber--GT,
.BuildProblemsTreeLeaf__buildStatus--In {
  margin-right: var(--ring-unit);
}

.BuildProblemsTreeLeaf__comment--IU {
}

.BuildProblemsTreeLeaf__new--b0 .BuildProblemsTreeLeaf__comment--IU,
.BuildProblemsTreeLeaf__new--b0 .BuildProblemsTreeLeaf__buildPathLinks--u3,
.BuildProblemsTreeLeaf__new--b0 .BuildProblemsTreeLeaf__buildNumber--GT,
.BuildProblemsTreeLeaf__new--b0 .BuildProblemsTreeLeaf__buildStatus--In {
  font-weight: bold;
}

.BuildProblemsTreeLeaf__buildPath--uf {

  display: flex;
  align-items: baseline;
  flex: 1 1 auto;
  flex-wrap: nowrap;
}

.BuildProblemActions__container--q_ {
  display: flex;
  justify-content: end;
  gap: calc(var(--ring-unit)/2);
}

.BuildProblemActions__menu--y0 {
  padding: 0 calc(var(--ring-unit)/2);
}

.BuildProblemActions__item--aj {
  color: var(--ring-link-color);
}

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

.BuildProblemName__name--iw {
  margin-bottom: calc(var(--ring-unit)*0.25);

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

.BuildProblemName__newFailure--Ow {
  font-weight: bold;
}

.BuildProblemName__status--lw {
  display: flex;
  gap: calc(var(--ring-unit)*0.25);

  align-items: baseline;

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.BuildProblemName__icon--ED {
  color: var(--ring-icon-error-color)
}

.BuildProblemName__text--Ra {
  overflow: hidden;

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

.BuildProblemName__full--Uv {
  white-space: normal;
  overflow-wrap: break-word;
}

.BuildProblemRow__statusColumn--KS,
.BuildProblemRow__buildColumn--g9,
.BuildProblemRow__problemNameColumn--rE,
.BuildProblemRow__changesColumn--Lj,
.BuildProblemRow__assignedColumn--lu,
.BuildProblemRow__actionsColumn--Fp {
  z-index: 2;

  padding: var(--ring-unit) 0;
}

.BuildProblemRow__statusColumn--KS {
  display: flex;
  gap: var(--ring-unit);

  grid-column-start: status-start;
  grid-row-start: var(--row);
}

.BuildProblemRow__buildColumn--g9 {
  display: flex;

  white-space: nowrap;
  grid-column-start: build-start;
  grid-row-start: var(--row);
}

.BuildProblemRow__problemNameColumn--rE {
  overflow: hidden;
  align-items: baseline;
  grid-column-start: problem-name-start;
  grid-row-start: var(--row);
}

.BuildProblemRow__changesColumn--Lj {
  grid-column-start: changes-start;
  grid-row-start: var(--row);
}

.BuildProblemRow__assignedColumn--lu {
  grid-column-start: assigned-start;
  grid-row-start: var(--row);
}

.BuildProblemRow__actionsColumn--Fp {
  grid-column-start: actions-start;
  grid-row-start: var(--row);
}

.BuildProblemRow__number--WV {
  line-height: var(--ring-line-height);
}

.BuildProblemList__grid--Sf {
  --status-column: [start status-start] max-content;
  --build-column: [start build-start] max-content;
  --problem-name-column: [problem-name-start] auto;
  --changes-column: [changes-start] max-content;
  --assigned-column: [assigned-start] minmax(auto, 240px);
  --actions-column: [actions-start] max-content;

  position: relative;

  align-items: start;
  grid-column-gap: calc(var(--ring-unit)*1.5);
  grid-template-columns: [start status-start] max-content [start build-start] max-content [problem-name-start] auto [changes-start] max-content [assigned-start] minmax(auto, 240px) [actions-start] max-content [end];
  grid-template-columns: var(--status-column) var(--build-column) var(--problem-name-column) var(--changes-column) var(--assigned-column) var(--actions-column) [end];
}

.BuildProblemList__list--qW {
  display: contents;
}

.BuildProblemList__nothingFound--dX {
  padding: var(--ring-unit) 0;

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

.BuildTypeProblemHeader__statusColumn--dB {
  grid-column-start: status-start;
}

.BuildTypeProblemHeader__problemNameColumn--TE {
  grid-column-start: problem-name-start;
}

.BuildTypeProblemHeader__assignedColumn--Ct {
  grid-column-start: assigned-start;
}

.BuildTypeProblemHeader__actionsColumn--jY {
  grid-column-start: actions-start;
}

.BuildTypeProblemRow__row--oM {
  display: contents;
}

.BuildTypeProblemRow__row--oM::before {
    position: absolute;

    z-index: 1;
    top: var(--absolute-child-top);
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    pointer-events: none;

    border-bottom: 1px solid var(--ring-line-color);

    grid-column: start / end;
    grid-row: var(--row) / span 1;
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .BuildTypeProblemRow__row--oM:hover::before {
    background-color: var(--ring-hover-background-color);
  }}

.BuildTypeProblemRow__statusColumn--jw,
.BuildTypeProblemRow__problemNameColumn--k_,
.BuildTypeProblemRow__assignedColumn--Oj,
.BuildTypeProblemRow__actionsColumn--uN {
  z-index: 2;

  padding: var(--ring-unit) 0;
}

.BuildTypeProblemRow__statusColumn--jw {
  display: flex;

  align-items: center;

  grid-column-start: status-start;
  grid-row-start: var(--row);
}

.BuildTypeProblemRow__problemNameColumn--k_ {
  overflow: hidden;
  align-items: baseline;
  grid-column-start: problem-name-start;
  grid-row-start: var(--row);
}

.BuildTypeProblemRow__assignedColumn--Oj {
  grid-column-start: assigned-start;
  grid-row-start: var(--row);
}

.BuildTypeProblemRow__actionsColumn--uN {
  grid-column-start: actions-start;
  grid-row-start: var(--row);
}

.BuildTypeProblemRow__checkbox--N8 {
  margin-left: 0;
}

.BuildTypeProblemRow__name--gC {
  display: flex;
  gap: calc(var(--ring-unit)*0.75);

  align-items: baseline;

  font-weight: 600;
}

.BuildTypeProblemRow__tableRow--ei::before {
  left: calc(var(--ring-unit)*-1.75);
}

.BuildTypeProblemList__grid--BF {
  --status-column: [start status-start] max-content;
  --problem-name-column: [problem-name-start] auto;
  --assigned-column: [assigned-start] minmax(auto, 240px);
  --actions-column: [actions-start] max-content;

  position: relative;

  align-items: start;

  margin-left: calc(var(--ring-unit)*-2.25);
  grid-column-gap: calc(var(--ring-unit)*1.5);
  grid-template-columns: [start status-start] max-content [problem-name-start] auto [assigned-start] minmax(auto, 240px) [actions-start] max-content [end];
  grid-template-columns: var(--status-column) var(--problem-name-column) var(--assigned-column) var(--actions-column) [end];
}

.BuildTypeProblemList__list--G5 {
  display: contents;
}

.BuildTypeProblemList__nothingFound--Bl {
  padding: var(--ring-unit) 0;

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

.TestProblemHeader__statusColumn--Ke {
  grid-column-start: status-start;

  display: flex;

  white-space: nowrap;
}

.TestProblemHeader__testNameColumn--fi {
  grid-column-start: test-name-start;
}

.TestProblemHeader__failuresColumn--_s {
  grid-column-start: failures-start;
}

.TestProblemHeader__assignedColumn--tT {
  grid-column-start: assigned-start;
}

.TestProblemHeader__actionsColumn--z0 {
  grid-column-start: actions-start;
}

.FailureHeader__statusColumn--PC {
  grid-column-start: status-start;

  display: flex;

  white-space: nowrap;
}

.FailureHeader__projectScopeColumn--SA {
  grid-column-start: project-scope-start;
}

.FailureHeader__changesColumn--in {
  grid-column-start: changes-start;
}

.FailureHeader__startedColumn--qU {
  grid-column-start: started-start;
}

.FailureHeader__actionsColumn--hu {
  grid-column-start: actions-start;
}

.BuildLogPreview__header--Kc {
  position: sticky;
  z-index: 1;
  top: 0;

  display: flex;
  align-items: baseline;

  padding-bottom: var(--ring-unit);

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

.BuildLogPreview__header--Kc::after {
    position: absolute;
    right: 0;
    bottom: -4px;
    left: 0;

    height: 4px;

    content: '';

    background-image: linear-gradient(to bottom, rgba(var(--ring-content-background-components), 0.7), rgba(var(--ring-content-background-components), 0.7));
  }

.BuildLogPreview__hasMessages--Mc {
  box-shadow: inset 0 -1px 0 0 var(--ring-line-color);
}

.BuildLogPreview__content--vT {
  position: relative;

  display: block;
  overflow: hidden;

  margin-top: calc(var(--ring-unit)/2);

  text-decoration: none;

  color: inherit;
}

.BuildLogPreview__warning--Jk {
  position: relative;

  overflow: hidden;

  padding-top: calc(var(--ring-unit)*2);

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

  font-size: ring-global-font-smaller ring-global-font-lower ring-global-font;
  line-height: var(--ring-line-height-lowest);
}

.BuildLogPreview__warning--Jk::before {
    position: absolute;
    top: -6px;
    right: -6px;
    left: -6px;

    content: '';

    border-top: 7px dashed var(--ring-line-color);
  }

.BuildLogPreview__footer--X0 {
  margin-top: calc(var(--ring-unit)*2);
}

.BuildLogPreview__warning--Jk + .BuildLogPreview__footer--X0 {
  margin-top: var(--ring-unit);
}

.BuildLogPreview__message--EJ {
  padding: 0;
}

.BuildLogPreview__heading--xS {
  margin-right: var(--ring-unit);
}

.BuildLogPreview__title--rD {
  font-weight: bold;
}

.BuildLogPreview__diff--a3 {

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

.BuildLogPreview__diffLink--tb {
  margin-right: calc(var(--ring-unit)/2);
}

.BuildLogPreview__actions--Yg {
  margin-left: auto;
}

.BuildLogPreview__actionButton--uD {
  height: var(--ring-line-height);
  margin: 0;

  margin-left: calc(var(--ring-unit)*1.5);
  padding: 0;

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

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.BuildLogPreview__showFullLogLink--qO:hover .BuildLogPreview__innerLink--ba {
    border-bottom-width: 0;
  }}

.BuildLogPreview__showFullLogLink--qO:focus .BuildLogPreview__innerLink--ba {
    border-bottom-width: 0;
  }

.BuildLogPreview__button--PH {
  margin-right: var(--ring-unit);
}

.BuildLogPreview__loader--zs {
  margin-left: var(--ring-unit);
}

.BuildProblemsTreeLeafDetails__details--Go {
  padding-bottom: calc(var(--ring-unit)*2);
}

.BuildProblemsTreeLeafDetails__buildLog--dy {
  margin-top: calc(var(--ring-unit)*2);
}

.BuildProblemsTreeNode__node--Nl {
  display: flex;
  overflow: hidden;
  align-items: baseline;
  flex-wrap: nowrap;
}

.BuildProblemsTreeNode__entityPath--ZO {
  line-height: 24px;
}

.BuildProblemsTreeNode__entityPathLink--Eq {
  color: var(--ring-link-color);

  line-height: 24px;
}

.BuildProblemsTreeNode__buildNumber--zY {
  font-size: var(--ring-font-size);
  line-height: 24px;
}

.BuildProblemsTreeNode__childrenCount--P8 {
  margin-left: var(--ring-unit);

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  white-space: nowrap;

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

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

.BuildProblemsTreeNode__separator--iM {
  flex-shrink: 0;

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

.BuildProblemsTreeNodeFooter__button--Pj {

  margin-right: var(--ring-unit);
  padding: 0;

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

.BuildProblemsTree__tree--Ut {
  position: relative;

  z-index: 0;

  margin-top: calc(var(--ring-unit)*2);
}

.BuildProblemsTree__expandAllButton--cP,
.BuildProblemsTree__investigationMuteButtons--Za {
  margin-right: var(--ring-unit);
}

.BuildProblemsTree__investigationMuteButtons--Za {
  margin-left: var(--ring-unit);
}

.BuildProblemsPreview__hideProblemsFromDependencies--i5 {
  margin-left: calc(var(--ring-unit)/2);
}

.ParameterValuesSelect__select--Ai {
  padding-bottom: calc(var(--ring-unit)*1.5);
}

.ParameterValuesSelect__select--Ai button {
    color: var(--ring-text-color);
  }

.MatrixFilter__filter--kd {
  display: flex;

  overflow: hidden;
  align-items: baseline;
  flex-wrap: wrap;
}

.MatrixFilter__state--Pm {
  margin-right: calc(var(--ring-unit)*2);
}

.MatrixFilter__parameters--ok {
  margin-right: calc(var(--ring-unit)*2);
}

.MatrixGridRow__column--qz {
  position: relative;

  padding: calc(var(--ring-unit)/2) var(--ring-unit);
}

.MatrixGridRow__column--qz:first-child {
    padding-left: 0;
  }

.MatrixGridRow__column--qz:last-child {
    padding-right: 0;
  }

.MatrixGridRow__columnValue--je {

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

  opacity: 0;
}

.MatrixGridRow__columnValue--je.MatrixGridRow__visible--ej {
     opacity: 1;
  }

.MatrixGridRow__parameterName--im,
.MatrixGridRow__parameterValue--WW {
  padding-right: calc(var(--ring-unit)*2);

  white-space: nowrap;

  font-weight: 600;
}

.MatrixGridRow__header--kM.MatrixGridRow__parameterName--im .MatrixGridRow__columnValue--je,
.MatrixGridRow__body--mo.MatrixGridRow__parameterValue--WW .MatrixGridRow__columnValue--je {
  max-width: 150px;
}

.MatrixGridRow__row--EE {
  display: contents;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* stylelint-disable-next-line selector-max-specificity */
    .MatrixGridRow__row--EE:hover .MatrixGridRow__parameterValue--WW .MatrixGridRow__columnValue--je {
      opacity: 1;
    }}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.MatrixGridRow__column--qz:hover::after,
.MatrixGridRow__column--qz:hover::before {
  position: absolute;
  z-index: -1;

  content: '';

  opacity: 0;
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.MatrixGridRow__column--qz:hover::after {
  top: -100vh;
  left: 0;

  width: 100%;
  height: 200vh;
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.MatrixGridRow__column--qz:hover::before {
  top: 0;
  left: -100vw;

  width: 200vw;
  height: 100%;
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* stylelint-disable-next-line selector-max-specificity */
  .MatrixGridRow__column--qz.MatrixGridRow__build--JL:hover {
    background-color: var(--ring-hover-background-color);
  }

  /* stylelint-disable-next-line selector-max-specificity */
  .MatrixGridRow__column--qz.MatrixGridRow__build--JL:hover::after,
  .MatrixGridRow__column--qz.MatrixGridRow__build--JL:hover::before,
  .MatrixGridRow__column--qz.MatrixGridRow__header--kM.MatrixGridRow__parameterValue--WW:hover::after,
  .MatrixGridRow__column--qz.MatrixGridRow__body--mo.MatrixGridRow__parameterValue--WW:hover::before {
    opacity: 0.3;
    background-color: var(--ring-hover-background-color);
  }}

.MatrixGridRow__row--EE.MatrixGridRow__withUnderline--AG .MatrixGridRow__column--qz {
  border-bottom: 1px solid var(--ring-line-color);
}

.MatrixGridRow__header--kM {
  border-top: 1px solid var(--ring-line-color);
  border-bottom: 1px solid var(--ring-line-color);
}

.MatrixGridRow__header--kM.MatrixGridRow__parameterName--im {
    color: var(--ring-secondary-color);

    font-weight: normal;
  }

.MatrixGrid__grid--sz {
  position: relative;

  overflow: hidden;

  margin-left: calc(var(--ring-unit)*-4);
  padding-left: calc(var(--ring-unit)*4);
}

.MatrixGrid__underlined--EY {
  border-bottom: 1px solid var(--ring-line-color);
}

.BuildTestActions__customLinkWrapper--IY.BuildTestActions__customLinkWrapper--IY {
  padding: 0;

  background: none;
}

.BuildTestActions__customLink--z8 {
  display: inline-block;

  box-sizing: border-box;

  height: calc(var(--ring-unit)*4);
  padding: 3px calc(var(--ring-unit)*2) 5px;
}

.TestFlakyLabel__label--M5 {
  font-size: var(--ring-font-size-smaller);
  font-weight: bold;
}

.TestFlakyLabel__descriptions--of {
  color: var(--ring-secondary-color);
}

.TestFlakyLabel__character--Vk {
  color: var(--ring-success-color);
}

.TestFlakyLabel__character--Vk:nth-child(2n + 1) {
  color: var(--ring-error-color);
}

.TestFlakyLabel__title--nD {
  margin-right: calc(var(--ring-unit)/2);
}

.BuildComment__wrapper--Kx {

  display: flex;
  align-items: baseline;

  max-width: 900px;
}

.BuildComment__header--Xy {
  display: flex;
}

.BuildComment__timestamp--Ss {
  color: var(--ring-secondary-color);
}

.BuildComment__userInfo--wm {
  margin-right: calc(var(--ring-unit)/2);
}

.BuildComment__button--J5 {
  padding-right: var(--ring-unit);
  padding-left: 0;

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

.BuildComment__icon--Ss {
  flex: 0 0 auto;

  margin-right: calc(var(--ring-unit)/2);

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

.BuildDetailsPopup__wrapper--SK {
  line-height: var(--ring-line-height);
}

.BuildDetailsPopup__content--OI {
  max-width: 432px;
  padding: calc(var(--ring-unit)*2);
}

.BuildDetailsPopup__visibleContainer--YD {
  overflow: hidden;
}

.BuildDetailsPopup__info--a0 {
}

.BuildDetailsPopup__row--dR {
  margin-bottom: calc(var(--ring-unit)*1.5);

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

.BuildDetailsPopup__row--dR:last-child {
    margin-bottom: 0;
  }

.BuildDetailsPopup__buildQueueInfo--mc {
  font-size: var(--ring-font-size);
}

.BuildStatsBar__column--eN {
  position: relative;

  width: calc(var(--ring-unit)*1.5);

  transition: background-color var(--ring-fast-ease);
}

.BuildStatsBar__column--eN::before {
    position: absolute;
    z-index: var(--ring-fixed-z-index);
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;

    content: '';

    border-radius: 2px;
  }

.BuildStatsBar__half--PU {
  min-height: 1px;
}

.BuildStatsBar__success--BV {
  background-color: var(--tc-success-background-color);
  box-shadow: inset 0 1px var(--ring-icon-success-color);
}

.BuildStatsBar__failed--EA {
  background-color: var(--ring-icon-error-color);
}

.BuildStatsBar__canceled--c8 {
  background-color: var(--ring-icon-secondary-color);
}

.BuildStatsBar__timeInQueue--FB {
  margin-top: 1px;

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

@keyframes BuildStatsBar__bar-move--LX {
  from {
    transform: translateY(calc(var(--ring-unit)*-1));
  }

  to {
    transform: translateY(0);
  }
}

.BuildStatsBar__running--gD {
  overflow: hidden;
}

.BuildStatsBar__running--gD::before {
    display: block;

    height: calc(100% + var(--ring-unit));

    content: '';

    background-repeat: repeat;
    background-position: bottom;
    background-size: var(--ring-unit) var(--ring-unit);
  }

.BuildStatsBar__running--gD.BuildStatsBar__success--BV {

    box-shadow: none;
  }

.BuildStatsBar__running--gD.BuildStatsBar__success--BV::before {
      background-image:
        linear-gradient(
          135deg,
          var(--ring-icon-success-color),
          var(--ring-icon-success-color) 3.75%,
          transparent 3.75%,
          transparent 46.25%,
          var(--ring-icon-success-color) 46.25%,
          var(--ring-icon-success-color) 53.75%,
          transparent 53.75%,
          transparent 96.25%,
          var(--ring-icon-success-color) 96.25%,
          var(--ring-icon-success-color)
        );
    }

.BuildStatsBar__running--gD.BuildStatsBar__failed--EA::before {
    background-image:
      linear-gradient(
        45deg,
        var(--tc-error-background-color),
        var(--tc-error-background-color) 3.75%,
        transparent 3.75%,
        transparent 46.25%,
        var(--tc-error-background-color) 46.25%,
        var(--tc-error-background-color) 53.75%,
        transparent 53.75%,
        transparent 96.25%,
        var(--tc-error-background-color) 96.25%,
        var(--tc-error-background-color)
      );
  }

.BuildStatsBar__animate--mG::before {
  animation: BuildStatsBar__bar-move--LX 1s linear infinite;
}

.BuildStatsBar__buildLink--hK {
  display: block;

  outline: none;

  /* stylelint-disable-next-line selector-max-specificity */
}

.BuildStatsBar__buildLink--hK.BuildStatsBar__current--Ju .BuildStatsBar__column--eN::before {
    box-shadow: 0 0 0 3px rgba(0, 142, 255, 0.4);
  }

/* stylelint-disable-next-line selector-max-specificity */

.BuildStatsBar__buildLink--hK:focus .BuildStatsBar__column--eN::before {
    box-shadow: 0 0 0 3px var(--ring-border-hover-color);
  }

.BuildStatsBar__buildLink--hK:not(:first-child) {
    margin-left: 1px;
  }


.BuildStatsBar__hovered--AG {
  --tc-hovered-stats-bar-success: #bcdcc2;
}


.BuildStatsBar__hovered--AG .BuildStatsBar__column--eN {
    transition: none;
  }


.BuildStatsBar__hovered--AG .BuildStatsBar__success--BV {
    background-color: var(--tc-hovered-stats-bar-success);
  }


.BuildStatsBar__hovered--AG .BuildStatsBar__failed--EA {
    background-color: var(--ring-error-color);
  }


.BuildStatsBar__hovered--AG .BuildStatsBar__canceled--c8 {
    background-color: var(--ring-secondary-color);
  }


.BuildStatsBar__hovered--AG .BuildStatsBar__timeInQueue--FB {
    background-color: var(--ring-borders-color);
  }

.BuildStatsBar__popup--i6 {
  padding: var(--ring-unit) calc(var(--ring-unit)*3) calc(var(--ring-unit)*2);
}

.BuildsTimeline__wrrapper--c_ {
  display: flex;
}

.BuildsTimeline__builds--Ry {
  position: relative;

  display: inline-flex;
}

.BuildsTimeline__earliestWrapper--b1 {

  position: absolute;
  top: calc(var(--ring-unit)*4);
  right: 0;
  left: 0;

  overflow: hidden;

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

  pointer-events: none;
}

.BuildsTimeline__earliestWrapper--b1::before {
    display: inline-block;

    content: '';
  }

.BuildsTimeline__earliest--d9 {
  white-space: nowrap;

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

.BuildsTimeline__container--P3 .BuildsTimeline__earliest--d9 {
  transition: opacity var(--ring-fast-ease);

  opacity: 0;
}

.BuildsTimeline__container--P3.BuildsTimeline__hover--PW .BuildsTimeline__earliest--d9,
.BuildsTimeline__container--P3:focus-within .BuildsTimeline__earliest--d9 {
  transition: none;

  opacity: 1;
}

.BuildsTimeline__loadingBar--LQ {
  align-self: flex-end;

  width: calc(var(--ring-unit)*1.5);

  transform-origin: bottom center;

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

.BuildsTimeline__loadingBar--LQ:not(:first-child) {
    margin-left: 1px;
  }

@keyframes BuildsTimeline__loading--bD {
  from {
    transform: scaleY(1);
  }

  to {
    transform: scaleY(0);
  }
}

.BuildsTimeline__loadingBarAnimate--HZ {
  animation: BuildsTimeline__loading--bD 1s infinite alternate;
}

.BuildsTimeline__loadingWithPreviousNextButton--FK {
  margin: 0 calc(var(--ring-unit)*2 + var(--ring-unit)/2);
}

.BuildsTimeline__previousButton--EX {
  margin-right: calc(var(--ring-unit)/2);
}

.BuildsTimeline__nextButton--lF {
  margin-left: calc(var(--ring-unit)/2);
}

.BuildsTimeline__previousButton--EX,
.BuildsTimeline__nextButton--lF {
  display: flex;
  align-items: center;
  justify-content: center;

  width: calc(var(--ring-unit)*2);
  height: 100%;
}

.BuildsTimeline__previousButton--EX .BuildsTimeline__icon--Cj, .BuildsTimeline__nextButton--lF .BuildsTimeline__icon--Cj {
    color: var(--ring-icon-secondary-color);
  }

.BuildPageHeader__header--_p {
  max-width: var(--tc-content-width);
  margin-bottom: calc(var(--ring-unit)*3);
}

.BuildPageHeader__heading--O3.BuildPageHeader__heading--O3 {
  margin: 0;
}

.BuildPageHeader__title--q8.BuildPageHeader__error--Bn {
  color: var(--ring-error-color);
}

.BuildPageHeader__title--q8.BuildPageHeader__success--ns {
  color: var(--ring-success-color);
}

.BuildPageHeader__star--bQ {
  height: calc(var(--ring-unit)*3);
  margin-left: -2px;

  vertical-align: 3px;
}

.BuildPageHeader__links--Uj {
  display: flex;
  align-items: baseline;
}

.BuildPageHeader__linksSequenceLoader--wi {
  display: flex;
  flex-direction: row-reverse;
}

.BuildPageHeader__linksSequenceLoader--wi > * {
    margin-right: var(--ring-unit);
  }

.BuildPageHeader__linksSequenceLoader--wi > *:first-child {
    margin-right: 0;
  }

.BuildPageHeader__breadcrumbs--OW {
  flex-grow: 1;
}

.BuildPageHeader__breadcrumbsLink--GD {
  font-size: var(--ring-font-size-smaller);
  line-height: 24px;
}

.BuildPageHeader__subHeader--Il {
  display: flex;

  align-items: baseline;

  width: 100%;
}

.BuildPageHeader__description--yn {
  flex: 1 0 auto;
}

.BuildPageHeader__statusIcon--Dl {
  margin-right: calc(var(--ring-unit)/2);
}

.BuildPageHeader__queuedIcon--nU {
  color: var(--ring-text-color);
}

.BuildPageHeader__pesronalQueuedIcon--kh .secondary.secondary {
    fill: var(--ring-text-color);
  }

.BuildPageHeader__branch--ct {
  box-sizing: border-box;
  max-width: 40%;
  height: 24px;

  line-height: 24px;
}

.BuildPageHeader__investigation--DY {
  overflow: hidden;
}

.BuildPageHeader__actions--rV,
.BuildPageHeader__branch--ct,
.BuildPageHeader__investigation--DY {
  margin-right: calc(var(--ring-unit)*1.5);

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

.BuildPageHeader__headerInfo--SZ {
  margin-bottom: var(--ring-unit);

  padding-right: calc(var(--ring-unit)*2);
}

.BuildPageHeader__statusChangeComment--WW {
  font-size: var(--ring-font-size);
  line-height: var(--ring-line-height);
}

.BuildPageHeader__main--xf {
  display: flex;
}

.BuildPageHeader__leftColumn--Au {
  overflow: hidden;
  flex: 1 1;

  margin-bottom: -1px;

  margin-left: calc(var(--ring-unit)*-4);

  padding: 0 calc(var(--ring-unit)*2) 1px calc(var(--ring-unit)*4);
}

.BuildPageHeader__rightColumn--N4 {
  margin-left: auto;

  padding-top: calc(var(--ring-unit)*2);
  padding-left: calc(var(--ring-unit)*2);

  line-height: 0;
}

.BuildPageHeader__queued--g_ {
  font-weight: normal;
}

.ShowDependenciesCheckbox__container--fq {
  display: inline-flex;
  align-items: center;
  align-self: stretch;

  flex-basis: auto;
  flex-shrink: 0;

  margin-left: var(--ring-unit);
}

.ShowDependenciesCheckbox__label--uW {
  display: flex;
  align-items: center;
  align-self: stretch;

  white-space: pre;
}

.ShowDependenciesCheckbox__cell--B1 {
  top: 0;
}

.ShowDependenciesCheckbox__loader--Ck {
  margin-left: var(--ring-unit);
}

.ParameterIcon__icon--_Q {
  width: 8px;
  height: 8px;
}

.ParametersModifyCheckbox__added--Po {
  fill: var(--tc-success-progress-color);
}

.ParametersModifyCheckbox__modified--mb {
  fill: var(--ring-main-color);
}

.ParametersModifyCheckbox__checkboxCell--DG {
  top: 0;
}

.ParametersModifyCheckbox__checkbox--W6 {
  display: inline-flex;
  align-items: center;
  align-self: stretch;

  flex-basis: auto;
  flex-shrink: 0;
}

.ParametersModifyCheckbox__checkboxLabel--kJ {
  display: flex;
  align-items: center;
  align-self: stretch;

  white-space: pre;
}

.BuildParameters__search--H3 {
  flex-shrink: 0;

  width: 230px;
  margin-right: calc(var(--ring-unit)*2);
}

@media (min-width: 1400px) {
  .BuildParameters__search--H3 {
    width: 300px;
  }
}

@media (min-width: 1600px) {
  .BuildParameters__search--H3 {
    width: 400px;
  }
}



.BuildParametersTab__controls--LJ {
  margin-right: auto;
  margin-left: calc(var(--ring-unit)*2);
}

.ProjectOverviewTab__toggleContainer--Ev {
  display: block;

  margin-bottom: var(--ring-unit);
}

.ProjectOverviewTab__noBuildTypes--h4 {
  box-sizing: border-box;
  margin-top: var(--ring-unit);

  padding: var(--ring-unit) calc(var(--ring-unit)*2);

  text-align: left;

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

  border: 1px solid var(--ring-line-color);
  border-radius: 3px;
  background: var(--ring-content-background-color);

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

.ProjectOverviewTab__createLink--Zm {
  padding-left: var(--ring-unit);

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

.Builds-wrapped__queuedWrapper--Nn {
  padding: calc(var(--ring-unit)/2) 0;

  text-align: center;

  border-bottom: 1px solid var(--ring-line-color);

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

.Builds-wrapped__queuedButton--yH {
  width: 100%;

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

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

.Builds-wrapped__noBuilds--G0 {

  grid-column: start / end;

  margin: 1px calc(var(--ring-unit)*-2) 2px;
}

.Builds-wrapped__content--fk {
  margin-bottom: calc(var(--ring-unit)*1.5);

  border: 1px solid var(--ring-line-color);
  border-radius: var(--ring-border-radius);
  background: var(--ring-content-background-color);
}

.Builds-wrapped__buildListWrapper--UQ.Builds-wrapped__buildListWrapper--UQ {
  margin-bottom: -1px;
  padding: 0 calc(var(--ring-unit)*2);
}

.Builds-wrapped__hasParentGrid--l0 {
  display: contents;
}

.Builds-wrapped__content--fk.Builds-wrapped__hasParentGrid--l0::before {
  position: absolute;
  top: calc(var(--absolute-child-top) - 1px);
  right: calc(var(--ring-unit)*-2 - 1px);
  bottom: 0;
  left: calc(var(--ring-unit)*-2 - 1px);

  content: '';
  pointer-events: none;

  border: 1px solid var(--ring-line-color);
  border-radius: var(--ring-border-radius);
  grid-column: start / end;
  grid-row: var(--row) / span var(--row-span);
}

.Builds-wrapped__inHierarchy--aL.Builds-wrapped__hasParentGrid--l0::before {
  left: calc(var(--ring-unit)*-2 - 1px + var(--offset));
}

.Builds-wrapped__withQueued--Nc {
}

.Builds-wrapped__placeholder--EK {
  width: 100%;
  height: 32px;

  border: 1px solid black;
}

.Builds-wrapped__queuedToggler--Sj {
  border-top-left-radius: var(--ring-border-radius-small);
  border-top-right-radius: var(--ring-border-radius-small);
}

.Builds-wrapped__hasParentGrid--l0 .Builds-wrapped__queuedToggler--Sj {
  grid-column: start / end;

  margin: 0 calc(var(--ring-unit)*-2);
}

.Builds-wrapped__showMoreQueuedBulds--M7 {
  grid-column: start / end;

  margin: 0 calc(var(--ring-unit)*-2) 0;
}

.ChangeBuildTypeDetails__visibilityDetector--I8 {
  position: absolute;
  top: var(--absolute-child-top);
  right: 0;
  bottom: 0;
  left: 0;

  pointer-events: none;
  grid-column: start / end;
  grid-row: var(--row) / span var(--row-span);
}

.ActionButtons__loader--QG {
  padding: 0 0 var(--ring-unit) calc(var(--ring-unit)*2);
}

.ActionButtons__button--mP {
  margin-right: var(--ring-unit);
}

.ChangeBuildTypeSelect__wrapper--k_ {
  margin-bottom: var(--ring-unit);

  line-height: 24px;
}

.ChangeBuildTypeSelect__select--u7 {
  margin-bottom: var(--ring-unit);
}

.ChangeBuildTypeSelect__select--u7 > button {
    color: var(--ring-text-color);
  }

.ChangeBuildTypeSelect__selectPopup--NG {
  min-width: 640px;
}

.FilesTab__action--ny {
  margin-right: var(--ring-unit);
  margin-bottom: calc(var(--ring-unit)*2);
}

.ChangeProblemsTree__noProblemsHeading--QS.ChangeProblemsTree__noProblemsHeading--QS {
  margin-bottom: calc(var(--ring-unit)*4);
}

.AgentSummary__row--vz,
.AgentSummary__warningRow--Jf {
  line-height: calc(var(--ring-unit)*4);
}

.AgentSummary__row--vz {
  display: flex;
  flex-direction: row;
}

.AgentSummary__rowTitle--Xp {
  width: calc(var(--ring-unit)*20);
}

.AgentSummary__editLink--jW {
  margin-left: var(--ring-unit);

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

.AgentSummary__editIcon--_9 {
  color: var(--ring-icon-color);
}

.AgentSummary__warinigIcon--la {
  color: var(--ring-icon-warning-color);
}

.AgentSummary__runningIcon--gH {
  margin-right: calc(var(--ring-unit)/2);
}

.AgentSummary__runningBuildHeading--zS.AgentSummary__runningBuildHeading--zS {
  margin-bottom: var(--ring-unit);
  padding: 0;

  font: inherit;
  font-weight: bold;
}

.AgentSummary__runningBuildPlaceholder--vc {

  align-self: center;

  flex: 1 0;
}

.AgentSummary__plugins--qL {
  margin-top: calc(var(--ring-unit)*2);
}

.AgentSummary__copyButton--t0 {
  height: var(--ring-line-height);

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

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

.RemoveAgentButton__button--gO {
  line-height: var(--ring-line-height);
}

.RemoveAgentButton__chevron--B7 {
  margin-left: 2px;

  line-height: normal;
}

.AgentPage__page--i1 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;

  max-width: var(--tc-content-width);
}

h1.AgentPage__disabledTitle--Rs {
  color: var(--ring-disabled-color);
}

h1.AgentPage__disconnectedTitle--NG {
  color: var(--ring-error-color);
}

.AgentPage__title--ac {
  margin-top: var(--ring-unit);
}

.AgentPage__goneMessage--iF {
  margin-top: var(--ring-unit);
}

.AgentPage__status--FY {
  margin-bottom: calc(var(--ring-unit)*0.5);
}

.AgentPage__action--hE {
  margin-right: var(--ring-unit);
}

.AgentPage__enableWrapper--bX {
  display: inline-block;
}

.AgentPage__tabs--eN {

  margin-top: calc(var(--ring-unit)*3);
}

.AgentPage__row--SL {
  display: flex;
  flex-direction: row;
}

.AgentPage__rowTitle--kA {
  width: calc(var(--ring-unit)*20);
}

.AgentPage__editLink--FK {
  margin-left: var(--ring-unit);

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

.AgentPage__editIcon--Ze {
  color: var(--ring-icon-color);
}

.VisibleBuild__visibilityDetector--WR {
  position: absolute;
  top: var(--absolute-child-top);
  right: 0;
  bottom: 0;
  left: 0;

  pointer-events: none;
  grid-column: start / end;
  grid-row: var(--row) / span var(--row-span);
}

.AgentRow__agent--el {
  margin: 0 calc(var(--ring-unit)*-6) calc(var(--ring-unit)/2) calc(var(--ring-unit)*-11);
  grid-column: start / end;
}

.IndentedExpandHandle__container--a6 {
  white-space: nowrap;
}

.IndentedExpandHandle__expandHandleContainer--HD {
  margin-left: var(--ring-unit);
}

.IndentedExpandHandle__icon--Wn {
  padding: 0;
}

.InstancesCounter__couter--B8 {
  padding-right: 0;

  padding-left: 0;

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

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

.InstancesCounter__runningCount--Ja {
  color: var(--ring-success-color);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.InstancesCounter__couter--B8:hover .InstancesCounter__runningCount--Ja {
  color: inherit;
}}

.InstancesDropdown__instancesDropdown--vX {
  line-height: var(--ring-line-height);
}

.InstancesDropdown__popup--Wd {
  width: calc(var(--ring-unit)*50);
  margin-left: calc(var(--ring-unit)*-2);
  padding: var(--ring-unit) calc(var(--ring-unit)*2);

  line-height: calc(var(--ring-unit)*4);
}

.InstancesDropdown__item--zV {
  display: flex;
  justify-content: space-between;
}

.InstancesDropdown__link--gR {
  overflow: hidden;

  text-overflow: ellipsis;
}

.InstancesDropdown__linkInner--Vu {
  white-space: nowrap;
}

.InstancesDropdown__runningStatus--Ht,
.InstancesDropdown__idleStatus--I5,
.InstancesDropdown__disabledStatus--eO,
.InstancesDropdown__disconnectedStatus--hd {
  margin-left: var(--ring-unit);
}

.InstancesDropdown__runningStatus--Ht {
  white-space: nowrap;

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

.InstancesDropdown__icon--Id {
  margin-right: calc(var(--ring-unit)*0.5);
}

.InstancesDropdown__idleStatus--I5,
.InstancesDropdown__disabledStatus--eO {
  color: var(--ring-secondary-color);
}

.InstancesDropdown__disconnectedStatus--hd {
  color: var(--ring-error-color);
}

.InstancesDropdown__viewAllLink--gS {
  color: var(--ring-secondary-color);
}

.InstancesDropdown__inactiveLink--rO {
  color: var(--ring-secondary-color);
}

.CloudAgentRow__cloudImageRow--nR {
  margin: 0 calc(var(--ring-unit)*-4);
  padding: 0 calc(var(--ring-unit)*4);
  grid-column: start / end;
}

.AgentPoolTabToolbar__tabToolbar--_H {
  display: flex;
  align-items: center;

  height: calc(var(--ring-unit)*4.25);

  margin-bottom: calc(var(--ring-unit)*2);
}

.DialogTrigger__dialog--fc {
  display: flex;
  align-items: stretch;
  flex-direction: row;
}

.DialogTrigger__dialogContent--Iu {
  display: flex;
  flex: 1 0;
  flex-direction: column;

  width: calc(var(--ring-unit)*66);
  height: calc(100vh - var(--ring-unit)*8);
  max-height: calc(var(--ring-unit)*72);
}

.DialogTrigger__header--VK.DialogTrigger__header--VK {
  flex: 0 0;

  margin: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4);

  font-size: calc(var(--ring-unit)*3);
}

.AgentsSelectionSummary__summary--tr {
  font-size: var(--ring-font-size-smaller);
}

.ExpandableGroup__container--bL {
  margin-bottom: calc(var(--ring-unit)*4);
}

.ExpandableGroup__header--og {
  font-weight: bold;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ExpandableGroup__header--og:hover {
  background: var(--ring-hover-background-color);
}}

.ExpandableGroup__icon--Zw {
  color: var(--ring-icon-secondary-color);
}

.ExpandableGroup__expandHandle--_i {
  display: inline;

  height: auto;

  margin-right: calc(var(--ring-unit)/2);

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

.AssignAgentsDialog__loader--DJ {
  display: block;

  width: 16px;

  margin: 0 calc(var(--ring-unit)*4);
}

.AssignAgentsDialog__searchInput--bD,
.AssignAgentsDialog__tree--wa,
.AssignAgentsDialog__panel--WU {
  line-height: calc(var(--ring-unit)*3);
}

.AssignAgentsDialog__searchInput--bD {
  margin: 0 calc(var(--ring-unit)*4) var(--ring-unit);
}

.AssignAgentsDialog__tree--wa {
  overflow: auto;
  flex: 1 1;
}

.AssignAgentsDialog__emptyList--D_ {
  margin: 0 calc(var(--ring-unit)*4);
}

.AssignAgentsDialog__expandableGroup--SZ {
  margin: 0 0 calc(var(--ring-unit)*4) 0;
}

.AssignAgentsDialog__expandableGroupHeader--zO {
  overflow: hidden;

  padding: 0 calc(var(--ring-unit)*4);

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

.AssignAgentsDialog__poolItem--Te {
  overflow: hidden;

  padding-right: calc(var(--ring-unit)*4);

  padding-left: calc(var(--ring-unit)*8);

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

.AssignAgentsDialog__checkboxContainer--aF {
  display: inline;
}

.AssignAgentsDialog__itemCheckboxContainer--mQ {
  display: flex;
  align-items: center;

  height: calc(var(--ring-unit)*3);

  line-height: calc(var(--ring-unit)*3);
}

.AssignAgentsDialog__checkboxCell--XG {
  top: 0;

  flex-shrink: 0;
}

.AssignAgentsDialog__checkboxLabel--cx {
  position: relative;
  z-index: 10;

  overflow: hidden;

  flex-grow: 1;

  cursor: pointer;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  text-overflow: ellipsis;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.AssignAgentsDialog__poolItem--Te:hover {
  background: var(--ring-hover-background-color);
}}

.AssignAgentsDialog__summary--BN {
  margin-bottom: var(--ring-unit);
}

.AssignAgentsDialog__itemTitle--Lu {
  display: flex;
}

.AssignAgentsDialog__itemName--N0 {
  overflow: hidden;

  flex: 1 1;

  text-overflow: ellipsis;
}

.AssignAgentsDialog__itemLabel--Cj {
  flex: 0 0;

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

.AssignAgentsDialog__panel--WU.AssignAgentsDialog__panel--WU {
  margin-top: 0;
  padding-left: calc(var(--ring-unit)*4);

  border-top: 1px solid var(--ring-popup-border-color);
}

.AgentsTab__assignAgentsButton--He {
  margin-right: var(--ring-unit);
}

.AgentsTab__emptyMessage--qV {
  margin-top: calc(var(--ring-unit)*2);
}

.AgentsTab__heading--hM.AgentsTab__heading--hM {
  margin: calc(var(--ring-unit)*2) 0;
}

.AgentsTab__cloudAgent--Vs {
  margin-bottom: calc(var(--ring-unit)*0.5);
}

.AgentsTab__sortingSelect--iL {
  display: block;

  margin-top: calc(var(--ring-unit)*2);
  margin-bottom: calc(var(--ring-unit)*2);
}

.AgentsTab__warning--Z_ {
  color: var(--ring-warning-color);
}

.EditInClassicUILink__editButton--zU {
  margin-bottom: calc(var(--ring-unit)*2);
}

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

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

.ProjectPath__path--GJ {
  display: flex;

  overflow: hidden;
  flex-direction: row-reverse;

  flex-wrap: wrap;
  justify-content: flex-end;

  height: 22px;
  margin: 0 -2px;
  padding: 0 2px;
}

.ProjectPath__pathItem--aL {
  white-space: nowrap;
}

.ProjectPath__parentItemContainer--MS {
  z-index: 1;

  margin-right: calc(var(--ring-unit)*-2);

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

.ProjectPath__targetItem--uQ {
  overflow: hidden;

  min-width: 0;
  margin: 0 -2px;
  padding: 0 2px;

  text-overflow: ellipsis;
}

.ProjectPath__ellipsis--Rq {
  width: calc(var(--ring-unit)*1.5);

  cursor: default;
}

.ProjectPath__ellipsis--Rq,
.ProjectPath__separator--sK {
  margin-left: calc(var(--ring-unit)*0.5);
}

.ProjectPath__parentsDropDownAnchor--dy {
  display: inline;
}

.ProjectPath__parentsPopup--Nb {
  padding: var(--ring-unit) calc(var(--ring-unit)*2);

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

.ProjectPath__separator--sK {
  color: var(--ring-secondary-color);
}

.ProjectPath__link--xx {
  color: var(--ring-text-color);
}

.ProjectPath__parentItem--TK {
  color: var(--ring-secondary-color);
}

.ProjectPath__icon--Jv {
  margin: 0 calc(var(--ring-unit)*0.5);

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

.ProjectsTreeItem__project--KL {
  height: calc(var(--ring-unit)*3);

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  outline: none;

  line-height: calc(var(--ring-unit)*3);
}

.ProjectsTreeItem__expandableProject--Xq {
  cursor: pointer;
}

.ProjectsTreeItem__indentedContainer--Wv {
  display: flex;
  align-items: baseline;
}

.ProjectsTreeItem__chevron--em {
  flex: 0 0;
}

.ProjectsTreeItem__chevronIcon--uo.ProjectsTreeItem__chevronIcon--uo {
  color: var(--ring-icon-secondary-color);
}

.ProjectsTreeItem__checkboxContainer--Y3 {
  display: flex;
  overflow: hidden;
  align-items: baseline;

  margin-left: 3px;
}

.ProjectsTreeItem__checkboxCell--zx {
  top: 2px;

  flex-shrink: 0;

  margin-left: 1px;
}

.ProjectsTreeItem__checkboxLabel--oy.ProjectsTreeItem__checkboxLabel--oy {
  position: relative;

  z-index: 4;

  min-width: 0;

  margin-left: calc(var(--ring-unit)/2);

  cursor: pointer;

  line-height: calc(var(--ring-unit)*3);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ProjectsTreeItem__project--KL:hover .ProjectsTreeItem__pathItem--Dl {
  background-color: var(--ring-hover-background-color);
}}

.ProjectsTreeItem__projectAgentPools--Hz {
  overflow: hidden;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(var(--ring-unit)*6);

  padding-left: var(--ring-unit);

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

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

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

.AssignProjectsDialog__loader--vu {
  display: block;

  width: 16px;

  margin: 0 calc(var(--ring-unit)*4);
}

.AssignProjectsDialog__dialog--JM {
  display: flex;
  align-items: stretch;
  flex-direction: row;
}

.AssignProjectsDialog__dialogContent--hc {
  display: flex;
  flex: 1 0;
  flex-direction: column;

  width: calc(var(--ring-unit)*66);
  height: calc(100vh - var(--ring-unit)*8);
  max-height: calc(var(--ring-unit)*72);
}

.AssignProjectsDialog__header--Sk.AssignProjectsDialog__header--Sk {
  flex: 0 0;

  margin: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4);

  font-size: calc(var(--ring-unit)*3);
}

.AssignProjectsDialog__searchInput--iq {
  flex: 0 0;

  margin-right: calc(var(--ring-unit)*4);
  margin-left: calc(var(--ring-unit)*4);
}

.AssignProjectsDialog__tree--_9 {
  display: flex;
  flex: 1 0;

  margin-top: calc(var(--ring-unit)*0.5);
}

.AssignProjectsDialog__emptyTree--cD {
  flex: 1 0;

  padding: 0 calc(var(--ring-unit)*4);
}

.AssignProjectsDialog__treeItem--IR {
  height: calc(var(--ring-unit)*3);

  cursor: default;

  line-height: calc(var(--ring-unit)*3);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.AssignProjectsDialog__treeItem--IR:hover {
  background-color: var(--ring-hover-background-color);
}}

.AssignProjectsDialog__treeItemProject--zT {
  padding: 0 calc(var(--ring-unit)*3.75);
}

.AssignProjectsDialog__treeItemAction--Vd {
  flex: 0 0;
}

.AssignProjectsDialog__treeItemAction--Vd[disabled] {
  cursor: default;
  pointer-events: all;
}

.AssignProjectsDialog__panel--as.AssignProjectsDialog__panel--as {
  flex: 0 0;

  padding-left: calc(var(--ring-unit)*4);

  border-top: 1px solid var(--ring-popup-border-color);
}

.AssignProjectsDialog__diassociateCheckbox--Ph {
  display: block;

  margin-bottom: calc(var(--ring-unit)*2);
}

.DiassociateProjectButton__unassignIcon--Ll {
  color: var(--ring-icon-color);
}

.DiassociateProjectButton__loader--uG {
  margin: 0 var(--ring-unit);
}

.LeanFilter__filter--zI {
  display: flex;
  align-items: center;
}

.LeanFilter__input--Je {
  width: calc(var(--ring-unit)*30);
  margin: 0;
}

.LeanFilter__hideButton--X0 {
  margin-left: calc(var(--ring-unit)*2);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ProjectsTab__tableRow--xB:hover .ProjectsTab__pathItem--wB {
  background-color: var(--ring-hover-background-color);
}}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ProjectsTab__tableRow--xB:hover {
  outline: none;
  background-color: var(--ring-hover-background-color);
}}

.ProjectsTab__toolbar--EQ {
  display: flex;
  align-items: center;

  height: calc(var(--ring-unit)*4.25);

  margin-bottom: calc(var(--ring-unit)*2);
}

.ProjectsTab__assignButton--H4 {
  margin-right: var(--ring-unit);
}

.ProjectsTab__excludedProjectsNumber--he {
  margin: calc(var(--ring-unit)*2) 0;
}

.ProjectsTab__filterButton--kz {
  margin-right: calc(var(--ring-unit)*2);
}

.ProjectsTab__hideArchivedCheckbox--V2 {
  margin: 0;
}

.ProjectsTab__tableRow--xB {
  display: flex;
  flex-direction: row;

  height: calc(var(--ring-unit)*3);

  margin-right: calc(var(--ring-unit)*-4);
  margin-left: calc(var(--ring-unit)*-4);

  line-height: calc(var(--ring-unit)*3);
}

.ProjectsTab__tableHeader--nO {
  margin-bottom: var(--ring-unit);
  padding-bottom: var(--ring-unit);

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

  border-bottom: 1px solid var(--ring-line-color);
}

.ProjectsTab__nameHeader--zB {
  margin-left: calc(var(--ring-unit)*4 - 5px);
}

.ProjectsTab__tableRow--xB:focus-within {
  outline: none;
  background-color: var(--ring-hover-background-color);
}

.ProjectsTab__tableRow--xB:focus-within .ProjectsTab__pathItem--wB {
  background-color: var(--ring-hover-background-color);
}

.ProjectsTab__tableRow--xB:focus-within {
  box-shadow: 2px 0 var(--ring-main-color) inset;
}

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

.ProjectsTab__expandableTableRow--b8 {
  cursor: pointer;
}

.ProjectsTab__tableCell--JU {
  flex: 1 0;
}

.ProjectsTab__nameTableCell--nJ {
  margin-left: 5px;
}

.ProjectsTab__projectsTableCell--MH {
  margin-right: calc(var(--ring-unit)*3);
  padding-left: 2px;
}

.ProjectsTab__unassignIcon--A9 {
  color: var(--ring-icon-color);
}

.ProjectNameCell__cell--qN {
  display: flex;

  align-items: baseline;

  height: calc(var(--ring-unit)*3);

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  line-height: calc(var(--ring-unit)*3);
}

.ProjectNameCell__mutedName--J0 {
  color: var(--ring-secondary-color);
}

.ProjectNameCell__chevron--qb {
  color: var(--ring-icon-secondary-color);
}

.ProjectNameCell__label--mT {
  margin: 0 calc(var(--ring-unit)*0.5);

  white-space: nowrap;

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

.ProjectPoolsCell__cell--GY {
  display: flex;
  overflow: hidden;
  justify-content: space-between;

  white-space: nowrap;

  text-overflow: ellipsis;
}

.ProjectPoolsCell__pools--_V {
  overflow: hidden;

  min-width: 0;
  margin: 0 -2px;
  padding: 0 2px;

  text-overflow: ellipsis;
}

.ProjectPoolsCell__actions--gT {
  flex: 0 0;

  padding-left: calc(var(--ring-unit)*2);
}

.ProjectPoolsCell__unassignIcon--Jh {
  color: var(--ring-icon-color);
}

.ProjectPoolsCell__undoButton--l4 {
  padding: 0 var(--ring-unit) 0 calc(var(--ring-unit)*2);
}

.UndoDiassociateProjectButton__undoButton--mM {
  padding: 0 var(--ring-unit) 0 calc(var(--ring-unit)*2);
}

.UndoDiassociateProjectButton__loader--_X {
  margin: 0 var(--ring-unit);
}

.AgentPoolPage__page--Ky {
  position: relative;

  max-width: var(--tc-content-width);
}

.AgentPoolPage__heading--O6 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  margin-bottom: calc(var(--ring-unit)*2);
}

h1.AgentPoolPage__header--fC {
  margin-bottom: 0;
}

.AgentPoolPage__titleExplanation--mj {
  font-weight: 200;
}

.AgentPoolPage__description--vk {
  margin-top: calc(var(--ring-unit)*0.5);
}

.AgentPoolPage__editButton--WE {
  flex-shrink: 0;

  margin-top: 3px;

  margin-bottom: 0;

  margin-left: calc(var(--ring-unit)*1.5);

  font-weight: normal;
}

.AgentPoolPage__star--_Q {
  vertical-align: 3px;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.ExpandableAgentPool__expandable--ME:hover .ExpandableAgentPool__star--mT {
  transition: none;

  opacity: 1;
}}

.ExpandableAgentPool__container--dD {
  padding: 0 calc(var(--ring-unit)*2);
}

.ExpandableAgentPool__cloudAgent--xg {
  margin-bottom: calc(var(--ring-unit)*0.5);
}

.ExpandableAgentPool__agent--vL.ExpandableAgentPool__agent--vL {
  margin-left: calc(var(--ring-unit)*-6);
}

.ExpandableAgentPool__expandable--ME {
  margin: 0;
}

.ExpandableAgentPool__header--zt.ExpandableAgentPool__header--zt {
  margin: 0 calc(var(--ring-unit)*-4) 0 calc(var(--ring-unit)*-5);
  padding-right: 0;
}

.ExpandableAgentPool__heading--D2 {
  color: var(--ring-error-color);
}

.ExpandableAgentPool__subheading--uw {
  color: var(--ring-secondary-color);
}

.ExpandableAgentPool__content--RR.ExpandableAgentPool__content--RR {
  flex: 1 0;

  padding-top: 0;
  padding-bottom: 0;
}

.ExpandableAgentPool__star--mT {
  transition: opacity var(--ring-fast-ease);

  opacity: 0;
}

.ExpandableAgentPool__expandable--ME:focus-within .ExpandableAgentPool__star--mT {
  transition: none;

  opacity: 1;
}

.AllAgentsTab__toolbar--jk {
  margin-bottom: calc(var(--ring-unit)*2);
}

.AllAgentsTab__sortingSelect--d8 {
  margin-right: calc(var(--ring-unit)*2);
}

.AgentPoolsPlaceholder__arrow--_I {
  position: absolute;

  display: block;
}

.AgentPoolsPlaceholder__tip--au {
  position: absolute;
}

.AgentPoolsPlaceholder__tipLeft--dk {
  top: calc(var(--ring-unit)*24);

  max-width: calc(var(--ring-unit)*23);

  text-align: left;
}

.AgentPoolsPlaceholder__tipLeft--dk .AgentPoolsPlaceholder__arrow--_I {
    top: calc(var(--ring-unit)*-6);

    width: calc(var(--ring-unit)*7 + 1px);
    height: 45px;
  }

.AgentPoolsPlaceholder__container--oY {
  display: inline-flex;
  flex-direction: column;
}

.AgentPoolsPlaceholder__description--AT {
  max-width: calc(var(--ring-unit)*80);
}

.AgentPoolsPlaceholder__installAgent--oe {
  align-self: center;

  margin-top: var(--ring-unit);
}

.AgentPoolsEditFavorite__button--sX {
  margin-left: var(--ring-unit);
}

.FavoriteAgentPools__page--aS {
  display: flex;
  flex-direction: column;
  flex-grow: 1;

  max-width: var(--tc-content-width);
}


.FavoriteAgentPools__content--Uf {
  margin-top: calc(var(--ring-unit)*4);
}


.AllAgentsTab__toolbar--Vf {
  margin-bottom: calc(var(--ring-unit)*2);
}

.AllAgentsTab__sortingSelect--wm {
  margin-right: calc(var(--ring-unit)*2);
}

.AgentsOverviewPage__page--iL {
  display: flex;
  flex-direction: column;
  flex-grow: 1;

  max-width: var(--tc-content-width);
}

.AgentsOverviewPage__tabs--iD {

  margin-top: calc(var(--ring-unit)*4);
}

.AgentsOverviewPage__classicUiLink--XZ {
  display: inline-block;

  height: calc(var(--ring-unit)*4);
  margin: 0 calc(var(--ring-unit)*3);
  padding: 0;

  vertical-align: top;

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

  border: none;
  border-radius: 0;
  outline: none;

  line-height: calc(var(--ring-unit)*4);
}

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

  color: var(--ring-link-hover-color);
  box-shadow: inset 0 -1px 0 0 var(--ring-link-hover-color);
}}

.AgentsOverviewPage__mammothIcon--uy {
  vertical-align: middle;

  line-height: calc(var(--ring-unit)*2);
}

.CollapsibleBranchLine__arrow--C3 {
}

.CollapsibleBranchLine__button--Yd {
  position: absolute;
}

.CollapsibleBranchLine__root--LW {

  width: calc(100% + var(--ring-unit)*4);

  min-width: 0;
  margin: 1px calc(var(--ring-unit)*-2) calc(var(--ring-unit)/4);
  grid-column: start / end;

  outline: none;
}

.CollapsibleBranchLine__line--Y7 {

  margin-top: calc(var(--ring-unit)/4);
}

.CollapsibleBranchLine__header--MH {
  display: flex;
  align-items: baseline;

  width: 100%;
  min-height: calc(var(--ring-unit)*3);
  margin: 0;
}

.CollapsibleBranchLine__moreLink--r2 {
  display: inline-block;

  padding: var(--ring-unit) 0;
}

.CollapsibleBranchLine__title--fG {
  flex: 1 1;

  min-width: 0;
}

.CollapsibleBranchLine__changes--hN {
  display: inline-flex;

  margin-right: calc(var(--ring-unit)*2);

  font-weight: normal;
}

.CollapsibleBranchLine__runColumn--p2 {
  padding-right: 0;
}

.CollapsibleBranchLine__pendingBuilds--Zc {
  margin-left: calc(var(--ring-unit)/2);
}

.CollapsibleBranchLine__showQueuedButton--ZH {
  max-width: calc(var(--ring-unit)*23);
  padding-left: 0;
}

.CollapsibleBranchLine__showQueuedButtonText--KJ {
  max-width: calc(var(--ring-unit)*23 - var(--ring-unit)*4);

  text-align: left;
}

.CollapsibleBranchLine__flash--OS.CollapsibleBranchLine__flash--OS,
.CollapsibleBranchLine__flash--OS .CollapsibleBranchLine__showQueuedIcon--Qk {
  transition: none;

  color: var(--ring-link-hover-color);
}

.CollapsibleBranchLine__hidden--Fg {
  display: none;
}

.CollapsibleBranchLine__branch--Mk {
  box-sizing: border-box;
  max-width: 100%;
  margin-top: 2px;
}

.CollapsibleBranchLine__branch--Mk.CollapsibleBranchLine__withQueuedBuild--QL {
    max-width: calc(100% - var(--ring-unit)*23);
  }

.CollapsibleBranchLine__chevron--tK {
}

.CollapsibleBranchLine__placeholder--AN {
  grid-column: start / end;

  box-sizing: border-box;
  margin: 0 calc(var(--ring-unit)*-2) var(--ring-unit);

  border: 1px solid var(--ring-line-color);
  border-radius: 3px;
}

.CollapsibleBranchLine__placeholderItem--K5 {
  display: flex;

  box-sizing: border-box;

  width: 100%;
  height: calc(var(--ring-unit)*8);
  padding-top: var(--ring-unit);
  padding-left: calc(var(--ring-unit)*2);

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

.CollapsibleBranchLine__oneLine--JT.CollapsibleBranchLine__placeholder--AN {
  margin-bottom: calc(var(--ring-unit)*1.5);
}

.CollapsibleBranchLine__oneLine--JT.CollapsibleBranchLine__placeholderItem--K5 {
  height: calc(var(--ring-unit)*4);
  padding-top: 4px;
}

.CollapsibleBranchLine__details--p8 {
  display: contents;
}

.CollapsibleBranchLines__title--Ts.CollapsibleBranchLines__title--Ts {
  margin-right: auto;

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

  font-size: inherit;

  font-weight: bold;
  line-height: inherit;
}

.CollapsibleBranchLines__header--cU {

  justify-content: flex-start;
}

.CollapsibleBranchLines__headless--Wd {
  display: none;
}

.CollapsibleBranchLines__line--yL {

  margin-top: 0;
  margin-bottom: 0;
}

.CollapsibleBranchLines__arrow--xR {
}

.CollapsibleBranchLines__content--oW {
  margin-bottom: calc(var(--ring-unit)*3);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.CollapsibleBranchLines__nonBuilt--be:hover {
    background: var(--ring-hover-background-color);
  }}

.CollapsibleBranchLines__container--qa {
  padding: 0 calc(var(--ring-unit)*2);
}

.BuildTypeOverviewTab__header--ig.BuildTypeOverviewTab__header--ig {
  justify-content: flex-start;

  margin-bottom: var(--ring-unit);
}

.BuildTypeOverviewTab__toggleContainer--Iz {
  display: block;

  margin-right: var(--ring-unit);
}

.BuildsByBuildType__container--YZ {
  padding: 0 calc(var(--ring-unit)*2);
}

.BuildsByBuildType__list--MI,
.BuildsByBuildType__item--di {
  display: contents;
}

.BuildTypeStatus__buildTypeStatus--v0 {

  height: calc(var(--ring-unit)*5);

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

.BuildTypeStatus__queued--sv {
  margin-top: -2px;
  margin-right: calc(var(--ring-unit)*2);
}

.BuildTypeStatus__queuedAnchor--O6 {
  color: var(--ring-secondary-color);

  line-height: normal;
}

.BuildTypeStatus__flash--A2 {
  transition: none;

  color: var(--ring-link-hover-color);
}

.BuildTypeStatus__queuedPopup--td {
  max-height: 45vh;
  padding: calc(var(--ring-unit)/2) var(--ring-unit) calc(var(--ring-unit)*2);
}

.BuildTypeStatus__pending--b1 {
  font-size: var(--ring-font-size-smaller);
}

.BuildTypeStatus__pending--b1,
.BuildTypeStatus__loading--Nl {
  color: var(--ring-secondary-color);
}

.BuildTypeInfoPanel__wrapper--qE {

  display: flex;
  flex-wrap: wrap;

  margin: 0 calc(var(--ring-unit)*-1) var(--ring-unit);
}

.BuildTypeInfoPanel__placeholder--HY,
.BuildTypeInfoPanel__cell--Ur {

  flex: 1 0 calc(var(--ring-unit)*34);

  min-width: calc(var(--ring-unit)*34);
  max-width: calc(var(--ring-unit)*40);
}

.BuildTypeInfoPanel__placeholder--HY {
  margin: 0 var(--ring-unit);
}

.BuildTypeInfoPanel__cell--Ur {
  position: relative;

  box-sizing: border-box;

  height: calc(var(--ring-unit)*30);

  margin: var(--ring-unit);
}

.BuildTypeInfoPanel__hover--Wr {
}

.BuildTypeInfoPanel__card--Ji {

  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: flex;

  overflow: hidden;
  flex-direction: column;

  transition: box-shadow 0.05s ease-out, right 0.05s ease-out, bottom 0.05s ease-out, left 0.05s ease-out, padding 0.05s ease-out;

  border-radius: var(--ring-border-radius);

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

.BuildTypeInfoPanel__expandable--mz {
  box-shadow:
    0 0 0 1px var(--ring-line-color),
    0 1px 8px 0 var(--ring-popup-shadow-color);
}

.BuildTypeInfoPanel__expandable--mz:focus{
    outline: none;
    box-shadow:
      0 0 0 2px var(--ring-border-hover-color),
      0 2px 16px 0 rgba(var(--ring-popup-border-components), 0.2);
  }

.BuildTypeInfoPanel__expanded--Ne {
  z-index: var(--ring-fixed-z-index);
  right: calc(var(--ring-unit)*-1);
  left: calc(var(--ring-unit)*-1);

  padding: 0 var(--ring-unit);

  transition: box-shadow var(--ring-fast-ease), right var(--ring-fast-ease), bottom var(--ring-fast-ease), left var(--ring-fast-ease), padding var(--ring-fast-ease);

  box-shadow:
    0 0 0 1px var(--ring-line-color),
    0 2px 16px 0 rgba(var(--ring-popup-border-components), 0.2);
}

.BuildTypeInfoPanel__expanded--Ne .BuildTypeInfoPanel__hover--Wr {
    z-index: var(--ring-overlay-z-index);
  }

.BuildTypeInfoPanel__buildTypeInfo--WG {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;

  box-sizing: border-box;

  height: calc(var(--ring-unit)*22);
  padding: var(--ring-unit);
}

.BuildTypeInfoPanel__buildInfo--Ie {
  display: flex;
  flex-direction: column;
  flex-grow: 1;

  min-height: calc(var(--ring-unit)*8);
  margin: 0 calc(var(--ring-unit)*-1);

  background-color: var(--ring-sidebar-background-color);
  box-shadow: inset 0 1px var(--ring-line-color);
}

.BuildTypeInfoPanel__title--xP.BuildTypeInfoPanel__title--xP {
  display: flex;
  align-items: baseline;

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

.BuildTypeInfoPanel__name--gt {

  -webkit-line-clamp: 2;

  box-sizing: border-box;

  max-height: calc(var(--ring-line-height-lower)*2 + 3px);
  margin: -2px 0 6px -3px;
  padding: 0 calc(var(--ring-unit)*4.5) 2px 3px;
}

.BuildTypeInfoPanel__spacer--Fa {
  display: inline-block;

  margin-top: 2px;
}

.BuildTypeInfoPanel__hasOverflow--Xv {
}

.BuildTypeInfoPanel__icon--Tk {
  display: inline;

  white-space: nowrap;
}

.BuildTypeInfoPanel__icon--Tk::after {
    content: '\2060';
  }

.BuildTypeInfoPanel__card--Ji:not(.BuildTypeInfoPanel__hover--Wr) .BuildTypeInfoPanel__showOnHover--zP {
  visibility: hidden;
}

.BuildTypeInfoPanel__card--Ji:focus-within .BuildTypeInfoPanel__showOnHover--zP {
  visibility: visible;
}

.BuildTypeInfoPanel__star--yx.BuildTypeInfoPanel__star--yx,
.BuildTypeInfoPanel__actions--VG {
  height: auto;
  padding: 0 2px;

  line-height: normal;
}

.BuildTypeInfoPanel__star--yx.BuildTypeInfoPanel__star--yx {
  margin-right: calc(var(--ring-unit)*-0.5);
}

.BuildTypeInfoPanel__actions--VG {

  margin-left: calc(var(--ring-unit)/2);
}

.BuildTypeInfoPanel__actionsWrapper--L3 {
  white-space: nowrap;
}

.BuildTypeInfoPanel__actionsWrapper--L3::before {
    content: '\2060';
  }

.BuildTypeInfoPanel__moveActions--DP {
  position: relative;
  top: var(--ring-line-height-lower);
  right: calc(var(--ring-unit)*4.5);

  width: 0;
}

.BuildTypeInfoPanel__link--zi {
  margin-left: -1px;

  padding-left: 1px;

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

.BuildTypeInfoPanel__run--Jy {
  margin-left: auto;
}

.BuildTypeInfoPanel__runGroup--Xv {
  display: flex;
  align-items: baseline;

  max-width: 120px;
}

.BuildTypeInfoPanel__runButton--e3 {

  min-width: 0;
}

.BuildTypeInfoPanel__runSplitButton--CL {
  flex-shrink: 0;
}

.BuildTypeInfoPanel__emptyStar--Kg {
}

.BuildTypeInfoPanel__charts--pS {
  display: flex;

  margin-top: auto;
}

.BuildTypeInfoPanel__noBuilds--HZ {

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.HealthItems__healthItems--MJ .healthItemIndicator:hover,
  .HealthItems__healthItems--MJ .healthItemIndicator:hover * {
    color: var(--ring-link-hover-color);
    fill: currentColor;
  }}

.HealthItems__healthItems--MJ .healthItemIndicator {
    margin-left: calc(var(--ring-unit)*-0.5);

    padding: 0;

    border: none;
    background: none;
    box-shadow: none;

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

    line-height: inherit;
  }

.HealthItems__healthItems--MJ .info.info {
    color: var(--ring-secondary-color);
  }

.HealthItems__healthItems--MJ .healthItemIndicator:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--ring-border-hover-color);
  }

.HealthItems__healthItems--MJ .healthItemIndicator:focus,
  .HealthItems__healthItems--MJ .healthItemIndicator:focus * {
    color: var(--ring-link-hover-color);
    fill: currentColor;
  }

.HealthItems__healthItems--MJ .healthItemIndicator:active,
  .HealthItems__healthItems--MJ .healthItemIndicator:active * {
    color: var(--ring-main-color);
    fill: currentColor;
  }

/* stylelint-disable-next-line selector-max-specificity */

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.HealthItems__healthItems--MJ .healthItemIndicator:hover .info {
    color: inherit;
  }}

.BuildTypePageHeader__header--tO {
  max-width: var(--tc-content-width);
  margin-bottom: calc(var(--ring-unit)*2);
}

.BuildTypePageHeader__heading--De {
}

.BuildTypePageHeader__heading--De.BuildTypePageHeader__heading--De {
  margin: 0;
}

.BuildTypePageHeader__star--Qo {
  margin-left: -2px;

  vertical-align: 3px;
}

.BuildTypePageHeader__branchFilter--lQ {

  flex: 0 0 auto;

  font-weight: normal;
}

.BuildTypePageHeader__links--TF {
  display: flex;
  align-items: baseline;
}

.BuildTypePageHeader__linksSequenceLoader--Bb {
  display: flex;
  flex-direction: row-reverse;
}

.BuildTypePageHeader__linksSequenceLoader--Bb > * {
    margin-right: var(--ring-unit);
  }

.BuildTypePageHeader__linksSequenceLoader--Bb > *:first-child {
    margin-right: 0;
  }

.BuildTypePageHeader__breadcrumbs--IO {
  flex-grow: 1;
}

.BuildTypePageHeader__breadcrumbsLink--at {
  font-size: var(--ring-font-size-smaller);
  line-height: 24px;
}

.BuildTypePageHeader__subHeader--WQ {
  display: flex;
  align-items: baseline;

  width: 100%;
  min-height: calc(var(--ring-unit)*4);
}

.BuildTypePageHeader__subHeaderItem--NH {
  display: contents;
}

.BuildTypePageHeader__actions--Py {
  white-space: nowrap;
}

.BuildTypePageHeader__investigation--Gk {
  overflow: hidden;
}

.BuildTypePageHeader__description--HY,
.BuildTypePageHeader__systemProblems--a_,
.BuildTypePageHeader__buildTypePauseInfo--lU,
.BuildTypePageHeader__branchFilter--lQ,
.BuildTypePageHeader__actions--Py,
.BuildTypePageHeader__investigation--Gk,
.BuildTypePageHeader__healthItems--m3 {
  margin-top: var(--ring-unit);
}

.BuildTypePageHeader__branchFilter--lQ,
.BuildTypePageHeader__investigation--Gk,
.BuildTypePageHeader__actions--Py,
.BuildTypePageHeader__healthItems--m3 {
  margin-right: var(--ring-unit);

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

.PendingChangesTab__filter--je {
  margin-bottom: calc(var(--ring-unit)*2);
}

.OverviewArchivedProjectInfo__container--Nk {
}

.InvestigationStatusFilter__container--tk {
  display: flex;
  gap: var(--ring-unit);
}

.BuildProblemFilter__row--IM {
  display: flex;
  flex-wrap: wrap;

  margin-bottom: calc(var(--ring-unit)*1.5);
}

.BuildProblemFilter__expandCollapse--aq {
  margin-left: var(--ring-unit);

  font-size: inherit;
}

.BuildTypeLine__container--ci {
  margin-left: calc(var(--ring-unit)*-2);
}

.TestMetadataPopup__dialog--dB {
  width: calc(100vw - var(--ring-unit)*4*2);
  height: calc(100vh - var(--ring-unit)*2.5*2);
}

.TestMetadataPopup__overlay--Nc {
  z-index: 9;

  padding: 0;
}

.TestMetadataPopup__wrapper--di {
  display: flex;
  flex-direction: column;

  height: 100%;
}

.TestMetadataPopup__header--Qc {
  padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4) calc(var(--ring-unit)*4);
}

.TestMetadataPopup__heading--dg.TestMetadataPopup__heading--dg {
  margin: 0;
  padding: 0;

  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
}

.TestMetadataPopup__content--XP {
  overflow: hidden;
  overflow-y: auto;

  padding: 0 calc(var(--ring-unit)*4) calc(var(--ring-unit)*4);
}

.TestMetadataPopup__item--BD {
  margin-bottom: calc(var(--ring-unit)*3);
}

.TestMetadataPopup__item--BD:last-child {
    margin-bottom: 0;
  }

.TestMetadataPopup__itemHeading--EJ {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;

  margin-bottom: var(--ring-unit);
}

.TestMetadataPopup__name--AD {
  display: inline-block;

  margin-right: calc(var(--ring-unit)/2);

  font-weight: bold;
}

.TestMetadataPopup__fileName--Te {

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

.TestMetadataPopup__name--AD,
.TestMetadataPopup__text--_h,
.TestMetadataPopup__artifact--RL,
.TestMetadataPopup__link--FC {
  line-height: var(--ring-line-height);
}

.TestMetadataPopup__bold--H6 {
  font-weight: bold;
}

.TestMetadataPopup__number--bs {
  display: inline-block;
}

.TestMetadataPopup__showGraph--Ae {
  height: inherit;
  padding: 0 var(--ring-unit);

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

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

.TestMetadataPopup__image--me,
.TestMetadataPopup__video--yX {
  max-width: 100%;

  border: 1px solid var(--ring-line-color);
  border-radius: var(--ring-border-radius);
}

.FailureActions__menu--df {
  padding: 0 calc(var(--ring-unit)/2);
}

.FailureRow__statusColumn--UO,
.FailureRow__projectScopeColumn--qP,
.FailureRow__changesColumn--OA,
.FailureRow__startedColumn--D7,
.FailureRow__actionsColumn--AL {
  padding: var(--ring-unit) 0;
}

.FailureRow__statusColumn--UO {
  z-index: 2;

  display: flex;

  white-space: nowrap;
  grid-column-start: status-start;
  grid-row-start: var(--row);
}

.FailureRow__projectScopeColumn--qP {
  overflow: hidden;
  align-items: baseline;
  grid-column-start: project-scope-start;
  grid-row-start: var(--row);
}

.FailureRow__changesColumn--OA {
  z-index: 2;

  grid-column-start: changes-start;
  grid-row-start: var(--row);
}

.FailureRow__startedColumn--D7 {
  z-index: 2;

  grid-column-start: started-start;
  grid-row-start: var(--row);
}

.FailureRow__actionsColumn--AL {
  grid-column-start: actions-start;
  grid-row-start: var(--row);
}

.FailureRow__projectScope--cg {
  display: flex;
  gap: var(--ring-unit);

  padding: calc(var(--ring-unit)*0.25) 0;
}

.FailureRow__status--Iw {
  display: flex;
  align-items: center;

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

.FailureRow__status--Iw,
.FailureRow__started--Y5 {
  padding: calc(var(--ring-unit)*0.5) 0;
}

.FailureRow__buildChangesDropdown--fu {
  padding-top:  calc(var(--ring-unit)*0.25);
}

.FailureRow__icon--kJ {
  margin-right: calc(var(--ring-unit)/2);
}

.FailureRow__buildPathContainer--ag {
  display: flex;
  overflow: hidden;
  align-items: center;

  color: var(--ring-link-color);
  gap: var(--ring-unit);
}

.FailureRow__buildStatus--Hr {
  flex-shrink: 0;

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

.FailureRow__buildPathAndStatus--s4 {
  overflow: hidden;
  flex-wrap: nowrap;

  padding: calc(var(--ring-unit)*0.5 - 1) 0 calc(var(--ring-unit)*0.5 - 1);
}

.FailureRow__buildNumber--pH {
  display: flex;
  gap: calc(var(--ring-unit)*0.75);
}

.FailureRow__buildLogIcon--FN {
  color: var(--ring-icon-color);
}

.FailureRow__buildPath--ap {
  overflow: hidden;

  white-space: nowrap;
}

.FailureRow__row--eI:not(:last-child)::before {
    position: absolute;

    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    border-bottom: 1px solid var(--ring-line-color);

    grid-row: var(--row) / span 1;
  }

.Failures__list--s2 {
  padding-bottom: var(--ring-unit);
}

.Failures__links--Kd {
  position: relative;

  display: flex;
  gap: calc(var(--ring-unit)*2.5);

  padding: calc(var(--ring-unit)*0.75) 0;
}

.Failures__links--Kd::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: calc(var(--ring-unit)*-4);
    bottom: 1px;
    left: calc(var(--ring-unit)*-4);

    content: '';

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

.Failures__linkButton--zv {
  padding: 0;

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

.Failures__tabs--yC {
  margin: var(--ring-unit) 0 calc(var(--ring-unit)*1.5);
}

.Failures__grid--s0 {
  --status-column: [start status-start] max-content;
  --project-scope-column: [project-scope-start] auto;
  --changes-column: [changes-start] minmax(200px, max-content);
  --started-column: [started-start] max-content;
  --actions-column: [actions-start] max-content;

  position: relative;

  align-items: center;
  grid-column-gap: calc(var(--ring-unit)*2);
  grid-template-columns: [start status-start] max-content [project-scope-start] auto [changes-start] minmax(200px, max-content) [started-start] max-content [actions-start] max-content [end];
  grid-template-columns: var(--status-column) var(--project-scope-column) var(--changes-column) var(--started-column) var(--actions-column) [end];
}

.Failures__failureList--Sq {
  display: contents;
}

.TestActions__container--YX {
  display: flex;
  justify-content: end;
  gap: calc(var(--ring-unit)/2);
}

.TestActions__menu--OL {
  padding: 0 calc(var(--ring-unit)/2);
}

.TestFailures__container--SY {
  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.TestFailures__status--mg {
  padding: 3px 0;

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

.TestFailures__arrow--NF {
  padding-left: calc(var(--ring-unit)/4);

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

.TestFailures__configuration--u4 {
  display: flex;
}

.TestFailures__configurationButton--vg {
  width: 100%;
  height: calc(var(--ring-unit)*2);
  padding: 0;

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

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

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .TestFailures__configurationButton--vg:hover .TestFailures__arrow--NF {
      color: var(--ring-link-hover-color);
    }}

.TestFailures__noFailures--mx {
  color: var(--ring-secondary-color);

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

.TestFailures__configurationContent--wA {
  display: flex;

  width: 100%;
}

.TestFailures__configurationText--dr {

  display: inline-block;

  max-width: 100%;
}

.TestName__name--f5 {
  overflow: hidden;

  margin-bottom: calc(var(--ring-unit)*0.25);

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

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

.TestName__newFailure--ks {
  font-weight: bold;
}

.TestName__parameters--Z7 {
  overflow: hidden;

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

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.TestName__full--zu {
  white-space: normal;
  overflow-wrap: break-word;
}

.TestProblemRow__statusColumn--eq,
.TestProblemRow__testNameColumn--n8,
.TestProblemRow__failuresColumn--oh,
.TestProblemRow__assignedColumn--Nw,
.TestProblemRow__actionsColumn--ld {
  z-index: 2;

  padding: var(--ring-unit) 0;
}

.TestProblemRow__statusColumn--eq {
  display: flex;

  white-space: nowrap;
  grid-column-start: status-start;
  grid-row-start: var(--row);
}

.TestProblemRow__testNameColumn--n8 {
  overflow: hidden;
  align-items: baseline;
  grid-column-start: test-name-start;
  grid-row-start: var(--row);
}

.TestProblemRow__failuresColumn--oh {
  grid-column-start: failures-start;
  grid-row-start: var(--row);
}

.TestProblemRow__assignedColumn--Nw {
  grid-column-start: assigned-start;
  grid-row-start: var(--row);
}

.TestProblemRow__actionsColumn--ld {
  grid-column-start: actions-start;
  grid-row-start: var(--row);
}

.TestProblemRow__outerContainer--FV {
  position: relative;

  overflow: hidden;

  margin: 0 calc(var(--ring-unit)*-4);
}

.TestProblemRow__innerContainer--Xk {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;

  padding: 0 calc(var(--ring-unit)*4);
}

.TestProblemList__grid--zH {
  --status-column: [start status-start] calc(var(--ring-unit)*9);
  --test-name-column: [test-name-start] minmax(200px, auto);
  --failures-column: [failures-start] minmax(116px, auto);
  --assigned-column: [assigned-start] minmax(116px, auto);
  --actions-column: [actions-start] max-content;

  position: relative;

  align-items: start;
  grid-column-gap: calc(var(--ring-unit)*1.5);
  grid-template-columns: [start status-start] calc(var(--ring-unit)*9) [test-name-start] minmax(200px, auto) [failures-start] minmax(116px, auto) [assigned-start] minmax(116px, auto) [actions-start] max-content [end];
  grid-template-columns: var(--status-column) var(--test-name-column) var(--failures-column) var(--assigned-column) var(--actions-column) [end];
}

.TestProblemList__list--LJ {
  display: contents;
}

.TestProblemList__overlay--_n {
  cursor: wait;

  opacity: 0.3;
}

.TestProblemList__overlay--_n > * {
    pointer-events: none;
  }


@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.MuteStatusFilter__stateButton--pQ:hover .MuteStatusFilter__icon--Z_ {
  color: var(--ring-text-color);
}}

.MuteStatusFilter__stateButton--pQ.MuteStatusFilter__active--sR .MuteStatusFilter__icon--Z_ {
  color: var(--ring-text-color);
}

.MuteStatusFilter__stateIcon--e1 {
  transition: color var(--ring-fast-ease);

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

.InvestigationFilters__row--jN {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ring-unit);

  margin-bottom: calc(var(--ring-unit)*1.5);
}

.InvestigationsPage__page--cc {
  max-width: var(--tc-content-width);
}

.TestProblems__row--BA {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ring-unit);

  margin-bottom: calc(var(--ring-unit)*1.5);
}

.ProjectProblemsTab__header--gN {
  margin-bottom: var(--ring-unit);
}

.ProjectPage__loader--BD {
  max-width: var(--tc-content-width);
}

.ProjectPage__morePopupItemClassName--mG.ProjectPage__morePopupItemClassName--mG {
  padding-top: 0;
  padding-bottom: 0;
}

.BuildPage__loader--cD {
}

.BuildPage__morePopupItemClassName--fb {
}

.BuildPage__fullHeight--_Z {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.BuildTypePage__loader--tV {
}

.BuildTypePage__morePopupItemClassName--Is {
}

.InvestigationAssigneeDate__assigneeDate--RG {

  margin-right: var(--ring-unit);

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

.InvestigationAssigneeName__assigneeBlock--Fl {
  overflow: hidden;

  align-content: start;
  flex-grow: 1;

  max-width: 305px;
  margin-right: 35px;
  margin-left: 29px;
  padding: 0;

  text-overflow: ellipsis;
}

.InvestigationAssigneeName__assignee--hh {
  font-weight: normal;
}

.InvestigationAssigneeName__assigneeToCurrentUser--NK {
  font-weight: bold;
}

.InvestigationComment__comment--od {

  flex: left 1;

  max-width: 742px;
  margin: 1px 32px 7px calc(var(--ring-unit)*3);

  white-space: pre-wrap;
}

.TestsTreeLeaf__row--Sb {
  position: relative;

  display: flex;
  overflow: hidden;
  align-items: baseline;
  flex: 1 1;
  flex-direction: row;

  padding: 0;

  cursor: pointer;

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

.TestsTreeLeaf__row--Sb > * {
    margin-top: 0;
  }

.TestsTreeLeaf__detailedRow--vS {
  position: relative;

  display: flex;
  overflow: hidden;
  align-items: baseline;
  flex: 1 1;
  flex-direction: row;

  padding: 0;

  white-space: nowrap;

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

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

.TestsTreeLeaf__detailedRow--vS > * {
    margin-top: 0;
  }

.TestsTreeLeaf__copyTestNameIcon--oi.TestsTreeLeaf__copyTestNameIcon--oi:focus {
    opacity: 1;
  }

.TestsTreeLeaf__row--Sb .TestsTreeLeaf__copyTestNameIcon--oi, .TestsTreeLeaf__detailedRow--vS .TestsTreeLeaf__copyTestNameIcon--oi {
    opacity: 0;
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestsTreeLeaf__row--Sb:hover .TestsTreeLeaf__copyTestNameIcon--oi, .TestsTreeLeaf__detailedRow--vS:hover .TestsTreeLeaf__copyTestNameIcon--oi {
    opacity: 1;
  }}

.TestsTreeLeaf__comment--Am {
  margin-left: 0;
}

.TestsTreeLeaf__column--iV {
  overflow: hidden;
  flex-direction: column;

  width: 100%;
}

.TestsTreeLeaf__leftPart--Wh {
  display: flex;
  overflow: hidden;
  align-items: baseline;
  flex: 1 1;

  padding-right: calc(var(--ring-unit)*4);
}

.TestsTreeLeaf__testMutes--Cp,
.TestsTreeLeaf__testInvestigations--wA {
  flex: 0 0 auto;

  padding: 0;
}

.TestsTreeLeaf__testMutesIcon--wb,
.TestsTreeLeaf__testInvestigationsIcon--U7 {
  margin-right: calc(var(--ring-unit)/2);
}

.TestsTreeLeaf__name--Yj {
  overflow: hidden;

  margin: calc(var(--ring-unit)/2) 0;
}

.TestsTreeLeaf__flakyLabel--HV,
.TestsTreeLeaf__testMetadataIcon--yM {
  margin-left: var(--ring-unit);
  padding: 0;
}

.TestsTreeLeaf__rightPart--zV {
  white-space: nowrap;
}

.TestsTreeLeaf__detailedRow--vS .TestsTreeLeaf__rightPart--zV {
  display: inline-flex;
  align-items: baseline;

  width: 400px;

  white-space: nowrap;
}

.TestsTreeLeaf__runCount--_2 {
  display: inline-block;

  margin-right: calc(var(--ring-unit)*2);

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

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.TestsTreeLeaf__actions--Sr {
  width: auto;
  width: initial;
  padding: 0;
}

.TestsTreeLeaf__newFailure--tl {
  font-weight: bold;
}

.TestsTreeLeaf__fixed--MH {
  text-decoration: line-through;

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

.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity .25s ease;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:9999;z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:#000;background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:0;overflow:hidden;overscroll-behavior:contain;overscroll-behavior:var(--yarl__controller_overscroll-behavior,contain);position:absolute;right:0;top:0;touch-action:none;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:1;opacity:var(--yarl__pull_down_opacity,1);transform:translate(0,0);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_down_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*100%);width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*0*1%);-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*0*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1 1;overflow:hidden;padding:calc(100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*0*1%);padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-webkit-touch-callout:none;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:none;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none}@media screen and (min-width:800px){.yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:hsla(0,0%,100%,.8);color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:red;color:var(--yarl__slide_icon_error_color,red);height:48px;height:var(--yarl__slide_icon_error_size,48px);width:48px;width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:none 0s ease 0s;transition:initial}.yarl__slide_loading,.yarl__slide_loading line{animation:none 0s ease 0s 1 normal none running;animation:initial}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:8px;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:32px;height:var(--yarl__icon_size,32px);width:32px;width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-color:var(--yarl__button_background_color,transparent);border:0;border:var(--yarl__button_border,0);color:hsla(0,0%,100%,.8);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.8));filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:0;margin:var(--yarl__button_margin,0);outline:none;padding:8px;padding:var(--yarl__button_padding,8px)}.yarl__button:focus{color:#fff;color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:hsla(0,0%,100%,.8);color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:#fff;color:var(--yarl__color_button_active,#fff)}@media (hover:hover){@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:#fff;color:var(--yarl__color_button_active,#fff)}}}.yarl__button:disabled{color:hsla(0,0%,100%,.4);color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:24px 16px;padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:auto;left:initial;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:auto;right:initial;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}
.InvestigationMuteButtons__button--dP {
  margin-right: var(--ring-unit);
}

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

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

.TableHeader__tableHeader--vg {
  display: contents;

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

.TableHeader__tableHeader--vg::before {
    position: absolute;

    z-index: 1;
    top: var(--absolute-child-top);
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    pointer-events: none;

    border-bottom: 1px solid var(--ring-line-color);

    grid-column: start / end;
    grid-row: var(--row) / span 1;
  }

.TableHeader__columnTitle--jZ {

  cursor: pointer;
}

.TableHeader__statusColumn--k4 {
  grid-column-start: status-start;

  display: flex;

  white-space: nowrap;
}

.TableHeader__nameColumn--j7 {
  grid-column-start: name-start;
}

.TableHeader__durationColumn--qN {
  grid-column-start: duration-start;

  text-align: right;
}

.TableHeader__runOrderColumn--I2 {
  grid-column-start: run-order-start;

  text-align: right;
}

.TableHeader__actionsColumn--Id {
  grid-column-start: actions-start;
}

.TableHeader__statusColumn--k4,
.TableHeader__nameColumn--j7,
.TableHeader__durationColumn--qN,
.TableHeader__runOrderColumn--I2,
.TableHeader__actionsColumn--Id {
  box-sizing: border-box;
  padding: var(--ring-unit) 0;

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

  font-size: var(--ring-font-size-smaller);
  grid-row-start: var(--row);
}

.yarl__slide_captions_container{background:rgba(0,0,0,.5);background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));left:0;left:var(--yarl__slide_captions_container_left,0);padding:16px;padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:0;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:#fff;color:var(--yarl__slide_title_color,#fff);font-size:125%;font-size:var(--yarl__slide_title_font_size,125%);font-weight:bolder;font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:100%;max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:0;top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{-webkit-box-orient:vertical;-webkit-line-clamp:3;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);color:#fff;color:var(--yarl__slide_description_color,#fff);display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;text-align:start;text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:0;bottom:var(--yarl__slide_description_container_bottom,0)}
.TestMetadataMedia__mediaItems--wO {
  display: grid;
  grid-template-columns: repeat(auto-fill, calc(var(--ring-unit)*18));
  grid-gap: 8px;

  align-items: start;

  margin: -2px;
  margin-bottom: calc(var(--ring-unit)*2 - 2px);
}

.TestMetadataMedia__toggleMediaButton--NP {

  height: calc(var(--ring-unit)*14);

  padding: 0 var(--ring-unit);

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

.TestMetadataMedia__lightbox--dw {
  /* stylelint-disable-next-line */
  --yarl__color_backdrop: rgba(0, 0, 0, 0.8);
}

.TestMetadataMedia__playButton--xl {
  z-index: 1;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 25px;
  height: 25px;

  border: solid 1px var(--ring-secondary-color);
  border-radius: 50%;
  background: rgba(255,255,255,0.8);
}

.TestMetadataMedia__playButton--xl > span {
    margin-right: -2px;
  }

.TestMetadataMedia__mediaButton--ST {

  width: calc(var(--ring-unit)*18 + 4px);
  padding: 2px;

  cursor: pointer;

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

.TestMetadataMedia__mediaButton--ST:focus {
    border-radius: var(--ring-border-radius);
    outline: none;
    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) {.TestMetadataMedia__mediaButton--ST:hover {
    color: var(--ring-link-hover-color);
    box-shadow: none;
  }}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestMetadataMedia__mediaButton--ST:hover .TestMetadataMedia__mediaImage--Cq {
    border: solid 1px var(--ring-link-hover-color);
    box-shadow: 0 2px 8px 0 rgba(0, 42, 76, 0.1);
  }}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestMetadataMedia__mediaButton--ST:hover .TestMetadataMedia__playButton--xl {
    border: solid 1px var(--ring-link-hover-color);
    background: rgba(255,255,255,1);
  }}

.TestMetadataMedia__media--T4 {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  box-sizing: border-box;

  width: calc(var(--ring-unit)*18);
  height: calc(var(--ring-unit)*12);

  border: solid 1px var(--ring-line-color);
  border-radius: calc((var(--ring-unit) - 2px)/2);

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.TestMetadataMedia__videoPreview--St {
  position: absolute;
  z-index: 0;

  width: 100%;
  height: 100%;
}

.TestMetadataMedia__fileName--iQ {

  z-index: 1;

  margin-top: calc(var(--ring-unit)/2);

  line-height: 14px;
  overflow-wrap: break-word;
}

.TestStatus__status--TK {
  overflow: hidden;

  white-space: nowrap;
  text-overflow: ellipsis;
}

.TestStatus__icon--Ey {
  margin-right: calc(var(--ring-unit)/2);
}

.TestStatus__success--va {
  color: var(--ring-success-color);
}

.TestStatus__failed--_k {
  color: var(--ring-error-color);
}

.TestStatus__muted--bG,
.TestStatus__ignored--wO {
  color: var(--ring-text-color);
}

.TestHistoryChart__heading--Qb {
  display: flex;
  align-items: baseline;
}

.TestHistoryChart__headingPieChart--U2 {
  margin: auto 0;
  margin-right: calc(var(--ring-unit)/2);
}

.TestHistoryChart__actions--aZ {
  display: flex;
  align-items: baseline;

  margin-top: var(--ring-unit);

  line-height: var(--ring-line-height);
}

.TestHistoryChart__zoom--f6,
.TestHistoryChart__adaptScale--lv {
  margin-right: calc(var(--ring-unit)*1.5);
}

.TestHistoryChart__filter--q_ {
  display: flex;
  align-items: baseline;

  margin-left: auto;
}

.TestHistoryChart__agentFilterPopup--Ee {
  z-index: 10;
}

.TestHistoryChart__showAverage--lw,
.TestHistoryChart__showFailedCheckbox--l6,
.TestHistoryChart__showPersonalBuildsCheckbox--oj {
  margin-right: calc(var(--ring-unit)*1.5);
}

.TestHistoryChart__subheadingSuccess--Es {
  color: var(--ring-success-color);
}

.TestHistoryChart__subheadingFailure--kF {
  color: var(--ring-error-color);
}

.TestHistoryChart__subheadingIgnored--FA {
  color: var(--ring-secondary-color);
}

.TestHistoryChart__statisticCounts--Ia {
  display: flex;

  margin-left: calc(var(--ring-unit)*0.5);
}

.TestHistoryChart__statisticCounts--Ia > div {
    margin-right: calc(var(--ring-unit)*1.5);

    color: var(--ring-secondary-color);

    font-size: var(--ring-font-size-smaller);
  }

.TestHistoryChart__statisticFailure--y6 {
  display: flex;
  align-items: baseline;
}

.TestHistoryChart__statisticFailureIcon--a9 {
  position: relative;

  width: 11px;
  height: 14px;
  margin: auto;
  margin-right: calc(var(--ring-unit)/2);
}

.TestHistoryChart__statisticFailureIcon--a9::before {
    position: absolute;
    top: 0;
    left: 0;

    width: 2px;
    height: 100%;

    content: '';

    opacity: 0.2;
    background-color: var(--ring-error-color);
    box-shadow: 0 0 0 0 var(--ring-error-color), 3px 0 0 0 var(--ring-error-color), 6px 0 0 0 var(--ring-error-color), 9px 0 0 0 var(--ring-error-color);
  }

.TestHistoryChart__snippet--My {
  display: flex;
  align-items: baseline;
  flex: 1 1;
  justify-content: flex-end;
}

.TestHistoryChart__help--V_ {
  color: var(--ring-secondary-color);

  font-size: var(--ring-font-size-smaller);
}

.TestHistoryChart__download--lS,
.TestHistoryChart__help--V_ {
  margin-right: calc(var(--ring-unit)*1.5);
  padding: 0;
}

.TestHistoryChart__download--lS:last-child, .TestHistoryChart__help--V_:last-child {
    margin-right: 0;
  }

.TestHistoryChart__anchor--wF {
  height: auto;
  height: initial;

  color: inherit;

  line-height: inherit;
}

.TestHistoryChart__dropdown--YD {
  margin-right: -10px;
}

.TestHistoryChart__popup--nX {
  position: relative;

  width: calc(var(--ring-unit)*100);
  min-height: 350px;
  padding: calc(var(--ring-unit)*2);
}

.TestHistoryChart__fewLaunches--Qo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: flex;
  align-items: center;
  justify-content: center;
}

.TestHistoryChart__popupChart--p6 {
  margin: 0;
}

.TestHistoryChart__loader--un {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.TestHistoryChart__loaderLabel--rL {
  margin-top: calc(var(--ring-unit)*2);
}

.InvestigationsPanel__heading--Dx {
  display: flex;
  align-items: baseline;
}

.InvestigationsPanel__headingIcon--hn {
  margin-right: calc(var(--ring-unit)/2);
}

.InvestigationsPanel__investigationDetails--q0 {
  margin-bottom: calc(var(--ring-unit)*2);
}

.MutesPanel__heading--mX {
  display: flex;
  align-items: baseline;
}

.MutesPanel__headingIcon--fX {
  margin-right: calc(var(--ring-unit)/2);
}

.MutesPanel__muteDetails--Gf {
  margin-bottom: calc(var(--ring-unit)*2);
}

.TestMetadata__metadataItem--zo {
  margin-bottom: calc(var(--ring-unit)/2);
}

.TestMetadata__metadataItem--zo:last-child {
    margin-bottom: 0;
  }

.TestMetadata__toggleOtherButton--ed {

  margin-top: calc(var(--ring-unit)/2);

  padding: 0;

  color: var(--ring-secondary-color);
}

.BuildTestTab__buildInfo--ke {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}

.BuildTestTab__buildBranch--YX,
.BuildTestTab__buildChanges--On,
.BuildTestTab__startDate--MK {
}

.BuildTestTab__buildBranch--YX,
.BuildTestTab__buildPath--f7,
.BuildTestTab__buildChanges--On,
.BuildTestTab__startDate--MK {
  margin-right: var(--ring-unit);

  line-height: var(--ring-line-height);
}

.BuildTestTab__buildBranch--YX:last-child, .BuildTestTab__buildPath--f7:last-child, .BuildTestTab__buildChanges--On:last-child, .BuildTestTab__startDate--MK:last-child {
    margin-right: 0;
  }

.BuildTestTab__rerunCount--EZ {
  display: inline-block;
}

.BuildTestTab__rerunCount--EZ,
.BuildTestTab__flakyLabel--R4 {

  margin-top: var(--ring-unit);
}

.BuildTestTab__metadata--ov,
.BuildTestTab__buildLog--rA {
  margin-top: calc(var(--ring-unit)*3);
}

.BuildTestTab__buildInfo--ke:first-child, .BuildTestTab__flakyLabel--R4:first-child, .BuildTestTab__metadata--ov:first-child, .BuildTestTab__buildLog--rA:first-child {
    margin-top: 0;
  }

.BuildTestTab__buildLineTitle--h3 {
  margin-right: calc(var(--ring-unit)/2);
}

.BuildTestTab__withOverlay--7k {
  cursor: wait;

  opacity: 0.3;
}

.BuildTestTab__withOverlay--7k > * {
    pointer-events: none;
  }

.BuildTestTab__buildPathLinks--Bj {
  color: var(--ring-link-color);

  line-height: var(--ring-line-height);
}

.BuildTestTab__separator--fX {
  flex-shrink: 0;

  color: var(--ring-secondary-color);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestHistoryItem__closed--WI:hover .TestHistoryItem__button--Yj::before{
    background-color: var(--ring-hover-background-color);
}}

.TestHistoryItem__item--iD,
.TestHistoryItem__heading--se {
  display: contents;
}

.TestHistoryItem__open--Cn:not(.TestHistoryItem__groupedTest--X0)::before {
    position: absolute;

    z-index: 1;
    top: var(--absolute-child-top);
    right: calc(var(--ring-unit)*-4);
    bottom: 0;
    left: calc(var(--ring-unit)*-4);

    content: '';
    pointer-events: none;

    box-shadow:
      0 0 0 1px var(--ring-line-color),
      0 2px 8px var(--ring-popup-shadow-color);

    grid-column: start / end;
    grid-row: var(--row) / span 2;
  }

.TestHistoryItem__button--Yj {

  grid-column: start / end;
  grid-row: var(--row) / span 1;
}

.TestHistoryItem__button--Yj::before {
    position: absolute;
    top: 0;
    right: calc(var(--ring-unit)*-4);
    bottom: 1px;
    left: calc(var(--ring-unit)*-4);

    content: '';
  }

.TestHistoryItem__button--Yj:focus{
  outline: none;
}

.TestHistoryItem__button--Yj:focus::before {
    box-shadow: inset 2px 0 var(--ring-main-color);
  }

.TestHistoryItem__closed--WI .TestHistoryItem__button--Yj:focus::before{
    background-color: var(--ring-hover-background-color);
}

.TestHistoryItem__detailsWrapper--Z_ {
  grid-column: start / end;
}

.TestHistoryItem__row--xK {
  display: contents;
}

.TestHistoryItem__arrow--bJ {
  position: absolute;

  grid-column: -2;
  grid-row: var(--row) / span 1;

  top: calc(var(--absolute-child-top) + 8px);
  right: calc(var(--ring-unit)*-4 + 10px);
  left: auto;

  padding: 0;

  transition: opacity ease;

  pointer-events: none;

  opacity: 0;
  color: var(--ring-icon-secondary-color);

  line-height: normal;
}

.TestHistoryItem__item--iD:hover .TestHistoryItem__arrow--bJ, .TestHistoryItem__button--Yj:focus ~ .TestHistoryItem__arrow--bJ {
    transition: none;

    opacity: 1;
}

.TestHistoryItem__button--Yj:active ~ .TestHistoryItem__arrow--bJ {
    transition: none;

    opacity: 1;
    color: var(--ring-main-color);
}

.TestHistoryItem__outerContainer--Li {
  position: relative;

  overflow: hidden;

  height: calc(var(--ring-unit)*11);
  margin: 0 calc(var(--ring-unit)*-4);
}

.TestHistoryItem__innerContainer--vk {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;

  padding: 0 calc(var(--ring-unit)*4);
}

.TestHistoryItem__details--Q8 {
  padding: calc(var(--ring-unit)*2) 0;
}

.TestHistoryItem__statusColumn--j8 {
  grid-column-start: status-start;
}

.TestHistoryItem__durationColumn--Fk {
  grid-column-start: duration-start;

  text-align: right;
}

.TestHistoryItem__buildColumn--wl {
  grid-column-start: build-start;
}

.TestHistoryItem__buildDetailsColumn--Zo {
  display: flex;
  flex-direction: column;
  grid-column-start: build-details-start;
}

.TestHistoryItem__buildDetailsColumn--Zo > div {
    display: flex;
    align-items: baseline;
  }

.TestHistoryItem__changesColumn--PD {
  grid-column-start: changes-start;
}

.TestHistoryItem__buildAgentLink--i1 {
  font-size: var(--ring-font-size);
}

.TestHistoryItem__changesColumn--PD .TestHistoryItem__buildAgentLink--i1 {
  display: none;
}

.TestHistoryItem__agentColumn--aB {
  grid-column-start: agent-start;
}

@media (max-width: 1400px) {
  .TestHistoryItem__changesColumn--PD .TestHistoryItem__buildAgentLink--i1 {
    display: inline-flex;
  }

  .TestHistoryItem__agentColumn--aB {
    display: none;
  }
}

.TestHistoryItem__buildStartDateColumn--Z4 {
  grid-column-start: start-date-start;

  padding: 0;

  text-align: right;
  white-space: nowrap;
}

.TestHistoryItem__actionsColumn--yf {
  grid-column-start: actions-start;

  display: flex;
  justify-content: flex-end;

  padding: 0;
}

.TestHistoryItem__showInBuildLogIcon--XT {
  height: var(--ring-line-height);
  margin: 0 calc(var(--ring-unit)*-1);

  line-height: var(--ring-line-height);
}

.TestHistoryItem__statusColumn--j8,
.TestHistoryItem__durationColumn--Fk,
.TestHistoryItem__buildColumn--wl,
.TestHistoryItem__buildDetailsColumn--Zo,
.TestHistoryItem__changesColumn--PD,
.TestHistoryItem__agentColumn--aB,
.TestHistoryItem__buildStartDateColumn--Z4,
.TestHistoryItem__actionsColumn--yf {
  grid-row-start: var(--row);

  z-index: 2;

  overflow: hidden;

  padding: 6px 0;

  line-height: var(--ring-line-height);
}

.TestHistoryItem__buildPath--pH {
  flex: 1 1;

  margin-right: 0;
}

.TestHistoryItem__buildBranch--_A,
.TestHistoryItem__buildPath--pH,
.TestHistoryItem__buildNumber--zs,
.TestHistoryItem__buildStatus--M8 {
  margin-right: var(--ring-unit);

  line-height: var(--ring-line-height);
}

.TestHistoryItem__buildBranch--_A:last-child, .TestHistoryItem__buildPath--pH:last-child, .TestHistoryItem__buildNumber--zs:last-child, .TestHistoryItem__buildStatus--M8:last-child {
    margin-right: 0;
  }

.TestHistoryItem__buildNumber--zs > a {
  color: var(--ring-text-color);

  font-size: var(--ring-font-size);
}

.TestHistoryItem__separator--pU {
  flex-shrink: 0;

  color: var(--ring-secondary-color);
}

.TestHistoryListHeader__tableHeader--Up {
  display: contents;

  line-height: var(--ring-line-height-lowest);
}

.TestHistoryListHeader__tableHeader--Up::before {
    position: absolute;

    z-index: 1;
    top: var(--absolute-child-top);
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    pointer-events: none;

    border-bottom: 1px solid var(--ring-line-color);

    grid-column: start / end;
    grid-row: var(--row) / span 1;
  }

.TestHistoryListHeader__sortableColumnTitle--q7 {

  cursor: pointer;
}

.TestHistoryListHeader__statusColumn--UR {
  grid-column-start: status-start;
}

.TestHistoryListHeader__durationColumn--AJ {
  grid-column-start: duration-start;

  text-align: right;
}

.TestHistoryListHeader__buildColumn--mt {
  grid-column-start: build-start;
}

.TestHistoryListHeader__buildDetailsColumn--H6 {
  grid-column-start: build-details-start;
}

.TestHistoryListHeader__changesColumn--XZ {
  grid-column-start: changes-start;
}

.TestHistoryListHeader__agentColumn--Oh {
  grid-column-start: agent-start;
}

@media (max-width: 1400px) {
  .TestHistoryListHeader__agentColumn--Oh {
    display: none;
  }
}

.TestHistoryListHeader__buildStartDateColumn--cc {
  grid-column-start: start-date-start;

  text-align: right;
}

.TestHistoryListHeader__actionsColumn--Jg {
  grid-column-start: actions-start;
}

.TestHistoryListHeader__statusColumn--UR,
.TestHistoryListHeader__durationColumn--AJ,
.TestHistoryListHeader__buildColumn--mt,
.TestHistoryListHeader__changesColumn--XZ,
.TestHistoryListHeader__agentColumn--Oh,
.TestHistoryListHeader__buildStartDateColumn--cc,
.TestHistoryListHeader__actionsColumn--Jg {
  padding: var(--ring-unit) 0;

  color: var(--ring-secondary-color);

  font-size: var(--ring-font-size-smaller);
  grid-row-start: var(--row);
}

.TestHistoryList__list--lp {
  display: contents;

  margin-bottom: calc(var(--ring-unit)*2);
}

.TestHistoryList__withOverlay--DS {
  cursor: wait;

  opacity: 0.3;
}

.TestHistoryList__withOverlay--DS > * {
    pointer-events: none;
  }

.TestHistoryList__content--An {
  margin-bottom: var(--ring-unit);

  padding: 0;
}

.TestHistoryList__wrapper--QL .TestHistoryList__heading--QC {
  margin-bottom: var(--ring-unit);
}

.TestHistoryList__heading--QC.TestHistoryList__heading--QC {
  font-size: inherit;
  line-height: inherit;
}

.TestHistoryList__grid--MS {
  --status-column: [start status-start] max-content;
  --duration-column: [duration-start] max-content;
  --build-column: [build-start] max-content;
  --build-details-column: [build-details-start] auto;
  --changes-column: [changes-start] minmax(auto, 150px);
  --agent-column: [agent-start] minmax(auto, 150px);
  --changes-agent-column: [changes-start agent-start] minmax(auto, 150px);
  --start-date-column: [start-date-start] max-content;
  --actions-column: [actions-start] max-content;

  position: relative;

  align-items: start;
  grid-column-gap: calc(var(--ring-unit)*2);
  grid-template-columns: [start status-start] max-content [duration-start] max-content [build-start] max-content [build-details-start] auto [changes-start] minmax(auto, 150px) [agent-start] minmax(auto, 150px) [start-date-start] max-content [actions-start] max-content [end];
  grid-template-columns: var(--status-column) var(--duration-column) var(--build-column) var(--build-details-column) var(--changes-column) var(--agent-column) var(--start-date-column) var(--actions-column) [end];
}

@media (max-width: 1400px) {
  .TestHistoryList__grid--MS {
    grid-template-columns: var(--status-column) var(--duration-column) var(--build-column) var(--build-details-column) var(--changes-agent-column) var(--start-date-column) var(--actions-column) [end];
  }
}

.OverviewTab__page--tV {
  max-width: var(--tc-content-width);
}

.ProjectsSelect__wrapper--m7 {
  margin-bottom: var(--ring-unit);

  line-height: 24px;
}

.ProjectsSelect__select--Iu {
  margin-bottom: var(--ring-unit);
}

.ProjectsSelect__select--Iu > button {
    color: var(--ring-text-color);
  }

.ProjectsSelect__selectPopup--ox {
  min-width: 640px;
}

.TestHistoryPage__page--oy,
.TestHistoryPage__pageLoader--mQ {
  max-width: var(--tc-content-width);
}

.TestHistoryPage__header--qX {
  margin-bottom: calc(var(--ring-unit)*3);
}

.TestHistoryPage__header--qX .TestHistoryPage__heading--iy {
  overflow: hidden;

  margin: 0;
  margin-bottom: calc(var(--ring-unit)*2);

  word-break: break-word;
}

.TestHistoryPage__header--qX .TestHistoryPage__heading--iy:hover .TestHistoryPage__copyTestNameIcon--rM {
    opacity: 1;
}

.TestHistoryPage__headingTestName--S8 {
  margin-right: 30px;
}

.TestHistoryPage__copyTestNameIconWrapper--UM {
  margin-left: -30px;
}

.TestHistoryPage__copyTestNameIcon--rM {
  height: 28px;

  opacity: 0;
}

.TestHistoryPage__copyTestNameIcon--rM:focus {
    opacity: 1;
  }

.TestHistoryPage__subHeading--fv {

  color: var(--ring-secondary-color);

  font-weight: normal;
}

.TestHistoryPage__branchFilter--tn,
.TestHistoryPage__investigationMuteButtons--c9 {
  margin-right: var(--ring-unit);
}

.TestDetails__wrapper--Tv {
  padding-top: calc(var(--ring-unit)*2);
  padding-bottom: calc(var(--ring-unit)*2);
}

.TestDetails__buttons--gL {
  margin-bottom: var(--ring-unit);
}

.TestDetails__loader--dR {
  margin-top: var(--ring-unit);
}

.TestsTreeNode__node--pA {
  display: flex;
  overflow: hidden;
  align-items: baseline;
  flex-wrap: nowrap;

  line-height: var(--ring-line-height-lowest);
}

.TestsTreeNode__detailedNode--ky {
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
}

.TestsTreeNode__entityPath--hF,
.TestsTreeNode__buildNumber--Ig {
  line-height: inherit;
}

.TestsTreeNode__entityPathLink--Ri {
  color: var(--ring-link-color);

  line-height: inherit;
}

.TestsTreeNode__testPath--pC {
  overflow: hidden;

  margin: calc(var(--ring-unit)/2) 0;
}

.TestsTreeNode__childrenCount--aY {
  margin-left: var(--ring-unit);

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  white-space: nowrap;

  color: var(--ring-secondary-color);

  font-size: var(--ring-font-size-smaller);
  line-height: var(--ring-line-height-lowest);
}

.TestsTreeNode__detailedNode--ky .TestsTreeNode__childrenCount--aY {
  margin-left: var(--ring-unit);
}

.TestsTreeNode__separator--iR {
  flex-shrink: 0;

  color: var(--ring-secondary-color);
}

.TestsTreeNodeFooter__button--xo {

  margin-right: var(--ring-unit);
  padding: 0;

  color: var(--ring-secondary-color);
}

.TestsTree__tree--vJ {
  position: relative;

  z-index: 0;

  margin-top: calc(var(--ring-unit)*2);
}

.TestsTree__investigationMuteButtons--oc,
.TestsTree__expandAll--ta {
  margin-right: calc(var(--ring-unit)*1.5);
}

.ChangeTestsTree__panel--LA.ChangeTestsTree__panel--LA {
  margin-bottom: 0;
}

.ChangeVcsRoots__wrapper--h0 {
  white-space: normal;
}

.ChangeVcsRoots__currentVcsRoot--iO {
  font-weight: bold;
}

.ChangePage__page--kQ,
.ChangePage__pageLoader--PU {
  max-width: var(--tc-content-width);
}

.ChangePage__header--Zw {
  margin-bottom: calc(var(--ring-unit)*4);
}

.ChangePage__header--Zw .ChangePage__headingWrapper--U7 {
  display: flex;
  align-items: baseline;

  margin-bottom: calc(var(--ring-unit)*4);
}

.ChangePage__header--Zw .ChangePage__heading--bW {
  overflow: hidden;

  margin: 0;

  word-break: break-word;
}

.ChangePage__title--RK {
  display: inline-block;
}

.ChangePage__avatar--m3 {
  margin-right: var(--ring-unit);
}

.ChangePage__table--ce {
  margin: calc(var(--ring-unit)*-1.5) calc(var(--ring-unit)*-4) 0;

  border-spacing: calc(var(--ring-unit)*4) calc(var(--ring-unit)*1.5);

  border-collapse: separate;
}

.ChangePage__table--ce th {
    white-space: nowrap;
  }

.ChangePage__table--ce th,
  .ChangePage__table--ce td {
    padding: 0;

    text-align: start;
    vertical-align: baseline;
  }

.ChangePage__comment--i0 {
  overflow-wrap: break-word;

  overflow: hidden;
}

.ChangePage__editCommentButton--gw {
  margin-top: var(--ring-unit);
  padding: 0;
}

.ChangePage__revision--PZ {
  line-height: 24px;
}

.ChangePage__revision--PZ .ChangePage__revisionLink--IF {
  font: inherit;
}

.ChangePage__uncommitedChangeLabel--hQ {
  margin-left: var(--ring-unit);
}

.TestsPreviewPanelCounters__additionalInfoLink--lu {
  margin-right: calc(var(--ring-unit)*1.5);
}

.TestsPreviewPanelCounters__ignoredIcon--mg > *,
.TestsPreviewPanelCounters__mutedIcon--bG > * {
  color: var(--ring-secondary-color);
}

.TestsPreviewPanelCounters__passedIcon--GW {
  color: var(--ring-icon-success-color);
}

.TestsPreviewPanel__counters--KG {
  margin-top: calc(var(--ring-unit)*2);
}

.TestsPreviewPanel__hideProblemsFromDependencies--Gx {
  margin-left: calc(var(--ring-unit)/2);
}

.Deployments__grid--Ia {
  padding: 0 calc(var(--ring-unit)*2);
}

.Deployments__path--MG {
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  grid-column: start / end;

  min-width: 0;

  margin: 0 calc(var(--ring-unit)*-2);
  padding-top: 6px;
  padding-bottom: 6px;
}

.Deployments__path--MG::after {
    position: absolute;

    z-index: -1;
    top: 0;
    right: calc(var(--ring-unit)*-6);
    bottom: 0;
    left: calc(var(--ring-unit)*-6);

    content: '';

    grid-column: start / end;
    grid-row: var(--row) / span 1;
  }

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.Deployments__path--MG:hover::after {
    background-color: var(--ring-hover-background-color);
  }}

.Deployments__build--j_ + .Deployments__pathRowGroup--xo .Deployments__path--MG {
  margin-top: calc(var(--ring-unit)*2);
}

.Deployments__build--j_ + .Deployments__pathRowGroup--xo .Deployments__path--MG::after {
    top: calc(var(--ring-unit)*2);
}

.Deployments__branch--le {
  margin-right: var(--ring-unit);

  white-space: nowrap;
}

.Deployments__triggered--Y6 {
  display: inline;

  margin-right: var(--ring-unit);
}

.Deployments__entityPath--sT {
  flex: 1 1;
}

.Deployments__deploy--Mq {
  display: flex;
  align-items: baseline;

  margin-left: auto;
  padding-left: calc(var(--ring-unit)*2);
}

.Deployments__warningIcon--Wj {
  color: var(--ring-icon-warning-color);
}

.Deployments__rollbackPopup--XF {
  padding: var(--ring-unit) calc(var(--ring-unit)*2) calc(var(--ring-unit)*2);
}

.BuildOverviewTab__content--ZS {
  position: relative;

  margin: 0 calc(var(--ring-unit)*-4) calc(var(--ring-unit)*-4);
  padding: 0 calc(var(--ring-unit)*4);
}

.BuildOverviewTab__content--ZS .ContentPanel__htmlHeading--zv {
  font-size: 20px;
  font-weight: normal;
  line-height: 24px;
}

.BuildOverviewTab__content--ZS .ContentPanel__chevronIcon--IN .ring-icon-glyph {
  vertical-align: -2px;
}

.BuildOverviewTab__firstInfoGroup--y9 {
  margin-bottom: calc(var(--ring-unit)*2);
}

.BuildOverviewTab__secondInfoGroup--p1 {
  margin-bottom: calc(var(--ring-unit)*4);
}

.BuildOverviewTab__secondInfoGroup--p1 .BuildOverviewTab__row--uB {
    margin-bottom: var(--ring-unit);
  }

.BuildOverviewTab__secondInfoGroup--p1 .BuildOverviewTab__row--uB:last-child {
      margin-bottom: 0;
    }

.BuildOverviewTab__notes--M_:not(:empty) {
  margin-bottom: calc(var(--ring-unit)*1.5);
}

.BuildOverviewTab__warning--dK {
  margin-bottom: calc(var(--ring-unit)/2);
}

.BuildOverviewTab__snapshotDependenciesChart--W8 {
  width: 40%;
}

@media (max-width: 1200px) {
  .BuildOverviewTab__snapshotDependenciesChart--W8 {
    width: 60%;
  }
}

.BuildOverviewTab__buildProgress--x_,
.BuildOverviewTab__buildLog--Ko,
.BuildOverviewTab__loader--Kc {
  margin-bottom: calc(var(--ring-unit)*4);
}

.TestRunBuildPath__entityPath--Le,
.TestRunBuildPath__entityPathLink--ze,
.TestRunBuildPath__buildStatus--uz {
  line-height: inherit;
}

.TestRunBuildPath__buildStatus--uz {
  margin-bottom: -1px;
}

.TestRunBuildPath__fixedTest--RE {
  color: var(--ring-secondary-color);
}

.TestRunBuildPath__fixedTest--RE,
  .TestRunBuildPath__fixedTest--RE .TestRunBuildPath__middleEllipsis--uP {
    text-decoration: line-through;
  }

.TestRunBuildPath__newTest--Rv {
  font-weight: bold;
}

.TestName__name--gF {
  word-break: break-word;
}

.TestName__link--Zj {
  display: inline;

  -webkit-user-select: text;

     -moz-user-select: text;

          user-select: text;

  color: var(--ring-text-color);

  line-height: inherit;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestName__link--Zj:hover {
    text-decoration: none;

    color: var(--ring-text-color);
  }}

.TestName__link--Zj:active,
  .TestName__link--Zj:focus {
    text-decoration: none;

    color: var(--ring-text-color);
  }

.TestName__link--Zj > * {
    border: 0 !important;
  }

.TestName__suite--fP,
.TestName__package--y6 {
  color: var(--ring-secondary-color);

  font-size: var(--ring-font-size-smaller);
}

.TestName__suite--fP,
.TestName__package--y6,
.TestName__class--BV {
  overflow: hidden;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestName__suite--fP:hover, .TestName__package--y6:hover, .TestName__class--BV:hover {
    text-decoration: none;
  }}

.TestName__suite--fP:active,
  .TestName__package--y6:active,
  .TestName__class--BV:active,
  .TestName__suite--fP:focus,
  .TestName__package--y6:focus,
  .TestName__class--BV:focus {
    text-decoration: none;
  }

.TestName__newFailure--ah .TestName__class--BV,
.TestName__newFailure--ah .TestName__separator--Zh,
.TestName__newFailure--ah .TestName__name--gF {
  font-weight: bold;
}

.TestName__fixed--Ga .TestName__class--BV,
.TestName__fixed--Ga .TestName__separator--Zh,
.TestName__fixed--Ga .TestName__name--gF {
  text-decoration: line-through;

  color: var(--ring-secondary-color);
}

.TestName__withInteractiveLinks--F9 .TestName__class--BV {
  color: var(--ring-link-color);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestName__withInteractiveLinks--F9 .TestName__suite--fP:hover,.TestName__withInteractiveLinks--F9 .TestName__package--y6:hover,.TestName__withInteractiveLinks--F9 .TestName__class--BV:hover{
    color: var(--ring-link-hover-color);
  }}

.TestName__withInteractiveLinks--F9 .TestName__suite--fP:focus,.TestName__withInteractiveLinks--F9 .TestName__package--y6:focus,.TestName__withInteractiveLinks--F9 .TestName__class--BV:focus{
    color: var(--ring-link-hover-color);
  }

.TestItemAdvanced__testMutesIcon--Lg,
.TestItemAdvanced__testInvestigationsIcon--SR,
.TestItemAdvanced__testMetadataIcon--lq,
.TestItemAdvanced__copyTestNameIcon--RZ,
.TestItemAdvanced__actionsAnchor--Us {
  height: var(--ring-line-height-lowest);

  line-height: var(--ring-line-height-lowest);
}

.TestItemAdvanced__copyTestNameIcon--RZ {
  opacity: 0;
}

.TestItemAdvanced__copyTestNameIcon--RZ:focus {
    opacity: 1;
  }

.TestItemAdvanced__row--pF {
  display: contents;

  line-height: 32px;
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestItemAdvanced__row--pF:hover .TestItemAdvanced__copyTestNameIcon--RZ {
    opacity: 1;
  }}

.TestItemAdvanced__flakyLabel--Vn,
.TestItemAdvanced__testMetadataIcon--lq {
  margin-left: var(--ring-unit);
  padding: 0;
}

.TestItemAdvanced__testMutes--sm,
.TestItemAdvanced__testInvestigations--nE {
  flex: 0 0 auto;

  padding: 0;
}

.TestItemAdvanced__testMutesIcon--Lg,
.TestItemAdvanced__testInvestigationsIcon--SR {
  margin-right: calc(var(--ring-unit)/2);
}

.TestItemAdvanced__statusColumn--WO,
.TestItemAdvanced__nameColumn--eG,
.TestItemAdvanced__durationColumn--n8,
.TestItemAdvanced__runOrderColumn--Ey,
.TestItemAdvanced__actionsColumn--Me {
  z-index: 2;

  padding: var(--ring-unit) 0;

  line-height: var(--ring-line-height-lowest);
}

.TestItemAdvanced__statusColumn--WO {
  grid-column-start: status-start;
  grid-row-start: var(--row);

  display: flex;

  white-space: nowrap;
}

.TestItemAdvanced__invocation--If .TestItemAdvanced__statusColumn--WO {
  padding-left: 22px;
}

.TestItemAdvanced__checkbox--N7 {
  padding: 0;

  white-space: nowrap;
}

.TestItemAdvanced__nameColumn--eG {
  display: flex;

  overflow: hidden;
  align-items: baseline;
  grid-column-start: name-start;
  grid-row-start: var(--row);
}

.TestItemAdvanced__durationColumn--n8 {
  grid-column-start: duration-start;
  grid-row-start: var(--row);

  text-align: right;
}

.TestItemAdvanced__runOrderColumn--Ey {
  grid-column-start: run-order-start;
  grid-row-start: var(--row);

  padding-left: var(--ring-unit);

  text-align: right;
}

.TestItemAdvanced__actionsColumn--Me {
  grid-column-start: actions-start;
  grid-row-start: var(--row);
}

.TestItemAdvanced__actions--Jg {
  width: auto;
  width: initial;
  margin-left: auto;
  padding: 0;
  padding-left: var(--ring-unit);
}

@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.TestItem__closed--nj:hover .TestItem__button--w0::before{
    background-color: var(--ring-hover-background-color);
}}

.TestItem__open--Ur:not(.TestItem__groupedTest--X9)::before {
    position: absolute;

    z-index: 1;
    top: var(--absolute-child-top);
    right: calc(var(--ring-unit)*-4);
    bottom: 0;
    left: calc(var(--ring-unit)*-4);

    content: '';
    pointer-events: none;

    box-shadow:
      0 0 0 1px var(--ring-line-color),
      0 2px 8px var(--ring-popup-shadow-color);

    grid-column: start / end;
    grid-row: var(--row) / span 2;
  }

.TestItem__heading--Xx {
  cursor: default;
}

.TestItem__heading--Xx.TestItem__expandable--KK {
    cursor: pointer;
  }

.TestItem__item--TB,
.TestItem__heading--Xx {
  display: contents;
}

.TestItem__button--w0 {

  grid-column: start / end;
  grid-row: var(--row) / span 1;
}

.TestItem__button--w0::before {
    position: absolute;
    top: 0;
    right: calc(var(--ring-unit)*-4);
    bottom: 1px;
    left: calc(var(--ring-unit)*-4);

    content: '';
  }

.TestItem__button--w0:focus {
  outline: none;
}

.TestItem__button--w0:focus::before {
    box-shadow: inset 2px 0 var(--ring-main-color);
  }

.TestItem__closed--nj .TestItem__button--w0:focus::before{
    background-color: var(--ring-hover-background-color);
}

.TestItem__detailsWrapper--_O {
  grid-column: start / end;
}

.TestItem__arrow--TC {
  position: absolute;

  grid-column: -2;
  grid-row: var(--row) / span 1;

  top: calc(var(--absolute-child-top) + 8px);
  right: calc(var(--ring-unit)*-4 + 10px);
  left: auto;

  padding: 0;

  transition: opacity ease;

  pointer-events: none;

  opacity: 0;
  color: var(--ring-icon-secondary-color);

  line-height: normal;
}

.TestItem__item--TB:hover .TestItem__arrow--TC, .TestItem__button--w0:focus ~ .TestItem__arrow--TC {
    transition: none;

    opacity: 1;
}

.TestItem__button--w0:active ~ .TestItem__arrow--TC {
    transition: none;

    opacity: 1;
    color: var(--ring-main-color);
}

.TestItem__outerContainer--RH {
  position: relative;

  overflow: hidden;

  height: calc(var(--ring-unit)*11);
  margin: 0 calc(var(--ring-unit)*-4);
}

.TestItem__innerContainer--xZ {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;

  padding: 0 calc(var(--ring-unit)*4);
}

.TestItem__groupedTestArrow--kk {
  position: absolute;

  grid-column: 1;
  grid-row: var(--row) / span 1;

  top: calc(var(--absolute-child-top) + 8px);
  right: auto;
  left: calc(var(--ring-unit)*-4 + 10px);

  padding: 0;

  transition: opacity ease;

  pointer-events: none;

  opacity: 0;
  color: var(--ring-icon-secondary-color);

  line-height: normal;
}

.TestItem__item--TB:hover .TestItem__groupedTestArrow--kk, .TestItem__button--w0:focus ~ .TestItem__groupedTestArrow--kk {
    transition: none;

    opacity: 1;
}

.TestItem__button--w0:active ~ .TestItem__groupedTestArrow--kk {
    transition: none;

    opacity: 1;
    color: var(--ring-main-color);
}

.TestItem__detailsShift--Mi {
  padding-left: 22px;
}

.TestItem__open--Ur .TestItem__arrow--TC,
.TestItem__open--Ur .TestItem__groupedTestArrow--kk {
  opacity: 1;
}

.TestsList__actions--VT {
  margin-bottom: var(--ring-unit);
}

.TestsList__investigationMuteButtons--gy {
  margin-right: var(--ring-unit);
}

.TestsList__grid--pd {
  --status-column: [start status-start] max-content;
  --name-column: [name-start] auto;
  --duration-column: [duration-start] max-content;
  --run-order-column: [run-order-start] max-content;
  --actions-column: [actions-start] max-content;

  position: relative;

  align-items: start;
  grid-column-gap: calc(var(--ring-unit)*2);
  grid-template-columns: [start status-start] max-content [name-start] auto [duration-start] max-content [run-order-start] max-content [actions-start] max-content [end];
  grid-template-columns: var(--status-column) var(--name-column) var(--duration-column) var(--run-order-column) var(--actions-column) [end];
}

.TestsList__testsList--z8 {
  display: contents;
}

.TestsView__overlay--pj {
  cursor: wait;

  opacity: 0.3;
}
.TestsView__overlay--pj > * {
    pointer-events: none;
  }

.BuildDetailsTabs__tabs--j8 {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;

  height: calc(var(--ring-unit)*2);

  padding-right: calc(var(--ring-unit)*5);
}

.BuildDetailsTabs__tab--Qs {
  position: relative;

  display: flex;
  align-items: baseline;

  margin-right: calc(var(--ring-unit)*3);
}

.BuildDetailsTabs__more--lg {
  position: absolute;
  left: calc(100% + var(--ring-unit)*3);

  white-space: nowrap;
}

.BuildDetailsTabs__moreAnchor--Md {
  height: auto;
}

.BuildDetailsTabs__link--oP {
}

.BuildDetailsTabs__counter--rS {
  margin-left: var(--ring-unit);

  color: var(--ring-secondary-color);
}

.BuildDetailsTabs__icon--NR {
  margin-right: calc(var(--ring-unit)*-1);

  line-height: inherit;
}


/*# sourceMappingURL=styles.3b4ee7630632815981af.css.map*/