@layer reset,tokens,base,components;@layer features{.post-widget-surface{--post-widget-surface-background:var(--lightningcss-light,var(--color-background))var(--lightningcss-dark,color-mix(in oklab, var(--palette-white) 4%, transparent));margin-block:var(--space-40);border:1px solid var(--color-surface-tint);border-radius:var(--radius-16);background-color:var(--post-widget-surface-background);box-shadow:var(--shadow-sm)}.post-widget-emphasis{color:var(--color-foreground);font-weight:600}.post-chart{--post-chart-bar-muted:color-mix(in oklab, var(--color-foreground) 25%, transparent);padding:var(--space-20)}.post-chart-caption{margin-bottom:var(--space-4);color:var(--color-muted-foreground);font-size:var(--text-12);line-height:var(--text-12-leading);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:600}.post-chart-title{margin-bottom:var(--space-28);color:var(--color-foreground);font-size:var(--text-18);line-height:var(--leading-snug);font-weight:500}.post-chart-values{align-items:flex-end;gap:var(--space-16);height:14rem;display:flex}.post-chart-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.post-chart-value{margin-bottom:var(--space-8);color:var(--color-foreground);font-size:var(--text-14);line-height:var(--text-14-leading);font-variant-numeric:tabular-nums;font-weight:600}.post-chart-bar{width:100%;max-width:110px;height:var(--bar-height);border-radius:var(--radius-8) var(--radius-8) 0 0}.post-chart-bar[data-color=post-chart-bar-amber]{background-color:var(--palette-amber-400)}.post-chart-bar[data-color=post-chart-bar-orange]{background-color:var(--palette-orange-500)}.post-chart-bar[data-color=post-chart-bar-red]{background-color:var(--palette-red-600)}.post-chart-bar[data-color=post-chart-bar-muted]{background-color:var(--post-chart-bar-muted)}.post-chart-bar[data-color=post-chart-bar-green]{background-color:var(--palette-emerald-500)}.post-chart-labels{gap:var(--space-16);margin-top:var(--space-12);display:flex}.post-chart-label{color:var(--color-muted-foreground);text-align:center;font-size:var(--text-12);line-height:var(--leading-tight);flex:1}.post-chart-note{margin-top:var(--space-24);color:var(--color-muted-foreground);font-size:var(--text-14);line-height:var(--leading-relaxed)}@media (width>=40rem){.post-chart{padding:var(--space-28)}.post-chart-value{font-size:var(--text-16);line-height:var(--text-16-leading)}.post-chart-values,.post-chart-labels{gap:var(--space-32)}.post-chart-label{font-size:var(--text-14)}}@media (prefers-reduced-motion:no-preference){.post-chart-bar{height:0;transition:height .7s var(--ease-out)}.post-chart-bar[data-shown]{height:var(--bar-height)}}}@layer utilities;
