@keyframes pulse {
  0% {
    transform: scale(0.85);
    box-shadow: var(--tide-booking-spinner-box-shadow-0);
  }

  7.5% {
    transform: scale(1);
    box-shadow: var(--tide-booking-spinner-box-shadow-7);
  }

  15% {
    transform: scale(0.85);
    box-shadow: var(--tide-booking-spinner-box-shadow-15);
  }

  22.5% {
    transform: scale(1);
    box-shadow: var(--tide-booking-spinner-box-shadow-22);
  }

  97% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.85);
  }
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}