/* component/moat-wobble/moat-wobble.css */
moat-wobble {
  display: block;
  container-type: inline-size;
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    monospace;
  white-space: pre;
  padding: 0.25em 0 1.6em;
}
moat-wobble .scale {
  position: relative;
  display: inline-block;
  font-size: min(1em, 2.6cqi);
  padding-bottom: 0.35em;
  background:
    linear-gradient(
      to right,
      #3b82f6,
      #a3a3a3 50%,
      #ef4444) bottom / 100% 3px no-repeat;
}
moat-wobble .needle {
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  line-height: 1;
  pointer-events: none;
}
/*# sourceMappingURL=moat-wobble-FZP2UFEE.css.map */