.day-chart{flex-direction:column;gap:.5rem;display:flex}.day-chart-plot{position:relative}.day-chart-plot svg{background:var(--primary-color-3);display:block}.day-chart-overlay{cursor:crosshair;touch-action:pan-y;position:absolute;inset:0}.day-chart svg text{fill:var(--secondary-color-5);font-size:12px}.day-chart svg text.tick.y{text-anchor:end}.day-chart svg text.tick.x{text-anchor:middle}.day-chart svg line.grid{stroke:var(--secondary-color-6);stroke-dasharray:2 2}.day-chart svg rect.frame{fill:none;stroke:var(--secondary-color-6)}.day-chart svg rect.band.outside-threshold{fill:var(--secondary-error-color);opacity:.15}.day-chart svg rect.band.no-solution{fill:var(--secondary-color-5);opacity:.3}.day-chart svg line.threshold{stroke:var(--secondary-error-color);stroke-dasharray:6 4}.day-chart svg line.cursor{stroke:var(--secondary-color-2);stroke-width:1.5px}.day-chart svg line.hover{stroke:var(--secondary-color-5);stroke-dasharray:3 3}.day-chart svg .tooltip rect{fill:var(--primary-color-5);stroke:var(--secondary-color-6)}.day-chart svg .tooltip text{fill:var(--secondary-color-3);stroke:none}.day-chart svg .tooltip text.title{font-weight:600}.day-chart-legend{color:var(--secondary-color-4);flex-wrap:wrap;align-items:center;gap:.25rem 1rem;font-size:.875rem;display:flex}.day-chart-legend .legend-item{color:inherit;font:inherit;background:0 0;border:none;align-items:center;gap:.375rem;padding:.125rem .25rem;display:inline-flex}.day-chart-legend button.legend-item{cursor:pointer}.day-chart-legend .legend-item.hidden{opacity:.4;text-decoration:line-through}.day-chart-legend .swatch{border-radius:2px;width:1rem;height:.25rem}.day-chart-legend .legend-note:before{content:"";vertical-align:-.1rem;width:.75rem;height:.75rem;margin-right:.375rem;display:inline-block}.day-chart-legend .legend-note.outside-threshold:before{background:var(--secondary-error-color);opacity:.3}.day-chart-legend .legend-note.no-solution:before{background:var(--secondary-color-5);opacity:.4}