/* A compact Win95 announcement in the space between the title and search. */
.TMAnnouncement {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  padding: 2px 4px;
  color: #000;
  background: #ffffe1;
  border: 2px solid;
  border-color: #808080 #fff #fff #808080;
  font-size: 13px;
}
.TMAnnouncement-label,
.TMAnnouncement-pause {
  flex: 0 0 auto;
  height: 28px;
  padding: 0 5px;
  border: 0;
  background: transparent;
  color: #000080;
  cursor: pointer;
  font: inherit;
}
.TMAnnouncement-label { font-weight: bold; }
.TMAnnouncement-pause { width: 26px; }
.TMAnnouncement button:focus-visible { outline: 1px dotted #000; }
.TMAnnouncement-viewport { overflow: hidden; min-width: 0; flex: 1 1 0; }
.TMAnnouncement-text {
  display: inline-block;
  white-space: nowrap;
  animation: tm-announcement-scroll var(--tm-announcement-duration, 25s) linear infinite;
  will-change: transform;
}
.TMAnnouncement:hover .TMAnnouncement-text { animation-play-state: paused !important; }
.TMAnnouncement-full { white-space: pre-wrap; overflow-wrap: anywhere; }
@keyframes tm-announcement-scroll {
  from { transform: translateX(var(--tm-announcement-start, 240px)); }
  to { transform: translateX(-100%); }
}
@media (min-width: 768px) {
  body.tm-announcement-enabled #header > .container { display: flex !important; align-items: center; gap: 14px; }
  body.tm-announcement-enabled #header .Header-title { flex: 0 0 auto; margin-right: 0; }
  body.tm-announcement-enabled #header-primary { flex: 1 1 0 !important; min-width: 90px !important; }
  body.tm-announcement-enabled #header-primary > .Header-controls { display: flex; width: 100%; margin: 0; padding: 0; }
  body.tm-announcement-enabled #header-primary .item-tmAnnouncement { flex: 1 1 0; width: 100%; min-width: 0; }
  body.tm-announcement-enabled #header-secondary { flex: 0 0 auto !important; }
}
@media (max-width: 767px) {
  .TMAnnouncement { height: 46px; margin-bottom: 10px; }
  .TMAnnouncement-label, .TMAnnouncement-pause { height: 40px; }
  .TMAnnouncement-pause { width: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  .TMAnnouncement-text { animation: none; transform: none; will-change: auto; }
  .TMAnnouncement-viewport { overflow-x: auto; }
  .TMAnnouncement-pause { display: none; }
}