type: custom:button-card
variables:
  musiccardalternativeversion: 1.0.0
  var_musicplayer_device: |-
    [[[
      var assistbid = hass.states[variables.assist_group].attributes.entity_id
       .find((eid) => hass.states[eid].attributes.browser_id === localStorage.getItem("browser_mod-browser-id")) ?? variables.default_satellite;
      var musicdevice = hass.states[assistbid].attributes.musicplayer_device;
      return `${musicdevice}`
    ]]]
template:
  - variable_template
  - body_template
styles:
  card:
    - background-color: black;
  custom_fields:
    message:
      - font-size: '[[[ return variables.var_font_size ]]]'
      - position: relative
      - text-align: start
      - text-wrap: wrap
      - justify-content: center
      - align-self: center
      - padding: 2%
      - top: "-10vh"
custom_fields:
  title: ''
  message:
    card:
      type: custom:mod-card
      card:
        type: custom:mini-media-player
        entity: '[[[ return variables.var_musicplayer_device ]]]'
        artwork: cover
        hide:
          icon: true
          info: false
          name: true
          volume: false
          power: false
          progress: true
        card_mod:
          style:
            mmp-powerstrip $: ""
            .: |
              ha-card {
                 --mmp-icon-color: white !important;
                 --mmp-text-color: white !important;
                 --mmp-unit: 1 !important;
                 --mdc-icon-size: 15vh  !important;
                font-size: 6vh !important;
                font-weight: bold;
                aspect-ratio: 1.60 / 1;
                width: 100% !important;
                   }
              ha-icon-button {
                color: white !important;
              }