.nb-chart{position:relative;display:grid;grid-template-columns:minmax(0,1fr);margin:var(--ninja-component-chart-margin-y,0px) var(--ninja-component-chart-margin-x,0px);background:var(--ninja-component-chart-background,var(--ninja-color-card-background));color:var(--ninja-component-chart-color,var(--ninja-color-body-text));border:var(--ninja-component-chart-border-width,1px) solid var(--ninja-component-chart-border-color,var(--ninja-color-border));border-radius:var(--ninja-component-chart-radius,var(--ninja-radius-lg));padding:var(--ninja-component-chart-padding-y,var(--ninja-space-lg)) var(--ninja-component-chart-padding-x,var(--ninja-space-lg));box-shadow:var(--ninja-component-chart-shadow,var(--ninja-shadow-sm));overflow:hidden}
.nb-chart__heading{display:flex;flex-direction:column;gap:.25rem;margin:0 0 var(--ninja-component-chart-gap,var(--ninja-space-md))}
.nb-chart__title{font-family:var(--ninja-font-h4-family,var(--ninja-font-body-family));font-size:calc(var(--ninja-font-h4-size,26)*1px);line-height:var(--ninja-font-h4-line-height,1.2);font-weight:var(--ninja-font-h4-weight,700);color:var(--ninja-component-chart-title-color,var(--ninja-color-heading-text))}
.nb-chart__subtitle{color:var(--ninja-component-chart-muted-color,var(--ninja-color-muted-text));font-size:.92em}
.nb-chart__plot{position:relative;width:100%;height:var(--nb-chart-height-desktop,360px);min-height:180px;background:var(--ninja-component-chart-plot-background,transparent);border-radius:calc(var(--ninja-component-chart-radius,var(--ninja-radius-lg)) * .65)}
.nb-chart__svg{display:block;width:100%;height:100%;overflow:visible}
.nb-chart__axis-label,.nb-chart__axis-title,.nb-chart__value-label{font-family:var(--ninja-font-body-family,system-ui,sans-serif);font-size:13px;fill:var(--ninja-component-chart-axis-color,var(--ninja-color-muted-text));pointer-events:none}
.nb-chart__axis-title{font-size:14px;font-weight:600;fill:var(--ninja-component-chart-label-color,var(--ninja-color-body-text))}
.nb-chart__value-label{font-size:12px;font-weight:700;fill:var(--ninja-component-chart-label-color,var(--ninja-color-body-text))}
.nb-chart__value-label--inverse{fill:var(--ninja-component-chart-value-on-series,#fff)}
.nb-chart__mark{outline:none;transition:opacity var(--ninja-motion-duration,220ms) var(--ninja-motion-easing,ease),filter var(--ninja-motion-duration,220ms) var(--ninja-motion-easing,ease)}
.nb-chart__mark:hover,.nb-chart__mark:focus-visible,.nb-chart__mark.is-related{filter:brightness(.92);opacity:.96}.nb-chart__mark.is-muted{opacity:.24}
.nb-chart__mark:focus-visible{stroke:var(--ninja-component-chart-focus-ring,var(--ninja-color-primary));stroke-width:4}
.nb-chart__mark.is-clickable{cursor:pointer}
.nb-chart__mark--fade{animation:nb-chart-fade var(--nb-chart-animation-duration,650ms) ease both}
.nb-chart__mark--grow{animation:nb-chart-grow var(--nb-chart-animation-duration,650ms) cubic-bezier(.2,.8,.2,1) both;transform-box:fill-box;transform-origin:center bottom}
@keyframes nb-chart-fade{from{opacity:0}to{opacity:1}}@keyframes nb-chart-grow{from{opacity:.15;transform:scale(.96,.08)}to{opacity:1;transform:scale(1)}}
.nb-chart__legend{display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:center;margin:0 0 var(--ninja-component-chart-gap,var(--ninja-space-md))}
.nb-chart__legend[data-position="bottom"]{margin-top:var(--ninja-component-chart-gap,var(--ninja-space-md));margin-bottom:0}
.nb-chart__legend-item{appearance:none;border:0;background:transparent;color:var(--ninja-component-chart-legend-color,var(--ninja-color-body-text));font:inherit;font-size:.88rem;display:inline-flex;align-items:center;gap:.42rem;padding:.25rem .1rem;cursor:pointer;border-radius:var(--ninja-radius-sm)}
.nb-chart__legend-item>span{width:.8rem;height:.8rem;border-radius:999px;background:var(--nb-chart-legend-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nb-chart-legend-color) 75%,black)}
.nb-chart__legend-item[aria-pressed="false"]{opacity:.42;text-decoration:line-through}
.nb-chart__legend-item:focus-visible{outline:2px solid var(--ninja-component-chart-focus-ring,var(--ninja-color-primary));outline-offset:2px}
.nb-chart__heading{grid-column:1/-1;order:0}.nb-chart__legend{order:1}.nb-chart__plot{order:2}.nb-chart__table-wrap{grid-column:1/-1;order:4}
.nb-chart[data-legend-position="bottom"] .nb-chart__legend{order:3}
.nb-chart[data-legend-position="bottom"] .nb-chart__plot{order:2}
.nb-chart[data-legend-position="left"],.nb-chart[data-legend-position="right"]{grid-template-columns:minmax(130px,auto) minmax(0,1fr);column-gap:var(--ninja-component-chart-gap,var(--ninja-space-md))}
.nb-chart[data-legend-position="left"] .nb-chart__legend,.nb-chart[data-legend-position="right"] .nb-chart__legend{align-content:start;align-items:flex-start;flex-direction:column;margin:0}
.nb-chart[data-legend-position="left"] .nb-chart__legend{grid-column:1;grid-row:2}
.nb-chart[data-legend-position="left"] .nb-chart__plot{grid-column:2;grid-row:2}
.nb-chart[data-legend-position="right"] .nb-chart__plot{grid-column:1;grid-row:2}
.nb-chart[data-legend-position="right"] .nb-chart__legend{grid-column:2;grid-row:2}
.nb-chart__tooltip{position:absolute;z-index:10;min-width:130px;max-width:220px;pointer-events:none;background:var(--ninja-component-chart-tooltip-background,var(--ninja-color-heading-text));color:var(--ninja-component-chart-tooltip-color,#fff);border:1px solid var(--ninja-component-chart-tooltip-border-color,transparent);border-radius:var(--ninja-component-chart-tooltip-radius,var(--ninja-radius-md));padding:.55rem .7rem;box-shadow:var(--ninja-component-chart-tooltip-shadow,var(--ninja-shadow-md));font-size:.8rem;line-height:1.3}
.nb-chart__tooltip strong,.nb-chart__tooltip span,.nb-chart__tooltip b{display:block}.nb-chart__tooltip span{opacity:.78;font-weight:400}.nb-chart__tooltip b{margin-top:.2rem}
.nb-chart__table-wrap{overflow:auto;margin-top:var(--ninja-component-chart-gap,var(--ninja-space-md));border-top:1px solid var(--ninja-component-chart-grid-color,var(--ninja-color-border));padding-top:var(--ninja-component-chart-gap,var(--ninja-space-md))}
.nb-chart__table{width:100%;border-collapse:collapse;font-size:.88rem}.nb-chart__table th,.nb-chart__table td{padding:.55rem .65rem;border-bottom:1px solid var(--ninja-component-chart-grid-color,var(--ninja-color-border));text-align:left}.nb-chart__table thead th{color:var(--ninja-component-chart-title-color,var(--ninja-color-heading-text));font-weight:700}
@media (min-width:960px) and (max-width:1199px){.nb-chart__plot{height:var(--nb-chart-height-laptop,var(--nb-chart-height-desktop,360px))}}
@media (min-width:640px) and (max-width:959px){.nb-chart__plot{height:var(--nb-chart-height-tablet,var(--nb-chart-height-laptop,var(--nb-chart-height-desktop,360px)))}.nb-chart[data-legend-position="left"],.nb-chart[data-legend-position="right"]{grid-template-columns:minmax(0,1fr)}.nb-chart[data-legend-position="left"] .nb-chart__legend,.nb-chart[data-legend-position="right"] .nb-chart__legend,.nb-chart[data-legend-position="left"] .nb-chart__plot,.nb-chart[data-legend-position="right"] .nb-chart__plot{grid-column:1;grid-row:auto}.nb-chart[data-legend-position="left"] .nb-chart__legend,.nb-chart[data-legend-position="right"] .nb-chart__legend{flex-direction:row}}
@media(max-width:639px){.nb-chart{padding:calc(var(--ninja-component-chart-padding-y,var(--ninja-space-lg)) * .75) calc(var(--ninja-component-chart-padding-x,var(--ninja-space-lg)) * .75)}.nb-chart__plot{height:var(--nb-chart-height-mobile,var(--nb-chart-height-tablet,var(--nb-chart-height-laptop,var(--nb-chart-height-desktop,360px))))}.nb-chart[data-legend-position="left"],.nb-chart[data-legend-position="right"]{grid-template-columns:minmax(0,1fr)}.nb-chart[data-legend-position="left"] .nb-chart__legend,.nb-chart[data-legend-position="right"] .nb-chart__legend,.nb-chart[data-legend-position="left"] .nb-chart__plot,.nb-chart[data-legend-position="right"] .nb-chart__plot{grid-column:1;grid-row:auto}.nb-chart[data-legend-position="left"] .nb-chart__legend,.nb-chart[data-legend-position="right"] .nb-chart__legend{flex-direction:row}.nb-chart__axis-label{font-size:11px}.nb-chart__legend{gap:.35rem .6rem}.nb-chart__legend-item{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.nb-chart__mark,.nb-chart__mark--fade,.nb-chart__mark--grow{animation:none!important;transition:none!important}}