/* Size every marquee copy from the actual announcement window. */
.store-shell .announcement.scrolling .announcement-track,
.preview-store .announcement.scrolling .announcement-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  min-width: max-content !important;
}

.store-shell .announcement.scrolling .announcement-track > span,
.preview-store .announcement.scrolling .announcement-track > span {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 var(--qa-announcement-copy-width, max-content) !important;
  width: var(--qa-announcement-copy-width, max-content) !important;
  min-width: var(--qa-announcement-copy-width, max-content) !important;
  white-space: nowrap !important;
}

/* Navigation dropdowns must remain above announcements placed below the nav. */
.store-shell .navbar,
.preview-store .navbar {
  z-index: 130 !important;
}

.store-shell .navbar:not(.navbar-sticky),
.preview-store .navbar:not(.navbar-sticky) {
  position: relative !important;
}