.fcr-volume-indicator {
  height: 10px;
  display: flex;
  column-gap: 4px;
}

.fcr-volume-indicator__point {
  flex-grow: 1;
  border-radius: var(--fcr_cornerradius_xxl);
  height: 100%;
  background: var(--fcr_ui_scene_ramp_brand2);
  transition: background 0.15s ease;
}

.fcr-volume-indicator__point.is-active {
  background: var(--fcr_ui_scene_ramp_brand6);
}