.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);
  text-align: left;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

  .TabsTab_size_s {
      --only-icon-size: var(--space-l);
      --tab-font-size: var(--size-text-s);
    }

  .TabsTab_size_m {
      --only-icon-size: var(--space-xl);
      --tab-font-size: var(--size-text-m);
    }

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

  /* Увеличиваем область клика и фокуса */

  .TabsTab::before {
    content: '';
    position: absolute;
    top: 0;
    right: calc(-1 * var(--space-2xs));
    left: calc(-1 * var(--space-2xs));
    bottom: 0;
    display: block;
    border-radius: var(--control-radius);
  }

  .TabsTab:focus {
    outline: none;
  }

  .TabsTab-Icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .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);
  }