.fcr-slider {
  position: relative;
  height: 5px;
  border-radius: var(--fcr_cornerradius_round);
  background: var(--fcr_web_ui_scene_fill4_popup);
  transition: background 0.2s ease;
}
.fcr-slider.is-active {
  background: var(--fcr_web_ui_scene_fill5);
}

.fcr-slider__track {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: var(--fcr_cornerradius_s);
  background: var(--fcr_ui_scene_ramp_brand6);
}

.fcr-slider__thumb {
  position: relative;
  top: -4.5px;
  border: 1px solid var(--fcr_ui_scene_line1);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background: var(--fcr_ui_scene_white10);
  cursor: pointer;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
  backdrop-filter: blur(25px);
  transition:
    transform 0.2s ease,
    border-color 0.2s ease;
  transform-origin: center;
  user-select: none;
}
.fcr-slider__thumb:hover {
  transform: scale(1.2);
  border-color: var(--fcr_ui_scene_ramp_brand6);
}
.fcr-slider.is-active .fcr-slider__thumb {
  transform: scale(1.2);
  border-color: var(--fcr_ui_scene_ramp_brand6);
}


.fcr-slider.is-disabled{
  cursor: not-allowed;
  background: var(--fcr_web_ui_scene_fill4_popup);
  border: 1px solid var(--fcr_ui_scene_line1);
  color: var(--fcr_ui_scene_text1);
  opacity: 0.5;
}

.fcr-slider.is-disabled .fcr-slider__thumb{
  cursor: not-allowed;

}