@keyframes slide-in {
  0% {
    transform: translateY(25%);
    opacity: 0;
    bottom: var(--spacing-05);
  }

  100% {
    transform: translateY(0);
    opacity: 1;
    bottom: var(--spacing-06);
  }
}

.fade-slide-in {
  opacity: 0;
  transition: opacity 0.3s ease; /* Smooth opacity transition */
  animation: slide-in 0.3s ease-in-out forwards;
  animation-delay: 300ms;
}

.tpr-editor-prompt-container {
  position: absolute;
  z-index: 1;
  bottom: var(--spacing-06);
  right: var(--spacing-06);
  width: 90%;
  max-width: 512px;
}
