/* Todas las frases apiladas en la misma celda de grid — el contenedor mide
   lo que mide la más alta, no salta de alto al cambiar. Ver indexdesign-web.md. */
.indexdesign-lead-rotator{display:grid;margin:0}
.indexdesign-lead-rotator .indexdesign-lr-line{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transition:opacity .35s ease,transform .35s ease,visibility 0s .35s}
.indexdesign-lead-rotator .indexdesign-lr-line.on{opacity:1;visibility:visible;transform:none;transition:opacity .35s ease,transform .35s ease,visibility 0s}

/* Efecto — dirección de entrada (el fundido de opacidad es igual en los 5) */
.indexdesign-lead-rotator--fade-up .indexdesign-lr-line{transform:translateY(8px)}
.indexdesign-lead-rotator--fade .indexdesign-lr-line{transform:none}
.indexdesign-lead-rotator--fade-down .indexdesign-lr-line{transform:translateY(-8px)}
.indexdesign-lead-rotator--fade-left .indexdesign-lr-line{transform:translateX(-8px)}
.indexdesign-lead-rotator--fade-right .indexdesign-lr-line{transform:translateX(8px)}