@keyframes googleProgress {
  0% {
    left: 0%;
    width: 0%;
    opacity: 0.3;
  }
  
  50% {
    left: 0%;
    width: 100%;
    opacity: 0.9;
  }
  
  100% {
    left: 100%;
    width: 0%;
    opacity: 0.3;
  }
}

.animate-google-progress {
  position: relative;
  animation: googleProgress 1.2s ease-in-out infinite;
}

.rotate-me {
  transition: transform 1s ease-in-out;
}

input[type="search"]::-webkit-search-cancel-button {
  cursor: pointer;
}

.htmx-indicator {
    opacity: 0;
}