Alarm card

type: alarm-panel
card_icon: mdi:bell
name: Allarme
card_mod:
  style:
    ha-assist-chip$: |
      .label {
        --label-text-font: Montserrat;
        #color: var(--contrast20) !important;
      }
    .: |
      ha-card {
        #border: 3px solid red;
        #height: 335px;
        #width: 250px;
        background: var(--contrast1);
        #padding: 0 15px 0 15px;
        #margin-top: -35px;
        --mdc-theme-primary: white;
      }
      h1.card-header {
        padding: 0 0 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        --ha-card-header-font-family: Montserrat;
        --ha-card-header-font-size: 20px;
      }

      ha-assist-chip {
          --ha-assist-chip-filled-container-color: var(--alarm-state-color);
          --primary-text-color: red !important;
      }
    "#alarmCode": |
      ha-textfield.undefined {
        display: none;
      }
    "#keypad mwc-button:nth-of-type(12)":
      $: |
        :host {
          height: 60px;
          #width: 100px !important;
         --mdc-theme-primary: rgb(235, 69, 95);
          #background: red;
        }
        button {
          height: 40px !important;
          background: rgba(235, 69, 95, 0.2) !important;
          border-radius: 20px !important;
          #border-color: red !important;
          border: solid 3px !important;
          font-size: 14px !important;
          #--mdc-theme-primary: red;
        }
        .slot-container {
          #color: var(--contrast20) !important;
        }
    "#armActions mwc-button":
      $: |
        :host {
          background: transparent ;
          #--mdc-theme-primary: red;
        }
        button {
          height: 30px !important;
          background: rgb(235, 69, 95) !important;
          font-color: white !important;
          border-radius: 20px !important;
          border-color: red !important;
          #border: solid 3px green !important;
          font-size: 8px !important;
        }
    "#keypad mwc-button:not(:nth-of-type(12),:nth-of-type(10))":
      $: |
        :host {
          height: 50px;
          #width: 70px !important;
          --mdc-theme-primary: rgb(108, 72, 197);
          #background: ;
        }
        button {
          height: 40px !important;
          background: rgba(108, 72, 197,0.2) !important;
          border-radius: 20px !important;
          border-color: blue !important;
          border: solid 4px !important;
          font-size: 20px !important;
        }
        .slot-container {
          color: var(--contrast20) !important;
        }
entity: alarm_control_panel.home