type: custom:button-card
variables:
  musiccardversion: 1.1.1
  var_musicplayer_device: |-
    [[[
      var assistbid = localStorage.getItem("view_assist_sensor");
      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 ]]]"
      - align-self: center
      - justify-self: center
      - width: 100%
      - height: 100%
      - position: absolute
      - justify-content: center
      - text-align: start
custom_fields:
  title: "[[[ return variables.var_current_time ]]]"
  message:
    card:
      type: custom:mod-card
      card:
        type: media-control
        name: " "
        entity: "[[[ return variables.var_musicplayer_device ]]]"
      style: |
        ha-card {
          width: 100vw !important;
          height: 100vh !important;
          margin: 0 !important;
          padding: 0 !important;
          box-shadow: none !important;
          --paper-card-background-color: transparent !important;
          --mdc-icon-size: 0px;
        }