.bc-test-chart{display:block;color:var(--color-foreground);max-width:100%;--bc-tc-grid: color-mix(in srgb, var(--color-foreground) 12%, transparent);--bc-tc-axis: color-mix(in srgb, var(--color-foreground) 55%, transparent);--bc-tc-muted: color-mix(in srgb, var(--color-foreground) 60%, transparent);--bc-tc-line: var(--color-primary, var(--color-foreground));--bc-tc-highlight: var(--color-primary, var(--color-foreground));--bc-tc-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}.bc-test-chart__probe{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.bc-test-chart__caption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 4px;font-size:.82rem;line-height:1.3}.bc-test-chart__caption-label{font-weight:700}.bc-test-chart__caption-meta{color:var(--bc-tc-muted);font-family:var(--bc-tc-mono);font-variant-numeric:tabular-nums}.bc-test-chart__reset{margin-inline-start:auto;padding:3px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-foreground) 22%,transparent);background:transparent;color:var(--color-foreground);font:inherit;font-size:.75rem;line-height:1.4;cursor:pointer}.bc-test-chart__reset:hover{border-color:var(--color-foreground);background:color-mix(in srgb,var(--color-foreground) 6%,transparent)}.bc-test-chart__reset:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.bc-test-chart__plot{position:relative;width:100%}.bc-test-chart__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.bc-test-chart__svg{position:relative;z-index:1;display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y;cursor:crosshair}.bc-test-chart.is-zoomed .bc-test-chart__svg{touch-action:none;cursor:grab}.bc-test-chart.is-panning .bc-test-chart__svg{cursor:grabbing}.bc-test-chart__svg:focus-visible{outline:2px solid var(--color-foreground);outline-offset:4px}.bc-test-chart__gridline{stroke:var(--bc-tc-grid)}.bc-test-chart__axis-label{fill:var(--bc-tc-axis);font-family:var(--bc-tc-mono)}.bc-test-chart__axis-title{fill:var(--bc-tc-muted)}.bc-test-chart__crosshair-line{stroke:var(--bc-tc-axis)}.bc-test-chart__peak-dot,.bc-test-chart__crosshair-dot{fill:var(--bc-tc-line);stroke:var(--color-background)}.bc-test-chart__ref{stroke:var(--bc-tc-muted);stroke-dasharray:5 4}.bc-test-chart__ref--mbs{stroke:var(--bc-tc-highlight);stroke-dasharray:none}.bc-test-chart__ref-label{fill:var(--bc-tc-muted);stroke:var(--color-background);stroke-width:3px;paint-order:stroke;font-family:var(--bc-tc-mono)}.bc-test-chart__ref-label--mbs{fill:var(--bc-tc-highlight)}.bc-test-chart[data-trace-mode=uniform] .bc-test-chart__tooltip-swatch{display:none}.bc-test-chart__peak-label{fill:var(--color-foreground);stroke:var(--color-background);stroke-width:3px;paint-order:stroke;font-family:var(--bc-tc-mono)}.bc-test-chart__hint{position:absolute;z-index:2;top:4px;right:8px;margin:0;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--color-background) 88%,transparent);color:var(--bc-tc-muted);font-size:.72rem;line-height:1.4;pointer-events:none;opacity:0;transition:opacity .14s ease}.bc-test-chart__hint.is-visible{opacity:1}.bc-test-chart__zoom-hint{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--color-background) 82%,var(--color-foreground) 6%);border:1px solid color-mix(in srgb,var(--color-foreground) 14%,transparent);color:var(--color-foreground);font-size:.8rem;line-height:1.4;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .16s ease}.bc-test-chart__zoom-hint.is-visible{opacity:1}.bc-test-chart__tooltip{position:absolute;z-index:3;min-width:92px;max-width:100%;padding:8px 10px;border-radius:8px;background:var(--color-background);color:var(--color-foreground);border:1px solid color-mix(in srgb,var(--color-foreground) 16%,transparent);box-shadow:0 6px 24px color-mix(in srgb,var(--color-foreground) 18%,transparent);font-size:.8rem;line-height:1.35;font-family:var(--bc-tc-mono);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s ease}.bc-test-chart__tooltip.is-visible{opacity:1}.bc-test-chart__tooltip-time{margin:0;color:var(--bc-tc-muted)}.bc-test-chart__tooltip-val{margin:0;font-weight:700}.bc-test-chart__tooltip-rows{margin:3px 0 0;padding:0;list-style:none}.bc-test-chart__tooltip-row{display:flex;align-items:center;gap:7px}.bc-test-chart__tooltip-swatch{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.bc-test-chart__tooltip-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;color:var(--bc-tc-muted)}.bc-test-chart__tooltip-row .bc-test-chart__tooltip-val{margin-inline-start:auto}.bc-test-chart__tooltip-more{margin:3px 0 0;color:var(--bc-tc-muted)}.bc-test-chart__legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}.bc-test-chart__legend[hidden],.bc-test-chart[data-trace-mode=uniform] .bc-test-chart__chip-swatch{display:none}.bc-test-chart__chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-foreground) 18%,transparent);background:transparent;color:var(--color-foreground);font:inherit;font-size:.8rem;line-height:1;cursor:pointer;transition:opacity .12s ease,border-color .12s ease,background-color .12s ease}.bc-test-chart__chip:hover{border-color:color-mix(in srgb,var(--color-foreground) 40%,transparent)}.bc-test-chart__chip:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.bc-test-chart__chip[aria-pressed=false]{opacity:.45}.bc-test-chart__chip[aria-pressed=false] .bc-test-chart__chip-name{text-decoration:line-through}.bc-test-chart__chip-swatch{width:11px;height:11px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-foreground) 20%,transparent) inset}.bc-test-chart__chip-val{color:var(--bc-tc-muted);font-family:var(--bc-tc-mono);font-variant-numeric:tabular-nums}.bc-test-chart__arm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:flex-end;justify-content:center;padding:10px;margin:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.bc-test-chart.is-armed .bc-test-chart__arm{display:none}.bc-test-chart__arm-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-foreground) 14%,transparent);background:color-mix(in srgb,var(--color-background) 88%,var(--color-foreground) 6%);color:var(--bc-tc-muted);font-size:.72rem;line-height:1.4;white-space:nowrap;transition:color .12s ease,border-color .12s ease}.bc-test-chart__arm:hover .bc-test-chart__arm-badge{border-color:color-mix(in srgb,var(--color-foreground) 40%,transparent);color:var(--color-foreground)}.bc-test-chart__arm:focus-visible{outline:2px solid var(--color-foreground);outline-offset:-3px}.bc-test-chart__disarm{position:absolute;z-index:4;top:4px;right:8px;display:none;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-foreground) 14%,transparent);background:color-mix(in srgb,var(--color-background) 88%,var(--color-foreground) 6%);color:var(--bc-tc-muted);font:inherit;font-size:.72rem;line-height:1.4;cursor:pointer;transition:color .12s ease,border-color .12s ease}.bc-test-chart.is-armed .bc-test-chart__disarm{display:inline-flex}.bc-test-chart__disarm:hover{border-color:color-mix(in srgb,var(--color-foreground) 40%,transparent);color:var(--color-foreground)}.bc-test-chart__disarm:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.bc-test-chart__disarm-x{font-size:.95rem;line-height:1}.bc-test-chart.is-armed .bc-test-chart__hint{right:auto;left:8px}.bc-test-chart[data-arm=click]:not(.is-armed) .bc-test-chart__svg{cursor:pointer;touch-action:auto}@media(prefers-reduced-motion:reduce){.bc-test-chart__tooltip,.bc-test-chart__hint,.bc-test-chart__zoom-hint,.bc-test-chart__chip,.bc-test-chart__arm-badge,.bc-test-chart__disarm{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/bc-test-chart.css.map */