/* Only additions the original stylesheet has no equivalent for. */

.hfm-error {
  margin: 6px 2px 0;
  font-family: Roboto, ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  color: #e11d48;
}

[data-hfm-picker][hidden] {
  display: none !important;
}

/* The player has no intrinsic size, so without this it collapses to 0 height
   and the icon block loses 77px. The animation is square (24x24 source). */
lottie-player {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
}

/* Block entrance, matching the original: 600ms fly-in from 10px below with a
   cubicOut curve, staggered 100ms per block. Applied by funnel.js. */
@keyframes hfm-block-in {
  from { transform: translateY(10px); opacity: 0; }
  to   { transform: none;             opacity: 1; }
}