@layer clickui {/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. bigStat) */
.big-stat__ZC5s7 {
  --big-stat-max-width: initial;

  display: flex;
  box-sizing: border-box;
  max-width: var(--big-stat-max-width, none);
  min-height: var(--big-stat-height, auto);
  padding: var(--click-bigStat-space-all);
  justify-content: center;
  border: var(--click-bigStat-stroke) solid var(--big-stat-stroke-color);
  border-radius: var(--click-bigStat-radii-all);
  background-color: var(--big-stat-background);
  color: var(--big-stat-label-color);
  font: var(--big-stat-label-font);
}

/* State drives the color/background tokens. The `default` and `muted`
   typography tokens are byte-identical, so font is dispatched on size only. */
.big-stat_state_default__YsXXh {
  --big-stat-background: var(--click-bigStat-color-background-default);
  --big-stat-label-color: var(--click-bigStat-color-label-default);
  --big-stat-title-color: var(--click-bigStat-color-title-default);
  --big-stat-stroke-color: var(--click-bigStat-color-stroke-default);
}

.big-stat_state_muted__FI-y- {
  --big-stat-background: var(--click-bigStat-color-background-muted);
  --big-stat-label-color: var(--click-bigStat-color-label-muted);
  --big-stat-title-color: var(--click-bigStat-color-title-muted);
  --big-stat-stroke-color: var(--click-bigStat-color-stroke-muted);
}

.big-stat_size_lg__B4I3T {
  --big-stat-label-font: var(--click-bigStat-typography-lg-label-default);
  --big-stat-title-font: var(--click-bigStat-typography-lg-title-default);
}

.big-stat_size_sm__q2e-M {
  --big-stat-label-font: var(--click-bigStat-typography-sm-label-default);
  --big-stat-title-font: var(--click-bigStat-typography-sm-title-default);
}

.big-stat_error__jprpL {
  --big-stat-label-color: var(--click-bigStat-color-label-danger);
  --big-stat-stroke-color: var(--click-bigStat-color-stroke-danger);
}

.big-stat_order_title-top__ccjZB {
  flex-direction: column;
}

.big-stat_order_title-bottom__Mpgww {
  flex-direction: column-reverse;
}

.big-stat_fill-width__FxoMI {
  width: 100%;
}

.big-stat_spacing_sm__Xx-wJ {
  gap: var(--click-bigStat-space-sm-gap);
}

.big-stat_spacing_lg__MTWck {
  gap: var(--click-bigStat-space-lg-gap);
}

.big-stat__label__MAyV0 {
  color: var(--big-stat-label-color);
  font: var(--big-stat-label-font);
}

.big-stat__title__ql7Gx {
  color: var(--big-stat-title-color);
  font: var(--big-stat-title-font);
}
}