:where(css-chart){box-sizing:border-box;contain:strict;display:block;height:20rem;overflow:clip;padding:2rem 1.5rem 2rem 4rem;width:100%}#plot{--delta-x:calc(100cqw/(var(--max-x) - var(--min-x)));--delta-y:calc(100cqh/(var(--min-y) - var(--max-y)));--offset-x:calc(100cqw*var(--min-x)/(var(--max-x) - var(--min-x)));--offset-y:calc(100cqh + 100cqh*var(--min-y)/(var(--max-y) - var(--min-y)));container:css-chart/size;height:100%;position:relative;width:100%}css-line,css-point,css-rect,css-text{position:absolute}css-point{--real-x:calc(var(--x)*var(--delta-x) + var(--offset-x));--real-y:calc(var(--y)*var(--delta-y) + var(--offset-y));height:calc(var(--r)*2);inset:var(--real-y) auto auto var(--real-x);transform:translate(-50%,-50%);width:calc(var(--r)*2)}css-rect{height:calc(var(--real-y2) - var(--real-y1));left:calc((var(--real-x1) + var(--real-x2))/2);top:calc((var(--real-y1) + var(--real-y2))/2);transform:translate(-50%,-50%);width:calc(var(--real-x2) - var(--real-x1))}css-line,css-rect{--real-x1:calc(var(--x1)*var(--delta-x) + var(--offset-x));--real-y1:calc(var(--y1)*var(--delta-y) + var(--offset-y));--real-x2:calc(var(--x2, var(--x1))*var(--delta-x) + var(--offset-x));--real-y2:calc(var(--y2, var(--y1))*var(--delta-y) + var(--offset-y))}css-line{--length:hypot(var(--real-x2) - var(--real-x1),var(--real-y2) - var(--real-y1));height:0;left:calc((var(--real-x2) + var(--real-x1))/2);top:calc((var(--real-y2) + var(--real-y1))/2);transform:translate(-50%,-50%) rotate(var(--angle));width:var(--length)}css-line:not(:defined){display:none}css-text{--real-x:calc(var(--x)*var(--delta-x) + var(--offset-x));--real-y:calc(var(--y)*var(--delta-y) + var(--offset-y));inset:var(--real-y) auto auto var(--real-x)}table{display:block;height:1px;inset:0 auto auto 0;margin:-1px;opacity:.01;overflow:clip;position:absolute;width:1px}#title{font-size:1.1rem;font-weight:600;margin:.5rem 0 -.5rem 4rem}#x-axis,#y-axis{--label-color:#5a788a;--axis-color:#d0d6db;--guide-color:var(--axis-color);--guide-style:dotted;color:var(--label-color);font-size:clamp(.6rem,6vw - .6rem,.9rem);inset:0}.guided:is(#x-axis,#y-axis) css-text:after{content:"";position:absolute}#x-axis{--label-space:.4rem;border-top:1px solid var(--axis-color);transform:translateY(100%)}#x-axis css-text{--x:var(--value);--real-y:var(--label-space);translate:-50% 0;white-space:nowrap}#x-axis.guided css-text:after{border-right:1px var(--guide-style) var(--guide-color);height:100cqh;inset:auto auto calc(100% + var(--label-space)) calc(50% - 1px);width:0}@container css-chart (width < 40rem){css-chart{padding-bottom:3rem}#x-axis css-text{rotate:18deg}}#y-axis{--label-space:.8rem;border-right:1px solid var(--axis-color);transform:translate(-100%)}#y-axis css-text{--real-x:calc(100% - var(--label-space));--y:var(--value);translate:-100% -50%;white-space:nowrap}#y-axis.guided css-text:after{border-bottom:1px var(--guide-style) var(--guide-color);height:0;inset:50% auto auto calc(100% + var(--label-space));width:100cqw}#legend{display:flex;flex-wrap:wrap;gap:.5rem 2rem;list-style:none;margin:0;padding:1rem 2rem}#legend:where(:has(li:only-child)){display:none}#legend li{align-items:center;display:flex;gap:.5rem}#legend .shape{background-color:var(--color);box-sizing:border-box;height:1rem;width:1rem}.disc:is(#legend .shape){border-radius:50%}.circle:is(#legend .shape){background-color:initial;border:2px solid var(--color);border-radius:50%}.line:is(#legend .shape){height:.2rem}.dotline:is(#legend .shape){height:.2rem;position:relative;width:1.5rem}.dotline:is(#legend .shape):after{background-color:inherit;border-radius:50%;content:"";height:.7rem;inset:50% auto auto 50%;position:absolute;translate:-50% -50%;width:.7rem}