.divider {
  background: linear-gradient(
    90deg,
    var(--primary) 0%,
    var(--primary) 33.33%,
    var(--chart-secondary) 66.66%,
    var(--chart-secondary) 100%
  );
  background-size: 300% 100%;
  background-position: 100% 0;
  animation: divider 1s linear forwards;
  width: -webkit-fill-available;
}

@keyframes divider {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0% 0;
  }
}
