HA cover popup

# lovelace_gen
type: custom:vertical-stack-in-card
cards:
  - type: entities
    entities:
      - entity: '{{ entity }}'
        secondary_info: last-changed
        style: |
          ha-card {
            z-index: 5
          }
  - type: grid
    cards:
      - type: markdown
        content: |-
          .
          .
          .
          .
          .
          .
          .
          .
          .
          .
          .
          .
          .
          .
          .
        style: |
          ha-card {
            --paper-card-background-color: "rgba(39, 40, 43, 0)";
            box-shadow: none;
            color: transparent;
          }
      - type: custom:slider-button-card
        entity: '{{ entity }}'
        slider:
          percentage: true
          direction: bottom-top
          background: striped
          use_state_color: false
          use_percentage_bg_opacity: false
          show_track: false
        show_name: false
        show_state: true
        icon:
          show: false
          use_state_color: false
          rotate: false
          tap_action:
            action: more-info
          icon: ''
        action_button:
          mode: toggle
          icon: mdi:power
          show: false
          show_spinner: true
          tap_action:
            action: toggle
        style:
          .: |
            :host {
              border: 2px solid rgb(127,127,127);
              --slider-color: transparent;
            }
            div.slider-thumb {
              background: linear-gradient(to bottom, white, white 50%, transparent 50%, transparent);
              background-size: 100% 4px;
            }
  - type: horizontal-stack
    cards:
      - type: entity-button
        entity: '{{ entity }}'
        icon: mdi:window-shutter
        name: "Zamknij"
        tap_action:
          action: call-service
          service: cover.close_cover
          service_data:
            entity_id: '{{ entity }}'
      - type: entity-button
        entity: '{{ entity }}'
        icon: mdi:window-shutter-open
        name: "Lufciki"
        tap_action:
          action: call-service
          service: cover.set_cover_position
          service_data:
            entity_id: '{{ entity }}'
            position: 17
      - type: entity-button
        entity: '{{ entity }}'
        icon: mdi:window-shutter-open
        name: "Delikatnie"
        tap_action:
          action: call-service
          service: cover.set_cover_position
          service_data:
            entity_id: '{{ entity }}'
            position: 40
      - type: entity-button
        entity: '{{ entity }}'
        icon: mdi:window-shutter-open
        name: "Otwórz"
        tap_action:
          action: call-service
          service: cover.open_cover
          service_data:
            entity_id: '{{ entity }}'
style: |
  ha-card {
    --card-background-color: "rgba(39, 40, 43, 0)";
  }