.htmx-indicator{
    display:none    
}
.htmx-request .htmx-indicator{
    display:inline
}
.htmx-request.htmx-indicator{
    display:inline
}

@keyframes fade-in {
    from { opacity: 0; }
  }

 @keyframes slide-from-down {
    from { transform: translateY(200px); }
  }



.slide-login {
    animation: 0.4s ease-out 0.1s 1 both fade-in,
    0.4s ease-out 0.1s 1 both slide-from-down    
  }

  .slide-block1 {
    animation: 0.4s ease-out 0.1s 1 both fade-in,
    0.4s ease-out 0.1s 1 both slide-from-down    
  }

  .slide-block2 {
    animation: 0.8s ease-out 0.1s 1 both fade-in,
    0.6s ease-out 0.1s 1 both slide-from-down    
  }

  .slide-block3 {
    animation: 1.2s ease-out 0.1s 1 both fade-in,
    0.8s ease-out 0.1s 1 both slide-from-down    
  }

  .reveal {
    opacity: 0;
    transform: translateY(20px);
  }
  
  .reveal-visible {
    opacity: 1;
    transform: translateY(0px);
    transition: 1s cubic-bezier(.5,0,0,1)
  }