.TabsStrokeLine {
  position: absolute;
}

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

.TabsStrokeLine_type_running {
    --line-thickness: 2px;
    background-color: white;
    -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;
    margin-bottom: -1px;
    z-index: 1;
 }

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

.TabsStrokeLine_position_bottom {
   bottom: 0;
 }

.TabsStrokeLine_position_top {
   top: 0;
 }

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

.TabsStrokeLine_position_left {
   left: 0;
 }

.TabsStrokeLine_position_right {
   right: 0;
 }