* {
  transition: background-color 300ms ease, color 300ms ease;
}

.loading-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 20px;
}

.loading-ellipsis div {
  position: absolute;
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.loading-ellipsis div:nth-child(1) {
  left: 8px;
  animation: loading-ellipsis1 0.6s infinite;
}

.loading-ellipsis div:nth-child(2) {
  left: 8px;
  animation: loading-ellipsis2 0.6s infinite;
}

.loading-ellipsis div:nth-child(3) {
  left: 32px;
  animation: loading-ellipsis2 0.6s infinite;
}

.loading-ellipsis div:nth-child(4) {
  left: 56px;
  animation: loading-ellipsis3 0.6s infinite;
}

@keyframes loading-ellipsis1 {
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}

@keyframes loading-ellipsis3 {
  0% { transform: scale(1); }
  100% { transform: scale(0); }
}

@keyframes loading-ellipsis2 {
  0% { transform: translate(0, 0); }
  100% { transform: translate(24px, 0); }
}

.form-message {
  display: flex;
  justify-content: center;
  width: 100%;
}

.form-message>div {
  background-color: #ffffff !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
  border-radius: 9999px !important;
  margin-bottom: 0 !important;
  border-width: 1px !important;
  border-color: #e2e8f0 !important;
  padding: 0.75rem 1.75rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
}

.form-message>div span {
  color: #000000 !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
}