.Tabs {
  position: relative;
}

  .Tabs_size_s {
    --list-offset: var(--space-s);
  }

  .Tabs_size_m {
    --list-offset: var(--space-m);
  }

  .Tabs-List {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .Tabs-List_view_stroke {
          padding: 0 16px;
        }

  .Tabs-List_direction_horizontal {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      white-space: nowrap;
    }

  .Tabs-List_direction_vertical {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }

  .Tabs-List_linePosition_left {
      padding-left: var(--list-offset);
    }

  .Tabs-List_linePosition_right {
      padding-right: var(--list-offset);
    }

  .Tabs-Tab {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .Tabs-Tab_view_stroke {
        margin-right: var(--space-2xs);
        padding: 0 8px 0 12px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-top: 1px solid var(--color-bg-border);
        border-left: 1px solid var(--color-bg-border);
        border-right: 1px solid var(--color-bg-border);
      }

  .Tabs-Tab_activeTabIdx {
    }

  .Tabs-Tab:not(.Tabs-Tab_activeTabIdx).Tabs-Tab_view_stroke {
      background-color: var(--color-control-bg-ghost);
      }

  .Tabs-Tab:not(.Tabs-Tab_view_stroke).Tabs-Tab_direction_horizontal {
      margin-right: var(--space-m);
    }

  .Tabs-Tab_direction_vertical {
      text-align: left;
    }

  .Tabs-Tab_direction_vertical > * {
        width: 100%;
      }