.histogram_container{--x-axis-labels-height:40px;--hover-bg-color:var(--control-hover-bg-color);--histogram-bg:var(--seafoam);-webkit-user-select:none;user-select:none;height:calc(var(--chart-height) + var(--x-axis-labels-height));border-radius:8px;position:relative}@media (prefers-contrast:more){.histogram_container{--histogram-bg:#13b995}}.histogram_container:after{pointer-events:none;z-index:1;content:"";border:1px solid var(--base-border-color);border-radius:8px;position:absolute;inset:0}.histogram_container-belowSelection{border-radius:0 0 8px 8px}.histogram_container-belowSelection:after{border-top:0;border-radius:0 0 6px 6px}.histogram_yAxisLabels{width:var(--y-axis-labels-width);height:var(--chart-height);border-bottom:1px solid var(--base-border-color);flex-direction:column-reverse;display:flex;position:absolute;top:0;left:0;overflow:hidden}.histogram_yAxisLabel{border-top:1px solid var(--base-border-color);font-size:14px}.histogram_yAxisLabel span{width:var(--y-axis-labels-width);justify-content:flex-end;align-items:flex-end;height:100%;padding:3px 6px;display:flex}.histogram_chart{left:var(--y-axis-labels-width);width:calc(100% - var(--y-axis-labels-width));touch-action:none;height:var(--chart-height);border-left:1px solid var(--base-border-color);border-bottom:1px solid var(--base-border-color);align-items:flex-end;display:flex;position:absolute}.histogram_bin{flex-direction:column;justify-content:flex-end;align-items:center;font-size:13px;display:flex}.histogram_bin-hasSelection.histogram_bin-active .histogram_binBg{background:var(--hover-bg-color)}.histogram_binBg{z-index:1;flex:1;width:100%;position:relative}.histogram_binVisual{z-index:2;border-left:1px solid var(--base-bg-color);border-right:1px solid var(--base-bg-color);background:var(--base-border-color);min-height:1px;position:relative}.histogram_bin-active .histogram_binVisual{z-index:3;background:var(--histogram-bg)}.histogram_bin-empty .histogram_binVisual{background:0 0;border:0;flex:0 0 0;height:0}.histogram_bin:not(:first-child){margin-left:-1px}.histogram_xAxisLabels{top:var(--chart-height);left:0;left:var(--y-axis-labels-width);width:calc(100% - var(--y-axis-labels-width));height:var(--x-axis-labels-height);position:absolute}.histogram_xAxisLabel{height:var(--x-axis-labels-height);border-left:1px solid var(--base-border-color);align-items:center;padding-left:2px;font-size:.75rem;display:flex;position:absolute;bottom:0}.histogram_xAxisLabel-largeScreen{display:none}