/* Homepage animation styles */
#snippet-type-text {
  transition: opacity 0.3s ease-in-out;
  display: inline-block;
  min-width: 280px;
  text-align: center;
}

/* Add subtle typing cursor effect */
#snippet-type-text::after {
  content: '|';
  animation: blink 1s infinite;
  opacity: 0.7;
  margin-left: 2px;
}

@keyframes blink {
  0%, 50% { opacity: 0.7; }
  51%, 100% { opacity: 0; }
}

/* Remove cursor during fade transitions */
#snippet-type-text.fading::after {
  display: none;
}