.dsi-cb{row-gap:var(--space-3);min-width:0;padding:var(--space-6);background:var(--color-surface-raised);border:var(--border-hairline) solid var(--color-border-divider);--color-focus-gap:var(--color-surface-raised);grid-template-columns:minmax(0,1fr);margin:0;display:grid;container-type:inline-size}.dsi-cb[data-size=compact],.dsi-cb[data-size=preview]{padding:var(--space-5)}@container (max-width:559px){.dsi-cb{padding:var(--space-4)}.dsi-cb[data-nested=true] .dsi-cb-title{font-size:var(--text-quote-compact);line-height:var(--text-quote-compact--line-height)}}.dsi-cb-title{font-family:var(--font-serif);font-size:var(--text-h3);line-height:var(--text-h3--line-height);font-weight:var(--text-h3--font-weight);max-width:var(--size-measure);text-wrap:balance}.dsi-cb-bar{align-items:center;column-gap:var(--space-4);padding-block:var(--space-1);grid-template-columns:minmax(0,1fr) auto;display:grid}@container (max-width:559px){.dsi-cb-bar{row-gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.dsi-cb-bar>*{justify-self:stretch}}.dsi-cb-plot{border-radius:var(--radius-control);touch-action:pan-y;contain:inline-size;min-width:0;position:relative}.dsi-cb-plot>svg{max-inline-size:100%;display:block;overflow:visible}.dsi-cb-keys{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dsi-cb-plot:focus-visible+.dsi-cb-keys,.dsi-cb-plot:focus-within+.dsi-cb-keys{width:auto;height:auto;margin-top:var(--space-2);clip-path:none;white-space:normal;position:static;overflow:visible}.dsi-cb-src{padding-top:var(--space-3);border-top:var(--border-hairline) solid var(--color-border-divider);text-wrap:pretty}.dsi-cb-notes{padding-top:var(--space-8);border-top:var(--border-hairline) solid var(--color-border-divider)}.dsi-cb-notes .dsi-cb-src{border-top:0;padding-top:0}.dsi-cb-grid{stroke:var(--color-border-divider);stroke-width:1px}.dsi-cb-base,.dsi-cb-xhair{stroke:var(--color-border-strong);stroke-width:1px}.dsi-cb-band{fill:var(--color-surface-margin)}.dsi-cb-tick{fill:var(--color-text-secondary);font-family:var(--font-numeric);font-size:var(--text-caption);font-weight:var(--text-caption--font-weight)}.dsi-cb-label{fill:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--text-caption--font-weight)}.dsi-cb-label-value{fill:var(--color-text-secondary);font-family:var(--font-numeric);font-size:var(--text-caption);font-weight:var(--text-caption--font-weight)}.dsi-cb-stroke-primary{stroke:var(--color-data-primary);fill:none;stroke-width:2px}.dsi-cb-stroke-highlight{stroke:var(--color-data-highlight);fill:none;stroke-width:2px}.dsi-cb-stroke-context{stroke:var(--color-data-context);fill:none;stroke-width:1.5px}.dsi-cb-bridge{fill:none;stroke-width:1.25px;stroke-dasharray:3 4}.dsi-cb-bridge-primary{stroke:var(--color-data-primary)}.dsi-cb-bridge-highlight{stroke:var(--color-data-highlight)}.dsi-cb-bridge-context{stroke:var(--color-data-context)}.dsi-cb-mark-primary{fill:var(--color-data-primary)}.dsi-cb-mark-highlight{fill:var(--color-data-highlight)}.dsi-cb-mark-context{fill:var(--color-data-context)}.dsi-cb-ring{stroke:var(--color-surface-raised);stroke-width:2px;paint-order:stroke}.dsi-cb-range{stroke:var(--color-data-context);stroke-width:1px}.dsi-cb-dot{fill:var(--color-surface-raised);stroke:var(--color-data-primary);stroke-width:1.5px}.dsi-cb-median{fill:var(--color-data-primary)}.dsi-cb-bar-none{fill:none;stroke:var(--color-border-control);stroke-width:1px;stroke-dasharray:3 2}.dsi-cb-area{stroke:var(--color-map-contour);stroke-width:1px}.dsi-cb-step-1{fill:var(--color-data-seq-1)}.dsi-cb-swatch.dsi-cb-step-1{background-color:var(--color-data-seq-1)}.dsi-cb-step-2{fill:var(--color-data-seq-2)}.dsi-cb-swatch.dsi-cb-step-2{background-color:var(--color-data-seq-2)}.dsi-cb-step-3{fill:var(--color-data-seq-3)}.dsi-cb-swatch.dsi-cb-step-3{background-color:var(--color-data-seq-3)}.dsi-cb-step-4{fill:var(--color-data-seq-4)}.dsi-cb-swatch.dsi-cb-step-4{background-color:var(--color-data-seq-4)}.dsi-cb-step-5{fill:var(--color-data-seq-5)}.dsi-cb-swatch.dsi-cb-step-5{background-color:var(--color-data-seq-5)}.dsi-cb-step-none{fill:var(--color-map-land);stroke:var(--color-border-control);stroke-dasharray:3 2}@media (forced-colors:active){.dsi-cb-swatch{forced-color-adjust:none}}.dsi-cb-swatch.dsi-cb-step-none{background-color:var(--color-map-land);border-style:dashed;border-color:var(--color-border-control)}.dsi-cb-area-label{fill:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--text-caption--font-weight)}.dsi-cb-area-label-inverse{fill:var(--color-text-inverse)}.dsi-cb-area-value{font-family:var(--font-numeric)}.dsi-cb-area-marked{fill:none;stroke:var(--color-border-strong);stroke-width:2.5px;stroke-linejoin:round}.dsi-cb-area-label-marked{font-weight:700}.dsi-cb-area-pin{fill:var(--color-surface-raised);stroke:var(--color-border-strong);stroke-width:1px}.dsi-cb-area-pin-marked{stroke-width:2.5px}.dsi-cb-area-pin-text{fill:var(--color-text-primary);font-family:var(--font-numeric);font-size:var(--text-caption);font-weight:var(--text-caption--font-weight)}.dsi-cb-area-key{fill:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--text-caption--font-weight)}.dsi-cb-area-key-value{fill:var(--color-text-secondary);font-family:var(--font-numeric);font-size:var(--text-caption);font-weight:var(--text-caption--font-weight)}.dsi-cb-legend{gap:var(--space-2) var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@container (max-width:559px){.dsi-cb-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}.dsi-cb-swatch{inline-size:var(--space-4);block-size:var(--space-3);border:var(--border-hairline) solid var(--color-map-contour);vertical-align:text-bottom;margin-inline-end:var(--space-2);display:inline-block}.dsi-cb-plotwrap{min-width:0;position:relative}.dsi-cb-readout{top:var(--space-2);z-index:1;row-gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:var(--border-hairline) solid var(--color-border-control);box-shadow:var(--shadow-overlay);border-radius:var(--radius-control);pointer-events:none;display:grid;position:absolute}.dsi-cb-readout[data-side=start]{left:calc(var(--cb-readout-x,0px) + var(--space-3));max-width:calc(100% - var(--cb-readout-x,0px) - 2 * var(--space-3))}.dsi-cb-readout[data-side=end]{right:calc(100% - var(--cb-readout-x,0px) + var(--space-3));max-width:calc(var(--cb-readout-x,0px) - 2 * var(--space-3))}@container (max-width:559px){.dsi-cb-readout,.dsi-cb-readout[data-side=start],.dsi-cb-readout[data-side=end]{box-shadow:none;max-width:100%;margin-top:var(--space-2);position:static}}.dsi-cb-key{row-gap:var(--space-1);margin:0 0 var(--space-4);padding:0;list-style:none;display:grid}.dsi-cb-key>li{justify-content:start;align-items:center;column-gap:var(--space-2);grid-auto-flow:column;display:grid}.dsi-cb-gapkey{column-gap:var(--space-5);row-gap:var(--space-1);margin:var(--space-2) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.dsi-cb-gapkey>li{align-items:center;column-gap:var(--space-2);display:flex}@media print{.dsi-cb-bar,.dsi-cb-acts,.dsi-cb-keys,.dsi-cb-readout{display:none}.dsi-cb [role=tabpanel][hidden]{display:block!important}.dsi-cb{break-inside:avoid;border-color:var(--color-border-strong)}}