.TabsTab {
  --tab-indent: var(--space-m);
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--space-xs) 0;
  color: var(--color-typo-secondary);
  background-color: transparent;
  border: none;
  font-family: var(--font);
  font-size: var(--tab-font-size);
  line-height: var(--line-height-text-s);
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

  .TabsTab_checked,
  .TabsTab:hover {
    color: var(--color-typo-primary);
  }

  .TabsTab::before {
    content: '';
    position: absolute;
    top: 0;
    right: -4px;
    left: -4px;
    bottom: 0;
    display: block;
    border-radius: var(--control-radius);
  }

  .TabsTab:focus {
    outline: none;
  }

  .TabsTab:not(.TabsTab_onlyIcon) .TabsTab-Icon {
    margin-right: calc(var(--tab-indent)*0.5);
  }

  .TabsTab_onlyIcon {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: var(--only-icon-size);
  }