/**
 * screens-id.css — id-capture module screens (vanilla port)
 *
 * The 12 id-capture screen components in
 * apps/studio-demo/src/components/studio/preview/screens/ use inline styles
 * exclusively (no Tailwind classes), so those values live inline in
 * screens-id.js — copied verbatim from the React source.
 *
 * This file only carries what CSS-in-markup cannot express for the vanilla
 * <dotlottie-player> web component (class prefix: si-).
 */

/* DotLottieReact renders a block-level <div> wrapper; the dotlottie-player
   custom element is inline by default until its definition upgrades it.
   Force block so layout matches the original before/after upgrade. */
dotlottie-player.si-lottie {
  display: block;
}