fd-reveal {
  --_rise: 14px;
  display: block;
}

fd-reveal[subtle] {
  --_rise: 5px;
}

fd-reveal[data-state='waiting'] > * {
  opacity: 0;
  translate: 0 var(--_rise);
}

fd-reveal[data-state='shown'] > * {
  transition:
    opacity var(--fd-spring-settle),
    translate var(--fd-spring-settle);
  transition-delay: calc(var(--_index, 0) * 50ms);
}