.liturgy-compiler-bell {
  width: 40px;
  height: 64px;
  background: url("./liturgy-compiler-bell-ringing.png") no-repeat;
  background-size: 160px 64px;
  image-rendering: pixelated;
  animation: liturgy-compiler-bell-ring 900ms steps(4) infinite;
}

@keyframes liturgy-compiler-bell-ring {
  to { background-position: -160px 0; }
}

@media (prefers-reduced-motion: reduce) {
  .liturgy-compiler-bell { animation: none; }
}