/* stylelint-disable selector-class-pattern, custom-property-pattern */

.p-header__top-bar {
  background: var(--w153-th-gradient-1);
  background-color: var(--w153-th-color-2);
}

.p-header__top-bar-inner {
  height: 2rem;
  font-size: 80%;
}

.p-header__top-bar-intro {
  display: block;
  color: var(--w153-th-color-text-default--invert);
  fill: var(--w153-th-color-text-default--invert);
}

.p-header__top-bar-intro .u-links-icon span {
  display: none;
}

@media (min-width: 700px) {
  .p-header__top-bar-intro .u-links-icon span {
    display: block;
  }

  .p-header__top-bar-inner {
    height: 3.5rem;
    font-size: 90%;
  }

  body.is-scrolled .p-header__top-bar-inner {
    height: 2rem;
    font-size: 80%;
  }
}