.chart{--c1:#2a78d6;--c2:#eb6834;--c-context:#a19f97;--chart-grid:#ecebe6;--chart-surface:#fff;border:1px solid var(--border);background:var(--chart-surface);border-radius:1.1rem;margin:2.25rem 0;padding:1.25rem 1.25rem 1rem;position:relative;box-shadow:0 1px 2px #0000000a}.dark .chart{--c1:#3987e5;--c2:#d95926;--c-context:#6e6c64;--chart-grid:#2a2825;--chart-surface:#141311}@media (width>=640px){.chart{padding:1.5rem 1.5rem 1.1rem}}.prose-site .chart p,.prose-site .chart span{color:inherit;margin:0}.prose-site .chart>*+*{margin-top:0}.chart-title{color:var(--foreground);font-size:1.0625rem;font-weight:600;line-height:1.35}.prose-site .chart .chart-subtitle,.chart-subtitle{color:var(--muted-foreground);margin-top:.2rem;font-size:.875rem;line-height:1.45}.chart-plot{margin-top:1.25rem;position:relative}.chart-foot{border-top:1px solid var(--chart-grid);color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin-top:1rem;padding-top:.75rem;font-size:.78rem;line-height:1.5;display:flex}.chart-foot a{color:var(--muted-foreground);text-underline-offset:2px;text-decoration:underline}.chart-foot a:hover{color:var(--foreground)}.chart-table{margin-top:.5rem;font-size:.85rem}.chart-table summary{cursor:pointer;width:fit-content;color:var(--muted-foreground);border-radius:6px}.chart-table summary:hover{color:var(--foreground)}.prose-site .chart-table table{margin-top:.75rem;font-size:.85rem}.chart-table th[scope=row]{font-weight:500}.chart-tip{z-index:5;pointer-events:none;border:1px solid var(--border);background:var(--card);min-width:8rem;max-width:16rem;color:var(--foreground);border-radius:.6rem;padding:.45rem .65rem;font-size:.8rem;line-height:1.4;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 8px 24px -8px #00000040}.chart-tip-value{font-weight:600;display:block}.chart-tip-label{color:var(--muted-foreground);display:block}.chart-tip-row{align-items:center;gap:.45rem;display:flex}.chart-tip-key{border-radius:2px;flex-shrink:0;width:12px;height:2px}.chart-legend{color:var(--muted-foreground);flex-wrap:wrap;gap:.35rem 1.1rem;font-size:.8rem;display:flex}.chart-legend-item{align-items:center;gap:.4rem;display:inline-flex}.chart-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.chart-key-line{border-radius:2px;flex-shrink:0;width:14px;height:2px}.chart-axis-text{font-variant-numeric:tabular-nums;color:var(--muted-foreground);font-size:.72rem}.chart-bars{gap:.35rem;display:grid}.chart-bar-row{border-radius:.5rem;grid-template-columns:minmax(6.5rem,10rem) minmax(0,1fr) 4.5rem;align-items:center;gap:.75rem;padding:.3rem .35rem;transition:background-color .15s;display:grid}.chart-bar-row.is-hot{background:color-mix(in oklch, var(--foreground) 4%, transparent)}.chart-bar-label{color:var(--foreground);font-size:.85rem;line-height:1.3}.chart-bar-value{text-align:right;color:var(--foreground);font-size:.85rem;font-weight:600}.chart-bar-track{border-left:1px solid var(--muted-foreground);height:20px;display:flex}.chart-bar-fill{width:var(--w);background:var(--c1);transform-origin:0;height:100%;transition:transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * 90ms);border-radius:0 4px 4px 0}.chart-bar-row.is-hot .chart-bar-fill{filter:brightness(1.12)}.is-funnel .chart-bar-track{border-left:0;justify-content:center}.is-funnel .chart-bar-fill{transform-origin:50%;border-radius:4px}.chart.is-pending .chart-bar-fill{transform:scaleX(0)}@media (width<=520px){.chart-bar-row{grid-template-columns:minmax(0,1fr) 4rem;row-gap:.3rem}.chart-bar-label{grid-column:1/-1}}.chart-cols{grid-template-rows:14rem auto;grid-template-columns:2.5rem minmax(0,1fr);column-gap:.5rem;padding-top:.75rem;display:grid}.chart-cols-axis{position:relative}.chart-cols-axis>span{position:absolute;right:0;transform:translateY(50%)}.chart-cols-plot{border-bottom:1px solid var(--muted-foreground);position:relative}.chart-gridline{background:var(--chart-grid);height:1px;position:absolute;left:0;right:0}.chart-cols-row,.chart-cols-labels{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.chart-cols-row{position:absolute;inset:0}.chart-col{border-radius:.5rem .5rem 0 0;flex-direction:column;justify-content:flex-end;align-items:center;transition:background-color .15s;display:flex;position:relative}.chart-col.is-hot{background:color-mix(in oklch, var(--foreground) 4%, transparent)}.chart-col-value{color:var(--foreground);margin-bottom:.35rem;font-size:.85rem;font-weight:600}.chart-col-bar{background:var(--c1);transform-origin:bottom;width:28px;transition:transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * .11s);border-radius:4px 4px 0 0}.chart.is-pending .chart-col-bar{transform:scaleY(0)}.chart.is-pending .chart-col-value{opacity:0}.chart-col-value{transition:opacity .4s .6s}.chart-cols-labels{text-align:center;color:var(--foreground);padding-top:.5rem;font-size:.85rem}.chart-donut{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem 2.5rem;display:flex}.chart-donut-ring{flex-shrink:0;width:13rem;height:13rem;position:relative}.chart-donut-ring svg{transform:rotate(-90deg)}.chart-donut-arc{stroke-dasharray:var(--dash) 100;transition:stroke-dasharray 1s cubic-bezier(.2,.8,.2,1),opacity .15s;transition-delay:calc(var(--i) * .25s), 0s}.chart.is-pending .chart-donut-arc{stroke-dasharray:0 100}.chart-donut-arc.is-hot{opacity:.85}.chart-donut-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chart-donut-center-value{letter-spacing:-.02em;color:var(--foreground);font-size:1.75rem;font-weight:600}.chart-donut-center-label{max-width:7.5rem;color:var(--muted-foreground);font-size:.75rem;line-height:1.3}.chart-donut-legend{gap:.5rem;min-width:12rem;display:grid}.chart-donut-legend-item{border-radius:.5rem;align-items:center;gap:.6rem;padding:.35rem .5rem;font-size:.9rem;display:flex}.chart-donut-legend-item.is-hot{background:color-mix(in oklch, var(--foreground) 4%, transparent)}.chart-donut-legend-label{color:var(--foreground);flex:1}.chart-donut-legend-value{color:var(--foreground);font-weight:600}.chart-line-grid{grid-template-rows:15rem 1.5rem;grid-template-columns:2.6rem minmax(0,1fr);column-gap:.5rem;display:grid}.chart-line-axis,.chart-line-plot,.chart-line-x{position:relative}.chart-line-axis>span{position:absolute;right:0;transform:translateY(-50%)}.chart-line-plot{border-bottom:1px solid var(--muted-foreground);cursor:crosshair}.chart-line-svg{clip-path:inset(-4px);width:100%;height:100%;transition:clip-path 1.4s cubic-bezier(.3,.7,.3,1);position:absolute;inset:0;overflow:visible}.chart.is-pending .chart-line-svg{clip-path:inset(-4px 100% -4px -4px)}.chart-line-x>span{position:absolute;top:.4rem;transform:translate(-50%)}@media (width<=520px){.chart-line-x>span:nth-child(2n){display:none}}.chart-line-dot{width:10px;height:10px;box-shadow:0 0 0 2px var(--chart-surface);border-radius:999px;position:absolute;transform:translate(-50%,-50%)}.chart-line-callout{white-space:nowrap;background:var(--chart-surface);color:var(--foreground);border-radius:6px;padding:0 .3rem;font-size:.75rem;font-weight:600;transition:opacity .4s 1.2s;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.chart-line-callout-dot{transition:opacity .3s 1.2s}.chart.is-pending .chart-line-callout,.chart.is-pending .chart-line-callout-dot{opacity:0}.chart-crosshair{background:var(--muted-foreground);opacity:.6;width:1px;position:absolute;top:0;bottom:0}.chart-scatter-grid{grid-template-rows:17rem 1.6rem;grid-template-columns:2.6rem minmax(0,1fr);column-gap:.5rem;padding-top:.75rem;display:grid}.chart-scatter-y,.chart-scatter-plot,.chart-scatter-x{position:relative}.chart-scatter-y>span{position:absolute;right:0;transform:translateY(50%)}.chart-scatter-plot{border-left:1px solid var(--muted-foreground);border-bottom:1px solid var(--muted-foreground)}.chart-gridline-v{background:var(--chart-grid);width:1px;position:absolute;top:0;bottom:0}.chart-scatter-x>span{white-space:nowrap;position:absolute;top:.45rem;transform:translate(-50%)}.chart-scatter-titles{justify-content:space-between;margin-top:.4rem;padding-left:3.1rem;display:flex}.prose-site .chart .chart-scatter-size,.chart-scatter-size{margin-top:.25rem;padding-left:3.1rem}.chart-point{width:max(28px, calc(var(--d) + 8px));height:max(28px, calc(var(--d) + 8px));justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,50%)}.chart-point-dot{width:var(--d);height:var(--d);background:color-mix(in oklch, var(--c1) 85%, transparent);box-shadow:0 0 0 2px var(--chart-surface);transition:transform .6s cubic-bezier(.3,1.5,.5,1),filter .15s;transition-delay:calc(var(--i) * .14s), 0s;border-radius:999px}.chart-point.is-hot .chart-point-dot{filter:brightness(1.12);box-shadow:0 0 0 2px var(--chart-surface), 0 0 0 4px color-mix(in oklch, var(--c1) 40%, transparent)}.chart.is-pending .chart-point-dot{transform:scale(0)}.chart-point-label{left:calc(50% + var(--d) / 2 + 6px);white-space:nowrap;color:var(--foreground);transition:opacity .4s;transition-delay:calc(.5s + var(--i) * .14s);font-size:.78rem;font-weight:500;position:absolute}.chart-point-label.is-left{left:auto;right:calc(50% + var(--d) / 2 + 6px)}.chart.is-pending .chart-point-label{opacity:0}
