.response-chart.plot{--plot-ink:#264b77;--plot-muted:#6a798c;--plot-line:#e4eaf1;color:var(--plot-ink);min-width:0;margin:20px 0 12px;font-family:inherit;position:relative}.plot .mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.plot-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.plot-heading>div:first-child{align-items:center;gap:12px;display:flex}.plot-heading strong{color:var(--ink,#192432);font-size:13px;font-weight:650}.plot-heading>div>span{color:var(--plot-muted);font-size:11px}.plot-range{border:1px solid var(--plot-line);background:#f7f9fc;border-radius:5px;gap:2px;padding:2px;display:flex}.plot-range button{cursor:pointer;min-height:28px;color:var(--plot-muted);background:0 0;border:0;border-radius:3px;padding:5px 10px;font:11px ui-monospace,monospace}.plot-range button.active{color:var(--plot-ink);background:#fff;font-weight:600;box-shadow:0 1px 3px #172b451f}.plot-range button:focus-visible{outline-offset:1px;outline:2px solid #507da6}.plot-range-label{color:var(--plot-muted);font-size:11px}.plot-metrics{border-block:1px solid var(--plot-line);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px;padding:12px 0;display:grid}.plot-metrics>div{border-right:1px solid var(--plot-line);min-width:0;padding-inline:16px}.plot-metrics>div:first-child{padding-left:0}.plot-metrics>div:last-child{border:0}.plot-metrics span{color:var(--plot-muted);font-size:11px;display:block}.plot-metrics strong{letter-spacing:-.03em;color:var(--ink,#192432);white-space:nowrap;margin-top:6px;font-size:20px;font-weight:500;line-height:1.2;display:block}.plot-metrics small{letter-spacing:0;color:var(--plot-muted);font-size:11px;font-weight:400}.plot-frame{gap:8px;padding-top:4px;display:flex;position:relative}.plot-y{width:40px;color:var(--plot-muted);flex:none;font-size:11px;position:relative}.plot-y span{position:absolute;right:0;transform:translateY(-50%)}.plot-y span:first-child{top:0}.plot-y span:nth-child(2){top:42.25%}.plot-y span:last-child{top:84.5%}.plot-canvas{flex:1;min-width:0;position:relative}.response-chart.plot svg{touch-action:pan-y;width:100%;height:172px;display:block;overflow:visible}.response-chart.plot .response-grid{stroke:var(--plot-line);stroke-width:.65px;stroke-dasharray:2 3}.plot-grid-v{stroke:var(--plot-line);stroke-width:.55px;opacity:.75}.response-chart.plot .response-line{stroke:#4b7fac;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.plot-hatch{stroke:#d8e0e9;stroke-width:1px}.plot-before{fill:#f3f6f9}.plot-crosshair{stroke:#6e849e;stroke-width:1px;stroke-dasharray:3 3}.plot-selected{stroke:#fff;stroke-width:1.8px;fill:#284b78}.response-chart.plot .response-dot{stroke:none}.response-chart.plot .response-dot.pass{fill:#338571}.response-chart.plot .response-dot.fail{fill:#ce5b49}.response-chart.plot .response-dot.neutral{fill:#8c9baf}.plot-axis{color:var(--plot-muted);justify-content:space-between;margin:6px 0 0 48px;font-size:11px;display:flex}.response-chart.plot .response-legend{color:var(--plot-muted);flex-wrap:wrap;gap:12px;margin:14px 0 0 48px;font-size:11px;display:flex}.response-chart.plot .response-legend>span:before{content:"";background:currentColor;border-radius:1px;width:6px;height:6px;margin-right:5px;display:inline-block}.response-chart.plot .response-legend .pass{color:#287660}.response-chart.plot .response-legend .fail{color:#b24839}.response-chart.plot .response-legend .neutral{color:#75849a}.response-chart.plot .response-legend .gap:before{background:repeating-linear-gradient(135deg,#bec9d6 0 1px,#0000 1px 3px);width:9px;height:7px}.plot-reading{color:var(--plot-muted);border-top:1px solid var(--plot-line);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin:16px 0 0 48px;padding-top:10px;font-size:11px;display:flex}.plot-reading .plot-start{flex-basis:100%}.plot-inspector{color:var(--plot-muted);margin:10px 0 0 48px;font-size:11px}.plot-inspector summary{cursor:pointer;align-items:center;min-height:24px;display:inline-flex}.plot-inspector p{margin-top:8px;font-size:11px}.plot .response-inspect{align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.plot .response-inspect select{width:auto;min-width:0;max-width:100%;color:var(--ink,#192432);border:1px solid var(--plot-line);background-color:#fff;margin:0;padding:6px 32px 6px 8px;font:11px ui-monospace,monospace}.plot-empty{color:var(--plot-muted);place-content:center;font-size:11px;display:grid;position:absolute;inset:0}.response-chart.plot.embedded{margin:16px 0 0}.plot.embedded .plot-heading{margin-bottom:10px}.plot.embedded .plot-heading strong{font-size:11px}.plot.embedded .plot-heading>div>span{display:none}.response-chart.plot.embedded svg{height:85px}.plot.embedded .plot-y{width:32px;font-size:10px}.plot.embedded .plot-axis,.plot.embedded .response-legend{margin-left:40px;font-size:10px}.plot.embedded .axis-quarter{display:none}.plot.embedded .response-legend{gap:8px;margin-top:9px}[data-theme=dark] .response-chart.plot{--plot-ink:#98b9da;--plot-muted:#99a9bd;--plot-line:#304056}[data-theme=dark] .plot-heading strong{color:#e5eaf1}[data-theme=dark] .plot-hatch{stroke:#3b4b60}[data-theme=dark] .plot-before{fill:#1b2838}[data-theme=dark] .response-chart.plot .response-line{stroke:#8db5dc}[data-theme=dark] .response-chart.plot .response-legend .pass{color:#75c4ad}[data-theme=dark] .response-chart.plot .response-legend .fail{color:#ed9d8f}[data-theme=dark] .response-chart.plot .response-legend .neutral{color:#aab9cd}.availability{min-width:0;padding:2px 0;display:block}.availability svg{width:100%;height:18px;display:block;overflow:visible}.availability .avail-gap{fill:#eef2f6}.availability .avail-before{fill:#0000}.availability .tick{rx:1}.availability .tick.pass{fill:#3d8c78}.availability .tick.fail{fill:#cf5443}.availability .tick.neutral{fill:#a3aebc}.availability-axis{color:#8a98a9;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;display:flex}.availability-empty{color:#8a98a9;padding:2px 0;font-size:11px}@media (width<=700px){.plot-heading{margin-bottom:12px}.plot-heading>div:first-child{display:block}.plot-heading>div>span{margin-top:4px;display:block}.plot-metrics>div{padding-inline:8px}.plot-metrics strong{font-size:17px}.response-chart.plot svg{height:145px}.plot-axis .axis-quarter{display:none}.response-chart.plot .response-legend{gap:9px}.plot-inspector,.plot-reading{margin-left:0}.plot-range button{padding:5px 8px}.plot-metrics{margin-bottom:16px}.availability svg{height:16px}}