/* Disable the legacy %-distance CSS animation: it could leave long text offscreen
   for many seconds. JS moves the measured track at a stable 65 pixels/second. */
#page-home .notice-line .notice-scroll-window {
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

#page-home .notice-line .notice-scroll-track {
  display: flex;
  align-items: center;
  width: max-content;
  height: 100%;
  will-change: transform;
}

#page-home .notice-line #noticeText.marquee,
#page-home .notice-line .notice-scroll-copy {
  display: block !important;
  flex: 0 0 auto !important;
  width: max-content !important;
  max-width: none !important;
  margin: 0 56px 0 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  animation: none !important;
  transform: none !important;
  color: var(--home-notice-text-color, #FFFF00) !important;
  font-size: clamp(16px, 4.4vw, 19px) !important;
  font-weight: 700 !important;
  line-height: var(--home-notice-h, 28px) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .55) !important;
}