/* Do not show the interim CSS gradient while the first hero renderer loads.
   The startup clock still commits readable text if neither renderer paints. */
.hero-rotator[data-first-slot='true']
  .refracted-text[data-renderer='compatible-text']:not(
    [data-first-frame-fallback='true']
  )
  > .refracted-text__fallback {
  visibility: hidden;
}
@media (forced-colors: active) {
  .hero-rotator[data-first-slot='true']
    .refracted-text[data-renderer='compatible-text']
    > .refracted-text__fallback {
    visibility: visible;
  }
}