.TabsLine {
  position: absolute;
}

  .TabsLine_type_border {
    --line-thickness: 1px;
    background-color: var(--color-bg-border);
  }

  .TabsLine_type_running {
    --line-thickness: 2px;
    background-color: var(--color-bg-brand);
    -webkit-transition: width 0.25s, height 0.25s, -webkit-transform 0.25s;
    transition: width 0.25s, height 0.25s, -webkit-transform 0.25s;
    transition: transform 0.25s, width 0.25s, height 0.25s;
    transition: transform 0.25s, width 0.25s, height 0.25s, -webkit-transform 0.25s;
  }

  .TabsLine_position_bottom,
  .TabsLine_position_top {
    left: 0;
    width: var(--line-length);
    height: var(--line-thickness);
    -webkit-transform: translateX(var(--line-offset));
            transform: translateX(var(--line-offset));
  }

  .TabsLine_position_bottom {
    bottom: 0;
  }

  .TabsLine_position_top {
    top: 0;
  }

  .TabsLine_position_left,
  .TabsLine_position_right {
    top: 0;
    width: var(--line-thickness);
    height: var(--line-length);
    -webkit-transform: translateY(var(--line-offset));
            transform: translateY(var(--line-offset));
  }

  .TabsLine_position_left {
    left: 0;
  }

  .TabsLine_position_right {
    right: 0;
  }