/* A single announcement line; native scrolling remains available without a scrollbar. */
html body .announcement-bar .announcement-viewport {
  max-height: none;
  overflow-x: auto;
  overflow-y: hidden;
  line-height: 22px;
  touch-action: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  cursor: grab;
}
html body .announcement-bar .announcement-viewport::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
html body .announcement-bar .announcement-viewport.is-dragging {
  cursor: grabbing;
  user-select: none;
}
html body .announcement-bar .announcement-track {
  display: flex;
  width: max-content;
  animation: none;
  transform: none;
  will-change: auto;
}
html body .announcement-bar .announcement-track > .announcement-group {
  display: flex;
  flex: none;
  align-items: center;
  gap: 64px;
  padding-right: 64px;
  white-space: nowrap;
}
html body .announcement-bar .announcement-message {
  display: block;
  flex: none;
  white-space: nowrap;
}
@media (max-width: 760px) {
  html body .announcement-bar .announcement-track > .announcement-group {
    gap: 48px;
    padding-right: 48px;
  }
}