.marquee {
  --ui-marquee-spacing: 0;
  --ui-marquee-offset: 0;
  width: auto;
  white-space: pre !important;
  overflow: hidden;
  text-align: left;
}
.marquee .text {
  pointer-events: none;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  margin: 0;
  white-space: pre !important;
  transition-property: transform;
  transition-timing-function: linear;
  position: relative;
}
.marquee .text * {
  margin: 0;
}
.marquee .text.willAnimate {
  will-change: opacity;
  overflow: visible;
}
.marquee .text.animate {
  /* Public Class Name */
}
.marquee .text .spacing {
  display: inline-block;
  width: calc(1px * (var(--ui-marquee-spacing, 0) + var(--ui-marquee-offset, 0)));
}
:global(.enact-locale-right-to-left) .marquee {
  text-align: right;
}