/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Transcript container height constraints - CSP compliant */
.transcript-container {
  height: 128px;
  max-height: 128px;
  min-height: 128px;
}

.transcript-content {
  height: 128px;
  max-height: 128px;
  overflow-y: auto;
}

/* Flash message dismiss animation - CSP compliant */
.flash-message-dismissing {
  transition: all 0.3s ease-out;
  transform: translateY(-10px);
  opacity: 0;
}

/* Content type transitions - CSP compliant */
.content-type-button-transition {
  transition: all 0.2s ease-in-out;
}

.content-type-button-hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.content-type-section-transition {
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.content-type-section-visible {
  opacity: 1;
  transform: translateY(0);
}

.content-type-section-hidden {
  opacity: 0;
  transform: translateY(-10px);
}