.h-bar[data-v-c95b88ba]{align-items:center;display:grid;font-size:12px;grid-template-columns:auto 1fr auto}.h-bar label[data-v-c95b88ba]{color:var(--color-gray-600);font-size:var(--font-size-md);font-weight:400}.h-bar label.label[data-v-c95b88ba]{grid-area:1/1/2/4}.h-bar label.range[data-v-c95b88ba]{font-weight:700}.h-bar .bar[data-v-c95b88ba]{align-items:center;display:flex;flex:1 1;height:24px;margin:0 12px 0 8px;position:relative}.h-bar .bar .bg[data-v-c95b88ba]{left:1px;right:1px}.h-bar .bar .bg[data-v-c95b88ba],.h-bar .bar .cover[data-v-c95b88ba]{border-radius:8px;height:6px;position:absolute}.h-bar .bar .cover[data-v-c95b88ba]{background-color:var(--color-gray-200);right:0}.h-bar .bar .avg[data-v-c95b88ba]{left:0;position:absolute}.h-bar .bar .avg.label[data-v-c95b88ba]{color:#6d82a2;top:-12px;transform:translate(-50%);white-space:nowrap}.h-bar .bar .avg.point[data-v-c95b88ba]{background-color:#e2e2e2;height:13px;top:50%;width:13px}.h-bar .bar .avg.point[data-v-c95b88ba],.h-bar .bar .marker[data-v-c95b88ba]{border-radius:50%;transform:translate(-50%,-50%)}.h-bar .bar .marker[data-v-c95b88ba]{border:2px solid #fff;height:20px;position:absolute;top:calc(50% - 1px);width:20px}