@import url('./entries/index.css');
@import url('./entries/index-filters.css');
@import url('./entries/form.css');
@import url('./entries/view.css');

.throbber {
  width: 56px;
  height: 1.5rem;
  background:
    radial-gradient(circle closest-side, var(--primary-color) 90%, #0000) 0% 50%,
    radial-gradient(circle closest-side, var(--primary-color) 90%, #0000) 50%
      50%,
    radial-gradient(circle closest-side, var(--primary-color) 90%, #0000) 100%
      50%;
  background-size: calc(100% / 3) 13.4px;
  background-repeat: no-repeat;
  animation: dots-7ar3yq 1s infinite linear;
  margin-right: 1em;
}

@keyframes dots-7ar3yq {
  20% {
    background-position:
      0% 0%,
      50% 50%,
      100% 50%;
  }

  40% {
    background-position:
      0% 100%,
      50% 0%,
      100% 50%;
  }

  60% {
    background-position:
      0% 50%,
      50% 100%,
      100% 0%;
  }

  80% {
    background-position:
      0% 50%,
      50% 50%,
      100% 100%;
  }
}
