.section-breaker {
  display: flex;
  justify-content: center;
  gap: 0.125rem;
  margin-top: clamp(5.5rem, 10vw, 10rem);
  margin-bottom: clamp(5.5rem, 10vw, 10rem);
}
.section-breaker div {
  height: 0.75rem;
  width: 0.75rem;
  animation-name: breakerAnim;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  transition: none;
}
.section-breaker div:nth-of-type(2) {
  animation-delay: -5s;
}
.section-breaker div:nth-of-type(3) {
  animation-delay: -9s;
}

@keyframes breakerAnim {
  0% {
    background-color: var(--wp--preset--color--contrast-2);
    border-radius: 0;
  }
  10% {
    background-color: var(--wp--preset--color--primary);
    border-radius: 0;
  }
  20% {
    background-color: var(--wp--preset--color--tertiary-3);
    border-radius: 100%;
  }
  30% {
    background-color: var(--wp--preset--color--soft);
    border-radius: 100%;
  }
  40% {
    background-color: var(--wp--preset--color--contrast);
    border-radius: 0;
  }
  50% {
    background-color: var(--wp--preset--color--contrast-2);
    border-radius: 100%;
  }
  60% {
    background-color: var(--wp--preset--color--primary);
    border-radius: 100%;
  }
  70% {
    background-color: var(--wp--preset--color--tertiary-3);
    border-radius: 0;
  }
  80% {
    background-color: var(--wp--preset--color--soft);
    border-radius: 0;
  }
  90% {
    background-color: var(--wp--preset--color--contrast);
    border-radius: 0;
  }
  100% {
    background-color: var(--wp--preset--color--tertiary-3);
    border-radius: 0;
  }
}/*# sourceMappingURL=style.css.map */