/* Nothing is hidden until the observer is ready. Individual translate preserves
   existing transform/rotation and does not change layout or the scroll budget. */
@media (prefers-reduced-motion: no-preference) {
  .selected-preview [data-selected-reveal="waiting"] {
    opacity: 0;
    translate: 0 8px;
    transition: none;
  }
  .selected-preview [data-selected-reveal="entering"] {
    opacity: 1;
    translate: 0 0;
    transition: opacity var(--selected-reveal-duration, 650ms) cubic-bezier(.22, 1, .36, 1), translate var(--selected-reveal-duration, 650ms) cubic-bezier(.22, 1, .36, 1);
    transition-delay: var(--selected-reveal-delay, 0ms);
  }
  .selected-preview [data-selected-reveal]:focus-within {
    opacity: 1;
    translate: none;
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .selected-preview [data-selected-reveal] {
    opacity: 1;
    translate: none;
    transition: none;
  }
}