.pp-header-default__topbar {
  --topbar__spacing: 1rem;
  --topbar__spacing-inner: 0.6rem;

  background-color: var(--v-color__1);
  color: var(--v-color__1--alt1);
  font-size: 80%;
}

.pp-header-default__topbar-inner {
  height: var(--v-height__header-topbar);
  gap: var(--topbar__spacing);
  transition: var(--v-transition__default);
}

body.is-scrolled .pp-header-default__topbar-inner {
  height: var(--v-height__header-topbar--sticky);
}

.pp-header-default__topbar-info {
  gap: var(--topbar__spacing-inner);
  line-height: 1;
}

.pp-header-default__topbar-info a {
  text-decoration: none;
}

.pp-header-default__topbar-info a:hover {
  color: var(--v-color__2);
}

.pp-header-default__topbar-info-icon {
  font-size: 150%;
}

.pp-header-default__social-icons {
  --social-icons__gap: var(--topbar__spacing-inner);

  margin-left: auto;
}