[data-tooltip]{--arrow-size:5px;--z-index:10}[data-tooltip]:after,[data-tooltip]:before{position:absolute;visibility:hidden;opacity:0;left:50%;bottom:calc(100% + var(--arrow-size));pointer-events:none;transition:.2s;will-change:transform}[data-tooltip]:before{content:attr(data-tooltip);padding:10px;min-width:50px;max-width:300px;width:max-content;width:-moz-max-content;border-radius:6px;font-size:14px;background-color:rgba(0,0,0,.8);box-shadow:0 0 24px rgba(0,0,0,.2);color:#fff;text-align:center;white-space:pre-wrap;transform:translate(-50%,calc(0px - var(--arrow-size))) scale(.5);z-index:var(--z-index)}[data-tooltip]:after{content:"";border-style:solid;border-width:var(--arrow-size) var(--arrow-size) 0 var(--arrow-size);border-color:rgba(55,64,70,.9) transparent transparent;transition-duration:0s;transform-origin:top;transform:translateX(-50%) scaleY(0)}[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;opacity:1}[data-tooltip]:hover:before{transition-delay:.3s;transform:translate(-50%,calc(0px - var(--arrow-size))) scale(1)}[data-tooltip]:hover:after{transition-delay:.5s}[data-tooltip-location=left]:after,[data-tooltip-location=left]:before{left:auto;right:calc(100% + var(--arrow-size));bottom:50%}[data-tooltip-location=left]:before{transform:translate(calc(0px - var(--arrow-size)),50%) scale(.5)}[data-tooltip-location=left]:hover:before{transform:translate(calc(0px - var(--arrow-size)),50%) scale(1)}[data-tooltip-location=left]:after{border-width:var(--arrow-size) 0 var(--arrow-size) var(--arrow-size);border-color:transparent transparent transparent rgba(55,64,70,.9);transform-origin:left;transform:translateY(50%) scaleX(0)}[data-tooltip-location=left]:hover:after{transform:translateY(50%) scaleX(1)}[data-tooltip-location=right]:after,[data-tooltip-location=right]:before{left:calc(100% + var(--arrow-size));bottom:50%}[data-tooltip-location=right]:before{transform:translate(var(--arrow-size),50%) scale(.5)}[data-tooltip-location=right]:hover:before{transform:translate(var(--arrow-size),50%) scale(1)}[data-tooltip-location=right]:after{border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) 0;border-color:transparent rgba(55,64,70,.9) transparent transparent;transform-origin:right;transform:translateY(50%) scaleX(0)}[data-tooltip-location=right]:hover:after{transform:translateY(50%) scaleX(1)}[data-tooltip-location=bottom]:after,[data-tooltip-location=bottom]:before{top:calc(100% + var(--arrow-size));bottom:auto}[data-tooltip-location=bottom]:before{transform:translate(-50%,var(--arrow-size)) scale(.5)}[data-tooltip-location=bottom]:hover:before{transform:translate(-50%,var(--arrow-size)) scale(1)}[data-tooltip-location=bottom]:after{border-width:0 var(--arrow-size) var(--arrow-size) var(--arrow-size);border-color:transparent transparent rgba(55,64,70,.9);transform-origin:bottom}.panel-row{margin-top:1rem;margin-bottom:1rem;display:flex;flex-grow:1;align-items:center;gap:.5rem}.graph .x-labels{text-anchor:middle}.graph .y-labels{text-anchor:end}.graph .grid{stroke:#ccc;stroke-dasharray:0;stroke-width:1}.graph .labels{font-size:4px}.y-labels .label-title{text-anchor:start}.x-labels .label-title{text-anchor:end}.label-title{font-weight:700;font-size:4px}.data{stroke-width:1;stroke-linecap:round}