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

.pp-header-default__langs {
  align-self: flex-start;
  padding-top: 0.6rem;
}

.pp-header-default__langs .gt_float_switcher .gt-selected .gt-current-lang,
.pp-header-default__langs .gt_float_switcher .gt_options a {
  padding: 3px 5px;
  display: flex;
  gap: 5px;
  align-items: center;
}

.pp-header-default__langs .gt_float_switcher .gt_options a {
  padding: 7px 5px;
  background-color: var(--v-color__2);
}

.pp-header-default__langs .gt_float_switcher {
  display: block;
  font-family: inherit;
  font-size: 90%;
  line-height: 1.3;
}

.pp-header-default__langs .gt_float_switcher img {
  display: block;
  width: auto;
  height: 20px;
  margin: 0;
}

.pp-header-default__langs .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
  position: static;
}