Scrypted popup example

type: vertical-stack
cards:
  - type: custom:bubble-card
    card_type: pop-up
    hash: "#scrypted"
    backdrop_blur: "0"
    shadow_opacity: "10"
    name: Scrypted's  usage
    icon: mdi:server-network-outline
    bg_opacity: "10"
    bg_blur: "8"
    margin_top_desktop: 40vh
    margin_top_mobile: 40vh
    styles: |
      .bubble-button-background {
        opacity: 0.8;
        background-color: #7A7691 !important; /* usage background color */
        box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6); /* Example shadow */
      }
      .bubble-button-card-container {
        color: #E6EAEA;  /* main name text color, whiteish */
      }
      .bubble-icon-container {
        #background: #E6EAEA;
        color: #7A7691;  /* main icon color */
      }
  - type: custom:bubble-card
    card_type: empty-column
    name: Main info
  - type: horizontal-stack
    cards:
      - type: custom:mini-graph-card
        entities:
          - entity: sensor.lxc_scrypted_103_memory_used_percentage
            color: "#7A7691"
        name: RAM
        hours_to_show: 168
        aggregate_func: max
        group_by: date
        font_size: 60
        bar_spacing: 25
        show:
          graph: bar
          name: true
          legend: true
          icon: true
          icon_adaptive_color: true
      - type: custom:mini-graph-card
        entities:
          - entity: sensor.lxc_scrypted_103_cpu_used
        name: CPU
        hours_to_show: 168
        aggregate_func: max
        font_size: 60
        group_by: date
        line_color: "#7A7691"
        line_width: 6
        smoothing: false
        show:
          labels: false
          labels_secondary: false
          icon: true
          name: true
          points: true
          icon_adaptive_color: true
      - type: custom:mini-graph-card
        entities:
          - entity: sensor.lxc_scrypted_103_disk_used_percentage
        name: Disk
        hours_to_show: 24
        aggregate_func: max
        font_size: 60
        line_color: "#7A7691"
        line_width: 6
        smoothing: false
        show:
          labels: false
          labels_secondary: false
          icon: true
          name: true
          points: true
          icon_adaptive_color: true