.sui-prj-project-instances-quickview {
  position: relative;
  display: flex;
  width: 100%;
  height: rem(6);
  border-radius: $sui-border-radius-lg;
  overflow: hidden;

  &__item {
    background: rgba($sui-color-primary, 0.2);
    border-radius: $sui-border-radius-lg;
    position: absolute;
    height: 100%;
    min-width: rem(4);

    &.as--failed {
      border-radius: rem(8) rem(4) rem(4) rem(8);

      &::after {
        z-index: $sui-z-index-l-focus-mode;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: rem(4);
        background: rgba($sui-color-danger, 0.6);
        border-radius: rem(4);
      }
    }
  }
}
