.stock-ticker {
	font-size: var(--tiny-font);
  border-block: 1px solid;
  border-color: var(--hover-color);
  overflow: hidden;
  user-select: none;

  --gap: 40px;
  display: flex;
  gap: var(--gap);
}

.stock-ticker a {
    color: inherit;
    text-decoration: none;
}
.stock-ticker p {
  margin: 4px;
  list-style: none;
  flex-shrink: 0;
  min-width: 100%;
  display: flex;
  align-items: center;
  gap: var(--gap);

  animation: scroll 100s linear infinite;
}

.stock-ticker:hover p {
  animation-play-state: paused;
}
.stock-ticker a:hover {
  background-color: var(--hover-color);
}

@keyframes scroll {
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

.stock-ticker .form,
.stock-ticker .documents {
  font-weight: bold;
}

.stock-ticker .plus::before {
  content: "↑";
}

.stock-ticker .minus::before {
  content: "↓";
}

.stock-ticker .plus .change,
.stock-ticker .plus::before {
  color: var(--color-green);
}

.stock-ticker .minus .change,
.stock-ticker .minus::before {
  color: var(--color-red);
}