.store-shell .announcement,
.preview-store .announcement {
  width: 100% !important;
}
.store-shell .announcement > .announcement-window,
.preview-store .announcement > .announcement-window {
  width: var(--store-content-width, 80%) !important;
  margin-inline: auto !important;
}
.store-shell .announcement:not(.scrolling) .announcement-track,
.preview-store .announcement:not(.scrolling) .announcement-track {
  width: 100% !important;
}
.store-shell .announcement:not(.scrolling) .announcement-track span,
.preview-store .announcement:not(.scrolling) .announcement-track span {
  width: 100% !important;
  min-width: 0 !important;
}
.store-shell .announcement.scrolling .announcement-track,
.preview-store .announcement.scrolling .announcement-track {
  width: 200% !important;
}
.store-shell .announcement.scrolling .announcement-track span,
.preview-store .announcement.scrolling .announcement-track span {
  width: 50% !important;
  min-width: 50% !important;
  flex: 0 0 50% !important;
}
.announcement.scrolling.reverse .announcement-track {
  animation-name: qa-announcement-wrap-right !important;
}
@keyframes qa-announcement-wrap-right {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}
.qa-announcement-direction[hidden] { display: none !important; }
