Fix black background

Configuration Frontend
1

hey i use light popup cards but when i try to stack them in horizontal-stack. A black background appears. How to disable them?

action: fire-dom-event
browser_mod:
  service: browser_mod.popup
  data:
    card_mod:
      style:
        $: |
          .mdc-dialog .mdc-dialog__container .mdc-dialog__surface {
            border-radius: 50px;
            top: 500px;
          }
        .: |
          :host {
            --mdc-theme-surface: rgba(0,0,0,0);
            --secondary-background-color: rgba(0,0,0,0.5);
            --ha-card-background: rgba(0,0,0,0.5);
          }
          ha-dialog {
            --vertical-align-dialog: center !important;
          }
    content:
      type: horizontal-stack
      cards:
        - type: custom:light-popup-card
          entity: light.sufit_salon
          displayType: slider
          hideIcon: false
          hideState: false
          sliderColoredByLight: false
          fullscreen: false
          borderRadius: 40px
          brightnessWidth: 100px
          brightnessHeight: 250px
          sliderColor: "#d1b056"
          sliderTrackColor: "#616261"
        - type: custom:light-popup-card
          entity: light.sufit_salon
          displayType: slider
          hideIcon: false
          hideState: false
          sliderColoredByLight: false
          fullscreen: false
          borderRadius: 40px
          brightnessWidth: 100px
          brightnessHeight: 250px
          sliderColor: "#d1b056"
          sliderTrackColor: "#616261"

image