.ii-ticker {
  display: flex;
  align-items: stretch;
  min-block-size: 1.8125rem;
  border-block-end: 1px solid #34434a;
  background: #18262e;
  color: #e8dfd2;
  font: 500 .75rem/1.2 system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
}
.ii-ticker[hidden] { display: none; }

.ii-ticker__label,
.ii-ticker__toggle {
  display: grid;
  place-items: center;
  flex: none;
  padding-inline: .75rem;
  color: #f2c27a;
}
.ii-ticker__label { border-inline-end: 1px solid #34434a; font-weight: 700; }

.ii-ticker__viewport {
  container-type: inline-size;
  display: flex;
  min-inline-size: 0;
  flex: 1;
  overflow: hidden;
}
.ii-ticker__track {
  display: flex;
  inline-size: max-content;
  animation: ii-ticker-scroll 48s linear infinite;
}
.ii-ticker__quotes {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: none;
  gap: 1.75rem;
  min-inline-size: 100cqw;
  margin: 0;
  padding: 0 1rem;
  list-style: none;
}
.ii-ticker__quote { display: flex; align-items: center; gap: .45rem; white-space: nowrap; }
.ii-ticker__icon { display: block; flex: none; inline-size: 1rem; block-size: 1rem; }
.ii-ticker__quote strong { color: #f2c27a; font-weight: 700; }
.ii-ticker:hover .ii-ticker__track,
.ii-ticker:focus-within .ii-ticker__track,
.ii-ticker.is-paused .ii-ticker__track { animation-play-state: paused; }

.ii-ticker__toggle {
  min-inline-size: 2.5rem;
  border-inline-start: 1px solid #34434a;
}
.ii-ticker__toggle:hover { background: #243841; }
.ii-ticker__toggle:focus-visible { outline: 2px solid #f2c27a; outline-offset: -3px; }
.ii-ticker__pause { width: .5rem; height: .625rem; border-inline: 2px solid currentColor; }
.ii-ticker__play { display: none; border-block: .3125rem solid transparent; border-inline-start: .5rem solid currentColor; }
.ii-ticker.is-paused .ii-ticker__pause { display: none; }
.ii-ticker.is-paused .ii-ticker__play { display: block; }

@keyframes ii-ticker-scroll {
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .ii-ticker__viewport { overflow-x: auto; scrollbar-width: none; }
  .ii-ticker__track { animation: none; }
  .ii-ticker__quotes--copy, .ii-ticker__toggle { display: none; }
}