/* Front-end styles for ShowCase Message */
.mm-marquee-wrap {
  --mm-text-color: #ffffff;
  --mm-bg-color: #1e293b;
  --mm-font-size: 18px;

  background: var(--mm-bg-color);
  color: var(--mm-text-color);
  font-size: var(--mm-font-size);
  line-height: 1.5;
  overflow: hidden;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 0.4em 0;

  /* Background image support */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.mm-marquee {
  white-space: nowrap;
  will-change: transform;
}

.mm-marquee-text {
  display: inline-block;
  padding-left: 100%;
  /* animation is set dynamically via JS to respect speed */
  animation-name: mm-scroll-left;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  text-shadow: 0 1px 2px rgba(0,0,0,.15);
}

@keyframes mm-scroll-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}