.HeaderContent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-2xs);
  flex: var(--header-content-flex) 1 0%;
}

  .HeaderContent-Before {
    display: flex;
    flex-shrink: 2;
    gap: var(--spacing-2xs);
  }

  .HeaderContent-Content {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--spacing-s);
    flex: 1;
  }