.histogram-playground{--histogram-accent:#3468ef;color:var(--text,#151619);min-width:0;font-family:inherit}.histogram-workbench{border:1px solid var(--border,#d9dce1);background:var(--surface,#fffefa);grid-template-columns:minmax(0,1fr) 280px;display:grid}.histogram-preview{align-self:center;min-width:0;padding:30px}.histogram-preview-heading{color:var(--muted,#5d6574);justify-content:space-between;gap:16px;font-size:12px;display:flex}.histogram-preview-heading span:first-child{letter-spacing:.13em;font-family:monospace}.histogram-preview .chart-frame{width:100%;height:auto;margin-top:24px;display:block;overflow:visible}.histogram-grid{stroke:var(--border,#d9dce1);stroke-width:1px}.histogram-axis-label{fill:var(--muted,#5d6574);font-size:12px}.histogram-bar{fill:var(--histogram-accent)}.histogram-preview-caption{color:var(--muted,#5d6574);max-width:48ch;font-size:14px;line-height:1.6}.histogram-controls{border-left:1px solid var(--border,#d9dce1);padding:24px}.histogram-playground fieldset{border:0;min-width:0;margin:0 0 24px;padding:0}.histogram-playground legend{margin-bottom:12px;font-size:13px;font-weight:600}.histogram-playground button,.histogram-playground select{font:inherit;color:inherit;border:1px solid var(--border,#d9dce1);cursor:pointer;background:0 0;border-radius:4px;padding:9px 12px;font-size:13px}.histogram-playground button:hover{border-color:var(--histogram-accent)}.histogram-playground button:disabled{opacity:.55;cursor:wait}.histogram-playground :is(button,select,input,pre,ul):focus-visible{outline:2px solid var(--histogram-accent);outline-offset:4px}.histogram-segmented{display:flex}.histogram-segmented button{flex:1;padding:8px 10px}.histogram-segmented button[aria-pressed=true]{background:var(--histogram-accent);color:#fff;border-color:var(--histogram-accent)}.histogram-range{margin-bottom:14px}.histogram-range label{justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.histogram-range label span{color:var(--muted,#5d6574);font-variant-numeric:tabular-nums}.histogram-range input{width:100%;accent-color:var(--histogram-accent);cursor:pointer;display:block}.histogram-reset{width:100%;margin-top:8px}.histogram-source{color:#edf0f7;background:#191c24;border:1px solid #303641;min-width:0;margin-top:24px}.histogram-source-toolbar{border-bottom:1px solid #303641;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;font-size:13px;display:flex}.histogram-source-toolbar select{color:#edf0f7;background:#191c24;border-color:#505b6c}.histogram-source-toolbar button{border-color:#505b6c;margin-left:auto}.histogram-source pre{tab-size:2;height:340px;margin:0;padding:24px;font-size:13px;line-height:1.75;overflow:auto}.histogram-source code{color:#bbcafa;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.histogram-export{justify-content:space-between;align-items:center;gap:24px;margin-top:20px;display:flex}.histogram-export p{color:var(--muted,#5d6574);max-width:56ch;font-size:13px;line-height:1.6}.histogram-export-buttons{flex-shrink:0;gap:10px;display:flex}@media (width<=900px){.histogram-workbench{grid-template-columns:1fr}.histogram-controls{border-left:0;border-top:1px solid var(--border,#d9dce1);grid-template-columns:1fr 1fr;gap:16px 24px;display:grid}.histogram-reset{align-self:end}.histogram-export{flex-direction:column;align-items:stretch;gap:10px}}@media (width<=480px){.histogram-preview{padding:20px 12px}.histogram-preview-heading{font-size:10px}.histogram-controls{padding:20px;display:block}.histogram-source-toolbar{gap:8px;padding:12px}.histogram-source-toolbar label{width:100%}.histogram-source pre{padding:16px;font-size:12px}.histogram-export-buttons{flex-wrap:wrap}.histogram-export-buttons button{flex:1}}.histogram-intervals{margin-top:24px}.histogram-intervals-heading{color:var(--muted,#5d6574);font-size:12px}.histogram-intervals ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px;max-height:180px;margin:12px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.histogram-intervals li{font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;font-size:12px;display:flex}.histogram-intervals li span{color:var(--muted,#5d6574)}@media (width<=480px){.histogram-intervals ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}}.chart-viewport{width:100%;min-width:0}.chart-frame:focus-visible{outline:2px solid var(--chart-focus,var(--blue,#3d79fa));outline-offset:4px}.chart-data{margin-top:16px;font-size:12px}.chart-data summary{cursor:pointer}.chart-data table{border-collapse:collapse;width:100%;margin-top:12px}.chart-data th,.chart-data td{text-align:left;border-bottom:1px solid var(--border,#d9dce1);overflow-wrap:anywhere;padding:6px}.chart-data caption{text-align:left;margin-bottom:8px}.live-example[data-astro-cid-5nkobbu6]{min-width:0}.live-example[data-astro-cid-5nkobbu6] astro-island[data-astro-cid-5nkobbu6][ssr]:before{content:"Preparing the live example…";border:1px solid var(--border);color:var(--muted);padding:48px;display:block}