.announcement-bar {
  overflow: hidden;
  max-height: 60px;
  transition: max-height 0.35s ease, opacity 0.3s ease;
}

html.sp-scrolled .announcement-bar {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}

#header-component {
  transition: padding-block 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
  .announcement-bar,
  #header-component {
    transition: none;
  }
}