/*
 * 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.
 */

details[open] .transcript-preview,
details[open] .transcript-expand-label {
  display: none;
}

.transcript-collapse-label {
  display: none;
}

details[open] .transcript-collapse-label {
  display: inline;
}

/* Keep the cover frame independent of image dimensions and generated utilities. */
.collection-cover-frame {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
}

.collection-cover-image,
.collection-cover-effect {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.collection-cover-effect {
  pointer-events: none;
}

.collection-cover-effect[hidden] {
  display: none;
}