Overlays animados: modales, drawers, sheets y popovers

Capas que se colocan encima de la página: un modal que se abre desde una tarjeta, un drawer que escala el fondo, un lightbox arrastrable, un diálogo de confirmación mantenida, un banner de cookies, un tour con foco, acciones con pulsación larga, un sheet inferior, un popover con flecha, un toast isla dinámica, un menú contextual y un tooltip con retraso.

Cada uno resuelve la animación de entrada y salida. Ajusta colores, radio y tiempos en vivo, copia el código y conéctalo a tu propio estado de abierto y cerrado.