Mushroom Card - Unexpected behavior with slider when inactive

Configuration Frontend
1

I have found a behavior with the mushroom light slider card, and despite my best efforts, I cannot seem to resolve it.

When the light is off (slide inactive), it inherits a very light gray background, and the first interaction, the slider is a darker shade of gray.

image
image815×159 5.9 KB

The expected behavior is the black/magenta combo that presents after the light has moved to an active state.

image
image813×138 5.78 KB

Code below:

type: custom:mushroom-light-card
entity: light.family_room_main_lights_2
name: Ceiling Lights
icon: mdi:light-recessed
layout: horizontal
primary_info: name
secondary_info: state
show_brightness_control: true
fill_container: true
tap_action:
  action: toggle
hold_action:
  action: none
double_tap_action:
  action: none
collapsible_controls: false
card_mod:
  style: |
    mushroom-light-brightness-control {
      --slider-color: #ce4993 !important;
      --slider-bg-color: #191B19 !important;
      --control-height: 45px;
      --slider-color-inactive: red !important;
      --slider-bg-color-inactive: black !important;
    }
    mushroom-shape-icon {
      --shape-color: transparent !important;
      --shape-color-disabled: transparent !important;
      --icon-color: #191B19 !important;
    }
    mushroom-state-info {
      --card-secondary-font-size: 12px;
      --card-primary-font-size: 18px;
      --card-primary-color: #191B19;
      --card-secondary-color: #191B19;
    } 
    ha-card {
      font-variant: small-caps;
      border-radius: 10px;
      background-color: #eeaf61;
      --card-mod-icon-color: #191B19;
      --icon-size: 60px;
    }

I was messing around with

  --slider-color-inactive: red !important;
  --slider-bg-color-inactive: black !important;

in the mushroom-light-brightness-control as the most recent attempt.

Any guidance on how to solve would be greatly appreciated. Thanks!