/* Count badges inside left menu navigation rows. */

  .menu-nav-count {
    order: 3;
    flex: 0 0 auto;
    min-width: 18px;
    text-align: right;
    font-size: 11px;
    line-height: 1;
    color: var(--vk-text-muted);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    opacity: 0;
    transition: color 150ms ease, opacity 150ms ease;
  }

  .menu-nav-count-pair {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
  }

  .menu-nav-count--gold {
    color: var(--vk-semantic-warning-text);
  }

  .menu-nav-count--accent,
  .menu-nav-count--blue {
    min-width: 18px;
    height: auto;
    padding: 0;
    display: inline-block;
    border-radius: 0;
    background: transparent;
    color: var(--vk-app-accent-current);
    text-align: right;
    opacity: 1;
  }

  .menu-nav-link.is-active .menu-nav-count,
  .menu-nav-button.is-active .menu-nav-count,
  .menu-sub-link.is-active .menu-nav-count {
    color: var(--vk-text-on-accent);
    opacity: 1;
  }

  .menu-nav-link.is-active .menu-nav-count--accent,
  .menu-nav-button.is-active .menu-nav-count--accent,
  .menu-sub-link.is-active .menu-nav-count--accent,
  .menu-nav-link.is-active .menu-nav-count--blue,
  .menu-nav-button.is-active .menu-nav-count--blue,
  .menu-sub-link.is-active .menu-nav-count--blue {
    background: transparent;
    color: var(--vk-app-accent-current);
  }