@layer np-chart.base,np-chart.layout,np-chart.components,np-chart.state;@property --np-spin{syntax:"<angle>";inherits:false;initial-value:0deg}@layer np-chart.base{.np-chart{--np-green:#009172;--np-green-soft:color-mix(in oklch,var(--np-green)14%,transparent);--np-green-strong:color-mix(in oklch,var(--np-green)100%,#000 8%);--np-dark:#3c3950;--np-muted:#5f727f;--np-muted-2:#99a9b5;--np-border:#dfe5e8;--np-border-strong:color-mix(in oklch,var(--np-border)70%,var(--np-dark)10%);--np-bg-soft:#f4f6f7;--np-danger:#f44336;--np-radius:12px;--np-radius-sm:8px;--np-ease:cubic-bezier(.22,1,.36,1);color:var(--np-dark);--buncss-light:initial;--buncss-dark: ;color-scheme:light;box-sizing:border-box;container-type:inline-size;container-name:np-chart;max-width:100%;font-family:Open Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}.np-chart *{box-sizing:inherit}.np-chart *:before{box-sizing:inherit}.np-chart *:after{box-sizing:inherit}}@layer np-chart.layout{.np-chart__header{margin-block-end:18px}.np-chart__header .np-chart__title{letter-spacing:-.01em;color:var(--np-dark);text-wrap:balance;margin:0 0 6px;font-size:22px;font-weight:600;line-height:1.3}.np-chart__header .np-chart__subtitle{color:var(--np-muted);text-wrap:pretty;margin:0;font-size:15px;line-height:1.4}.np-chart__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-block-end:20px}@container np-chart (width<=560px){.np-chart__stats{grid-template-columns:1fr}}}@layer np-chart.components{.np-chart__stat{background:var(--np-bg-soft);border:1px solid var(--np-border);border-radius:var(--np-radius);display:flex;flex-direction:column;gap:6px;padding-block-start:14px;padding-block-end:14px;padding-inline-start:18px;padding-inline-end:18px}@container np-chart (width<=560px){.np-chart__stat{padding-inline:15px}}.np-chart__stat-label{color:var(--np-muted);letter-spacing:.04em;text-transform:uppercase;font-size:14px;font-weight:600}.np-chart__stat-value{color:var(--np-dark);font-variant-numeric:tabular-nums;font-feature-settings:"tnum","ss01";font-size:28px;font-weight:700;line-height:1.1}.np-chart__canvas-wrap{position:relative;aspect-ratio:16/9;border-radius:var(--np-radius-sm);width:100%;min-height:260px;max-height:500px}@container np-chart (width<=560px){.np-chart__canvas-wrap{aspect-ratio:4/3;min-height:220px}}.np-chart__canvas{display:block;width:100%!important;height:100%!important}}@layer np-chart.state{.np-chart__loading{position:absolute;display:grid;backdrop-filter:blur(6px)saturate(1.05);-webkit-backdrop-filter:blur(6px)saturate(1.05);z-index:2;border-radius:inherit;pointer-events:none;transition:opacity .35s var(--np-ease),visibility .35s var(--np-ease);transition-behavior:allow-discrete;background:#ffffffb3;place-items: center;inset:0}.np-chart__loading--hidden{opacity:0;visibility:hidden}.np-chart__spinner{border:2.5px solid color-mix(in oklch,var(--np-green)18%,transparent);border-block-start-color:var(--np-green);rotate:var(--np-spin);animation:np-chart-spin .9s cubic-bezier(.65,0,.35,1)infinite;border-radius:50%;block-size:34px;inline-size:34px}@keyframes np-chart-spin{to{--np-spin:360deg}}@media (prefers-reduced-motion:reduce){.np-chart__spinner{animation-duration:2.4s;animation-timing-function:linear}.np-chart__loading{transition:none}}.np-chart__status{color:var(--np-muted);min-height:1.2em;margin-block-start:10px;font-size:14px;line-height:1.4}.np-chart__status--error{color:var(--np-danger)}.np-chart__updated{color:var(--np-muted-2);text-align:end;font-variant-numeric:tabular-nums;letter-spacing:.01em;margin:6px 0 0;font-size:13px;line-height:1.4}}