/* SS Vehicle Bars - V1.0.8 */

.ss-vb{
  --ssvb-title-color:#1D3F8B;
  --ssvb-border:#F4A100;
  --ssvb-fill:#F4A100;
  --ssvb-value-color:#111;
  max-width: 980px;
}

.ss-vb__title{ font-weight: 800; color: var(--ssvb-title-color); }
.ss-vb__subtitle{ margin-top:4px; opacity:.85; }
.ss-vb__metrics{ margin-top: 12px; }
.ss-vb__metric{ margin: 16px 0; }

.ss-vb__label{
  font-weight:700;
  color:#111;
  margin-bottom: 8px;
}

.ss-vb__bar{
  position: relative;
  height: 22px;
  border: 2px solid var(--ssvb-border);
  border-radius: 999px;
  background: #fff;
  overflow:hidden;
  width: 100%;
}

/* Range INSIDE the bar (min left, max right) */
.ss-vb__range-inside{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  pointer-events: none;
  opacity: .75;
  z-index: 2;
  font-size: 12px;
  line-height: 1;
}

.ss-vb__range-min,
.ss-vb__range-max{ white-space: nowrap; }

/* Fill + value */
.ss-vb__fill{
  position: relative;
  z-index: 1;
  height: 100%;
  background: var(--ssvb-fill);
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding-right: 10px;
  min-width: 54px;
  box-sizing:border-box;
}

.ss-vb__value{
  font-weight:800;
  color: var(--ssvb-value-color);
  white-space:nowrap;
}

/* Range UNDER the bar */
.ss-vb__range{
  margin-top: 6px;
  opacity: .75;
  font-size: 12px;
  line-height: 1.2;
}

.ss-vb__empty{ opacity:.75; padding: 8px 0; }