.s-pre-header {
  display: flex;
  align-items: center;
  min-height: var(--pre-header-height);
  background: var(--brand);
  color: var(--white);
}

.s-pre-header__text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-16);
  min-height: var(--pre-header-height);
  font-size: var(--fs-13);
  line-height: 1.3;
  color: var(--white);
  text-align: center;
}

.s-pre-header__item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-8);
  white-space: nowrap;
}

.s-pre-header__icon {
  flex-shrink: 0;
}

.s-pre-header__separator {
  color: rgba(255, 255, 255, 0.56);
  user-select: none;
}

@media (max-width: 47.99875rem) {
  .s-pre-header {
    display: none;
  }
}

@media (min-width: 48rem) and (max-width: 64rem) {
  .s-pre-header__text {
    gap: var(--space-12);
    font-size: var(--fs-12);
  }
}