/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
rui-meter {
  display: block;
}
@layer components {
  .rui-meter {
    display: flex;
    align-items: center;
    gap: var(--spacing-inline, var(--space-inline));
    font-size: var(--text-sm, var(--text-sm));
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  }
  .rui-meter__bar {
    height: var(--spacing-3, var(--space-3));
    width: calc(var(--spacing, 0.25rem) * 48);
  }
  .rui-meter__value {
    color: var(--color-on-surface, var(--on-surface));
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
    }
  }
}
