State Switch Fan Speed

      - type: custom:state-switch
        view_layout:
          grid-area: 'r1e'
        entity: light.smart_dimmer_shelly_hallway
        default: none
        states:
          "on":
            type: 'custom:button-card'
            view_layout:
              grid-area: 'r1e'
            entity: light.smart_dimmer_shelly_hallway
            name: Fläkt Hastighet
            show_name: true
            show_icon: false
            show_label: false
            show_state: false
            styles:
              grid:
                - grid-template-areas: '"n" "slider"'
                - grid-template-rows: 1fr 1fr
                - row-gap: 6px
              card:
                - height: 100%
                - border-radius: "var(--border-radius)"
                - box-shadow: "var(--border-radius)"
                - padding: 1em
              name:
                - text-align: center
                - font-size: "var(--fs-400)"
                - justify-self: center
                - align-self: center
            custom_fields:
              slider:
                card:
                  type: "custom:my-slider"
                  card_mod:
                    style: |
                      ha-card {
                        ha-card-background: none;
                        box-shadow: none;
                      }
                  entity: light.smart_dimmer_shelly_hallway
                  radius: "10px"
                  height: "20px"
                  background: "var(--color-white)"
                  minSet: 0
                  maxSet: 100
                  mainSliderColor: "var(--color-blue)"
                  #mainSliderColorOff: 'rgb(255,206,0)'
                  secondarySliderColor: 'rgba(255,255,255,1)'
                  secondarySliderColorOff: 'rgba(240,240,240,0.25)'
                  thumbHorizontalPadding: "0px"
                  thumbVerticalPadding: "0px"
                  thumbWidth: "40px"
                  thumbColor: '#2145fa'