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

.p-header__main {
  background: var(--w153-th-color-background-default);
  position: relative;
}

.p-header__main-inner {
  align-items: stretch;
  height: 4rem;
}

@media (min-width: 700px) {
  .p-header__main-inner {
    height: 6.5rem;
  }

  body.is-scrolled .p-header__main-inner {
    height: 4rem;
  }
}