@arolariu/components/dist/components/ui/chart_module.css

🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡

.container-nkcPpN {
  aspect-ratio: 16 / 9;
  color: var(--ac-foreground);
  font-size: var(--ac-text-xs);
  justify-content: center;
  display: flex;
}

.container-nkcPpN .recharts-cartesian-axis-tick text {
  fill: var(--ac-muted-foreground);
}

:is(.container-nkcPpN .recharts-cartesian-grid line[stroke="#ccc"], .container-nkcPpN .recharts-polar-grid line[stroke="#ccc"], .container-nkcPpN .recharts-reference-line line[stroke="#ccc"]) {
  stroke: var(--ac-border);
}

.container-nkcPpN .recharts-curve.recharts-tooltip-cursor {
  stroke: var(--ac-border);
}

:is(.container-nkcPpN .recharts-radial-bar-background-sector, .container-nkcPpN .recharts-rectangle.recharts-tooltip-cursor) {
  fill: var(--ac-muted);
}

:is(.container-nkcPpN .recharts-dot[stroke="#fff"], .container-nkcPpN .recharts-sector[stroke="#fff"]) {
  stroke: #0000;
}

:is(.container-nkcPpN .recharts-layer, .container-nkcPpN .recharts-sector, .container-nkcPpN .recharts-surface) {
  outline: none;
}

.tooltip-JE6YdG {
  background-color: var(--ac-background);
  border: 1px solid color-mix(in oklch,var(--ac-border),transparent 15%);
  border-radius: var(--ac-radius-lg);
  align-items: start;
  gap: var(--ac-space-2);
  min-width: 8rem;
  padding: .625rem;
  display: grid;
  box-shadow: 0 16px 40px #00000024;
}

.tooltipLabel-s0Q2Ku {
  font-weight: 500;
}

.tooltipBody-jbC6nV {
  gap: var(--ac-space-2);
  display: grid;
}

.tooltipItem-GQgek3 {
  align-items: stretch;
  gap: var(--ac-space-2);
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.tooltipItemCenter-U79aab, .tooltipValueRow-W6aHe5 {
  align-items: center;
}

.tooltipValueRow-W6aHe5 {
  gap: var(--ac-space-3);
  flex: 1;
  justify-content: space-between;
  line-height: 1;
  display: flex;
}

.tooltipValueRowNested-UriMgN {
  align-items: end;
}

.tooltipNameWrapper-zOUl5L {
  gap: var(--ac-space-2);
  display: grid;
}

.tooltipName-QTzGcl {
  color: var(--ac-muted-foreground);
}

.tooltipValue-kCE38M {
  color: var(--ac-foreground);
  font-variant-numeric: tabular-nums;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, monospace;
  font-weight: 500;
}

.tooltipIndicator-ToRPAT {
  background-color: var(--ac-chart-indicator-background);
  border-color: var(--ac-chart-indicator-border);
  border-radius: 2px;
  flex-shrink: 0;
}

.tooltipIndicatorDot-zHrqQT {
  width: .625rem;
  height: .625rem;
}

.tooltipIndicatorLine-kDgqOa {
  width: .25rem;
  height: auto;
  min-height: .75rem;
}

.tooltipIndicatorDashed-L16gSV {
  background-color: #0000;
  border-style: dashed;
  border-width: 1.5px;
  width: 0;
  min-height: .75rem;
}

.tooltipIndicatorDashedNested-VLpo90 {
  margin-block: .125rem;
}

.legend-GVSwSg {
  align-items: center;
  gap: var(--ac-space-4);
  justify-content: center;
  display: flex;
}

.legendTop-RfnkG0 {
  padding-bottom: var(--ac-space-3);
}

.legendBottom-gpGzdR {
  padding-top: var(--ac-space-3);
}

.legendItem-twJYyE {
  align-items: center;
  gap: var(--ac-space-2);
  display: flex;
}

.legendItem-twJYyE svg {
  color: var(--ac-muted-foreground);
  width: .75rem;
  height: .75rem;
}

.legendColor-cybxIQ {
  border-radius: 2px;
  flex-shrink: 0;
  width: .5rem;
  height: .5rem;
}


/*# sourceMappingURL=chart_module.css.map */