search

hacs / integration

HACS gives you a powerful UI to handle downloads of all your custom needs.
https://hacs.xyz
MIT License
4.88k stars 1.23k forks source link

custom element doesn't exist #3319

Closed Emilef22 closed 8 months ago

Emilef22 commented 8 months ago

Web browser

Chrome-Safari-Android app

Web browser version

118.0.5993.89

System Health details

System Information

version core-2023.11.0b0
installation_type Home Assistant OS
dev false
hassio true
docker true
user root
virtualenv false
python_version 3.11.6
os_name Linux
os_version 6.1.59
arch x86_64
timezone America/Toronto
config_dir /config
Home Assistant Community Store GitHub API | ok -- | -- GitHub Content | ok GitHub Web | ok GitHub API Calls Remaining | 5000 Installed Version | 1.33.0 Stage | running Available Repositories | 1318 Downloaded Repositories | 52
Home Assistant Cloud logged_in | false -- | -- can_reach_cert_server | ok can_reach_cloud_auth | ok can_reach_cloud | ok
Home Assistant Supervisor host_os | Home Assistant OS 11.1.rc1 -- | -- update_channel | beta supervisor_version | supervisor-2023.10.1 agent_version | 1.6.0 docker_version | 24.0.6 disk_total | 109.3 GB disk_used | 23.7 GB healthy | true supported | true board | generic-x86-64 supervisor_api | ok version_api | ok installed_addons | Advanced SSH & Web Terminal (15.1.0), Samba share (10.0.2), MariaDB (2.6.1), ESPHome (2023.10.3), Zigbee2MQTT (1.33.1-1), Hydroqc Add-on (v0.12.3-1), Matter Server (4.10.0), Mosquitto broker (6.3.1), Studio Code Server (5.13.0), Frigate (0.12.1), Cloudflared (4.2.9)
Dashboards dashboards | 2 -- | -- resources | 35 views | 15 mode | storage
Recorder oldest_recorder_run | 18 octobre 2023 à 22:30 -- | -- current_recorder_run | 25 octobre 2023 à 23:27 estimated_db_size | 3257.23 MiB database_engine | mysql database_version | 10.6.12
Sonoff version | 3.5.3 (a8c6d45) -- | -- cloud_online | 5 / 5 local_online | 5 / 5
Spotify api_endpoint_reachable | ok -- | --

Checklist

Describe the issue

Since yesterday, all me custum cards are showing : Custom element doesn't exist. I Don't know if I did a bad move or it's exactly after the beta upgrade. I've tried uninstall hacs and cards, reboot, reinstall and reboot.I'm seeing this in every browser and on my android app.

Reproduction steps

  1. Open a new browser page

  3. ...

Screenshots

image image

Javascript logs from your browser console

<html style="--state-icon-error-color: var(--error-state-color, var(--error-color)); --state-unavailable-color: var(--state-icon-unavailable-color, var(--disabled-text-color)); --sidebar-text-color: var(--primary-text-color); --sidebar-background-color: var(--card-background-color); --sidebar-selected-text-color: var(--primary-color); --sidebar-selected-icon-color: var(--primary-color); --sidebar-icon-color: rgba(var(--rgb-primary-text-color), 0.6); --switch-checked-color: var(--primary-color); --switch-checked-button-color: var(--switch-checked-color, var(--primary-background-color)); --switch-checked-track-color: var(--switch-checked-color, #000000); --switch-unchecked-button-color: #999999; --rgb-switch-unchecked-button-color: 153,153,153; --switch-unchecked-track-color: #9b9b9b; --rgb-switch-unchecked-track-color: 155,155,155; --slider-color: var(--primary-color); --slider-secondary-color: var(--light-primary-color); --slider-track-color: var(--scrollbar-thumb-color); --label-badge-background-color: var(--card-background-color); --label-badge-text-color: rgba(var(--rgb-primary-text-color), 0.8); --paper-listbox-background-color: var(--card-background-color); --paper-item-icon-color: var(--state-icon-color); --paper-item-icon-active-color: var(--state-icon-active-color); --table-header-background-color: var(--input-fill-color); --table-row-background-color: var(--primary-background-color); --table-row-alternative-background-color: var(--secondary-background-color); --data-table-background-color: var(--card-background-color); --markdown-code-background-color: var(--primary-background-color); --mdc-theme-primary: var(--primary-color); --mdc-theme-secondary: var(--accent-color); --mdc-theme-background: var(--primary-background-color); --mdc-theme-surface: var(--card-background-color); --mdc-theme-on-primary: var(--text-primary-color); --mdc-theme-on-secondary: var(--text-primary-color); --mdc-theme-on-surface: var(--primary-text-color); --mdc-theme-text-disabled-on-light: var(--disabled-text-color); --mdc-theme-text-primary-on-background: var(--primary-text-color); --mdc-theme-text-secondary-on-background: var(--secondary-text-color); --mdc-theme-text-hint-on-background: var(--secondary-text-color); --mdc-theme-text-icon-on-background: var(--secondary-text-color); --mdc-theme-error: var(--error-color); --app-header-text-color: #e1e1e1; --rgb-app-header-text-color: 225,225,225; --app-header-background-color: #101e24; --rgb-app-header-background-color: 16,30,36; --mdc-checkbox-unchecked-color: rgba(var(--rgb-primary-text-color), 0.54); --mdc-checkbox-disabled-color: var(--disabled-text-color); --mdc-radio-unchecked-color: rgba(var(--rgb-primary-text-color), 0.54); --mdc-radio-disabled-color: var(--disabled-text-color); --mdc-tab-text-label-color-default: var(--primary-text-color); --mdc-button-disabled-ink-color: var(--disabled-text-color); --mdc-button-outline-color: var(--outline-color); --mdc-dialog-scroll-divider-color: var(--divider-color); --mdc-dialog-heading-ink-color: var(--primary-text-color); --mdc-dialog-content-ink-color: var(--primary-text-color); --mdc-text-field-idle-line-color: var(--input-idle-line-color); --mdc-text-field-hover-line-color: var(--input-hover-line-color); --mdc-text-field-disabled-line-color: var(--input-disabled-line-color); --mdc-text-field-outlined-idle-border-color: var(--input-outlined-idle-border-color); --mdc-text-field-outlined-hover-border-color: var(--input-outlined-hover-border-color); --mdc-text-field-outlined-disabled-border-color: var(--input-outlined-disabled-border-color); --mdc-text-field-fill-color: var(--input-fill-color); --mdc-text-field-disabled-fill-color: var(--input-disabled-fill-color); --mdc-text-field-ink-color: var(--input-ink-color); --mdc-text-field-label-ink-color: var(--input-label-ink-color); --mdc-text-field-disabled-ink-color: var(--input-disabled-ink-color); --mdc-select-idle-line-color: var(--input-idle-line-color); --mdc-select-hover-line-color: var(--input-hover-line-color); --mdc-select-outlined-idle-border-color: var(--input-outlined-idle-border-color); --mdc-select-outlined-hover-border-color: var(--input-outlined-hover-border-color); --mdc-select-outlined-disabled-border-color: var(--input-outlined-disabled-border-color); --mdc-select-fill-color: var(--input-fill-color); --mdc-select-disabled-fill-color: var(--input-disabled-fill-color); --mdc-select-ink-color: var(--input-ink-color); --mdc-select-label-ink-color: var(--input-label-ink-color); --mdc-select-disabled-ink-color: var(--input-disabled-ink-color); --mdc-select-dropdown-icon-color: var(--input-dropdown-icon-color); --mdc-select-disabled-dropdown-icon-color: var(--input-disabled-ink-color); --chip-background-color: rgba(var(--rgb-primary-text-color), 0.15); --material-body-text-color: var(--primary-text-color); --material-background-color: var(--card-background-color); --material-secondary-background-color: var(--secondary-background-color); --material-secondary-text-color: var(--secondary-text-color); --primary-background-color: #111111; --rgb-primary-background-color: 17,17,17; --card-background-color: #1c1c1c; --rgb-card-background-color: 28,28,28; --secondary-background-color: #282828; --rgb-secondary-background-color: 40,40,40; --clear-background-color: #111111; --rgb-clear-background-color: 17,17,17; --primary-text-color: #e1e1e1; --rgb-primary-text-color: 225,225,225; --secondary-text-color: #9b9b9b; --rgb-secondary-text-color: 155,155,155; --disabled-text-color: #6f6f6f; --rgb-disabled-text-color: 111,111,111; --divider-color: rgba(225, 225, 225, .12); --outline-color: rgba(225, 225, 225, .12); --mdc-ripple-color: #AAAAAA; --rgb-mdc-ripple-color: 170,170,170; --mdc-linear-progress-buffer-color: rgba(255, 255, 255, 0.1); --input-idle-line-color: rgba(255, 255, 255, 0.42); --input-hover-line-color: rgba(255, 255, 255, 0.87); --input-disabled-line-color: rgba(255, 255, 255, 0.06); --input-outlined-idle-border-color: rgba(255, 255, 255, 0.38); --input-outlined-hover-border-color: rgba(255, 255, 255, 0.87); --input-outlined-disabled-border-color: rgba(255, 255, 255, 0.06); --input-fill-color: rgba(255, 255, 255, 0.05); --input-disabled-fill-color: rgba(255, 255, 255, 0.02); --input-ink-color: rgba(255, 255, 255, 0.87); --input-label-ink-color: rgba(255, 255, 255, 0.6); --input-disabled-ink-color: rgba(255, 255, 255, 0.37); --input-dropdown-icon-color: rgba(255, 255, 255, 0.54); --codemirror-keyword: #C792EA; --rgb-codemirror-keyword: 199,146,234; --codemirror-operator: #89DDFF; --rgb-codemirror-operator: 137,221,255; --codemirror-variable: #f07178; --rgb-codemirror-variable: 240,113,120; --codemirror-variable-2: #EEFFFF; --rgb-codemirror-variable-2: 238,255,255; --codemirror-variable-3: #DECB6B; --rgb-codemirror-variable-3: 222,203,107; --codemirror-builtin: #FFCB6B; --rgb-codemirror-builtin: 255,203,107; --codemirror-atom: #F78C6C; --rgb-codemirror-atom: 247,140,108; --codemirror-number: #FF5370; --rgb-codemirror-number: 255,83,112; --codemirror-def: #82AAFF; --rgb-codemirror-def: 130,170,255; --codemirror-string: #C3E88D; --rgb-codemirror-string: 195,232,141; --codemirror-string-2: #f07178; --rgb-codemirror-string-2: 240,113,120; --codemirror-comment: #545454; --rgb-codemirror-comment: 84,84,84; --codemirror-tag: #FF5370; --rgb-codemirror-tag: 255,83,112; --codemirror-meta: #FFCB6B; --rgb-codemirror-meta: 255,203,107; --codemirror-attribute: #C792EA; --rgb-codemirror-attribute: 199,146,234; --codemirror-property: #C792EA; --rgb-codemirror-property: 199,146,234; --codemirror-qualifier: #DECB6B; --rgb-codemirror-qualifier: 222,203,107; --codemirror-type: #DECB6B; --rgb-codemirror-type: 222,203,107; --energy-grid-return-color: #a280db; --rgb-energy-grid-return-color: 162,128,219; --map-filter: invert(.9) hue-rotate(170deg) brightness(1.5) contrast(1.2) saturate(.3); --disabled-color: #464646; --rgb-disabled-color: 70,70,70; background-color: rgb(17, 17, 17);" lang="fr" dir="ltr"><head><style id="material-shadow">
  /* prettier-ignore */
  html {
    /* from http://codepen.io/shyndman/pen/c5394ddf2e8b2a5c9185904b57421cdb */
    --material-shadow-elevation-2dp: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    --material-shadow-elevation-3dp: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
    --material-shadow-elevation-4dp: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
    --material-shadow-elevation-6dp: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4);
    --material-shadow-elevation-8dp: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4);
    --material-shadow-elevation-12dp: 0 12px 16px 1px rgba(0, 0, 0, 0.14), 0 4px 22px 3px rgba(0, 0, 0, 0.12), 0 6px 7px -4px rgba(0, 0, 0, 0.4);
    --material-shadow-elevation-16dp: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
    --material-shadow-elevation-24dp: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.4);
  }
</style><style id="material-color-base">
  html {
    /* Text colors */
    --material-body-text-color: var(--light-theme-text-color, rgba(0, 0, 0, 0.87));
    --material-secondary-text-color: var(--light-theme-secondary-color, rgba(0, 0, 0, 0.54));
    --material-disabled-text-color: var(--light-theme-disabled-color, rgba(0, 0, 0, 0.38));

    /* Primary colors */
    --material-primary-color: var(--primary-color, #6200ee);
    --material-primary-contrast-color: var(--dark-theme-base-color, #fff);
    --material-primary-text-color: var(--material-primary-color);

    /* Error colors */
    --material-error-color: var(--error-color, #b00020);
    --material-error-text-color: var(--material-error-color);

    /* Background colors */
    --material-background-color: var(--light-theme-background-color, #fff);
    --material-secondary-background-color: var(--light-theme-secondary-background-color, #f5f5f5);
    --material-disabled-color: rgba(0, 0, 0, 0.26);

    /* Divider colors */
    --material-divider-color: rgba(0, 0, 0, 0.12);
  }
</style><title>Aperçu – Home Assistant</title><meta charset="utf-8"><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="icon" href="/static/icons/favicon.ico"><link rel="modulepreload" href="/frontend_latest/core-TLwa2Z9oLzw.js" crossorigin="use-credentials"><link rel="modulepreload" href="/frontend_latest/app-wENyGOpR21s.js" crossorigin="use-credentials"><link rel="mask-icon" href="/static/icons/mask-icon.svg" color="#18bcf2"><link rel="apple-touch-icon" href="/static/icons/favicon-apple-180x180.png"><meta name="apple-itunes-app" content="app-id=1099568401"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="Home Assistant"><meta name="msapplication-config" content="/static/icons/browserconfig.xml"><meta name="mobile-web-app-capable" content="yes"><meta name="application-name" content="Home Assistant"><meta name="referrer" content="same-origin"><meta name="theme-color" content="#101e24" default-content="#03A9F4"><meta name="color-scheme" content="dark"><meta name="viewport" content="width=device-width,user-scalable=no,viewport-fit=cover,initial-scale=1"><style data-fullcalendar=""></style><style>body{font-family:Roboto,Noto,Noto Sans,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;margin:0;padding:0;height:100%}</style><style>html{background-color:var(--primary-background-color,#fafafa);color:var(--primary-text-color,#212121);height:100vh}@media (prefers-color-scheme:dark){html{background-color:var(--primary-background-color,#111);color:var(--primary-text-color,#e1e1e1)}}#ha-launch-screen{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#ha-launch-screen svg{width:170px;flex-shrink:0}#ha-launch-screen .ha-launch-screen-spacer{flex:1}</style><link rel="preload" as="font" type="font/woff2" href="/static/fonts/roboto/Roboto-Regular.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/static/fonts/roboto/Roboto-Medium.woff2" crossorigin="anonymous"><style>html{font-size:14px;height:100vh;--primary-text-color:#212121;--secondary-text-color:#727272;--text-primary-color:#ffffff;--text-light-primary-color:#212121;--disabled-text-color:#bdbdbd;--primary-color:#03a9f4;--dark-primary-color:#0288d1;--light-primary-color:#b3e5fc;--accent-color:#ff9800;--divider-color:rgba(0, 0, 0, 0.12);--outline-color:rgba(0, 0, 0, 0.12);--scrollbar-thumb-color:rgb(194, 194, 194);--error-color:#db4437;--warning-color:#ffa600;--success-color:#43a047;--info-color:#039be5;--card-background-color:#ffffff;--primary-background-color:#fafafa;--secondary-background-color:#e5e5e5;--clear-background-color:#ffffff;--header-height:56px;--label-badge-red:var(--error-color);--label-badge-blue:var(--info-color);--label-badge-green:var(--success-color);--label-badge-yellow:var(--warning-color);--label-badge-grey:#9e9e9e;--state-icon-color:#44739e;--energy-grid-consumption-color:#488fc2;--energy-grid-return-color:#8353d1;--energy-solar-color:#ff9800;--energy-non-fossil-color:#0f9d58;--energy-battery-out-color:#4db6ac;--energy-battery-in-color:#f06292;--energy-gas-color:#8e021b;--energy-water-color:#00bcd4;--dark-divider-opacity:0.12;--dark-disabled-opacity:0.38;--dark-secondary-opacity:0.54;--dark-primary-opacity:0.87;--light-divider-opacity:0.12;--light-disabled-opacity:0.3;--light-secondary-opacity:0.7;--light-primary-opacity:1;--rgb-primary-color:3,169,244;--rgb-accent-color:255,152,0;--rgb-primary-text-color:33,33,33;--rgb-secondary-text-color:114,114,114;--rgb-text-primary-color:255,255,255;--rgb-card-background-color:255,255,255;--disabled-color:#bdbdbd;--red-color:#f44336;--pink-color:#e91e63;--purple-color:#926bc7;--deep-purple-color:#6e41ab;--indigo-color:#3f51b5;--blue-color:#2196f3;--light-blue-color:#03a9f4;--cyan-color:#00bcd4;--teal-color:#009688;--green-color:#4caf50;--light-green-color:#8bc34a;--lime-color:#cddc39;--yellow-color:#ffeb3b;--amber-color:#ffc107;--orange-color:#ff9800;--deep-orange-color:#ff6f22;--brown-color:#795548;--light-grey-color:#bdbdbd;--grey-color:#9e9e9e;--dark-grey-color:#606060;--blue-grey-color:#607d8b;--black-color:#000000;--white-color:#ffffff;--state-active-color:var(--amber-color);--state-inactive-color:var(--grey-color);--state-unavailable-color:var(--disabled-color);--state-alarm_control_panel-armed_away-color:var(--green-color);--state-alarm_control_panel-armed_custom_bypass-color:var(--green-color);--state-alarm_control_panel-armed_home-color:var(--green-color);--state-alarm_control_panel-armed_night-color:var(--green-color);--state-alarm_control_panel-armed_vacation-color:var(--green-color);--state-alarm_control_panel-arming-color:var(--orange-color);--state-alarm_control_panel-disarming-color:var(--orange-color);--state-alarm_control_panel-pending-color:var(--orange-color);--state-alarm_control_panel-triggered-color:var(--red-color);--state-alert-off-color:var(--orange-color);--state-alert-on-color:var(--red-color);--state-binary_sensor-active-color:var(--amber-color);--state-binary_sensor-battery-on-color:var(--red-color);--state-binary_sensor-carbon_monoxide-on-color:var(--red-color);--state-binary_sensor-gas-on-color:var(--red-color);--state-binary_sensor-heat-on-color:var(--red-color);--state-binary_sensor-lock-on-color:var(--red-color);--state-binary_sensor-moisture-on-color:var(--red-color);--state-binary_sensor-problem-on-color:var(--red-color);--state-binary_sensor-safety-on-color:var(--red-color);--state-binary_sensor-smoke-on-color:var(--red-color);--state-binary_sensor-sound-on-color:var(--red-color);--state-binary_sensor-tamper-on-color:var(--red-color);--state-climate-auto-color:var(--green-color);--state-climate-cool-color:var(--blue-color);--state-climate-dry-color:var(--orange-color);--state-climate-fan_only-color:var(--cyan-color);--state-climate-heat-color:var(--deep-orange-color);--state-climate-heat-cool-color:var(--amber-color);--state-cover-active-color:var(--purple-color);--state-device_tracker-active-color:var(--blue-color);--state-device_tracker-home-color:var(--green-color);--state-fan-active-color:var(--cyan-color);--state-humidifier-on-color:var(--blue-color);--state-lawn_mower-error-color:var(--red-color);--state-lawn_mower-mowing-color:var(--teal-color);--state-light-active-color:var(--amber-color);--state-lock-jammed-color:var(--red-color);--state-lock-locked-color:var(--green-color);--state-lock-pending-color:var(--orange-color);--state-lock-unlocked-color:var(--red-color);--state-media_player-active-color:var(--light-blue-color);--state-person-active-color:var(--blue-color);--state-person-home-color:var(--green-color);--state-plant-active-color:var(--red-color);--state-siren-active-color:var(--red-color);--state-sun-above_horizon-color:var(--amber-color);--state-sun-below_horizon-color:var(--indigo-color);--state-switch-active-color:var(--amber-color);--state-update-active-color:var(--orange-color);--state-vacuum-active-color:var(--teal-color);--state-sensor-battery-high-color:var(--green-color);--state-sensor-battery-low-color:var(--red-color);--state-sensor-battery-medium-color:var(--orange-color);--state-water_heater-eco-color:var(--green-color);--state-water_heater-electric-color:var(--orange-color);--state-water_heater-gas-color:var(--orange-color);--state-water_heater-heat_pump-color:var(--orange-color);--state-water_heater-high_demand-color:var(--deep-orange-color);--state-water_heater-performance-color:var(--deep-orange-color);--history-unavailable-color:transparent;--history-unknown-color:var(--dark-grey-color);--input-idle-line-color:rgba(0, 0, 0, 0.42);--input-hover-line-color:rgba(0, 0, 0, 0.87);--input-disabled-line-color:rgba(0, 0, 0, 0.06);--input-outlined-idle-border-color:rgba(0, 0, 0, 0.38);--input-outlined-hover-border-color:rgba(0, 0, 0, 0.87);--input-outlined-disabled-border-color:rgba(0, 0, 0, 0.06);--input-fill-color:rgb(245, 245, 245);--input-disabled-fill-color:rgb(250, 250, 250);--input-ink-color:rgba(0, 0, 0, 0.87);--input-label-ink-color:rgba(0, 0, 0, 0.6);--input-disabled-ink-color:rgba(0, 0, 0, 0.37);--input-dropdown-icon-color:rgba(0, 0, 0, 0.54);--material-h6-font-size:1.25rem;--material-small-font-size:0.875rem;--material-caption-font-size:0.75rem;--material-button-font-size:0.875rem;--shadow-transition:{transition:box-shadow .28s cubic-bezier(.4,0,.2,1)};--shadow-none:{box-shadow:none};--shadow-elevation-2dp:{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)};--shadow-elevation-3dp:{box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12),0 3px 3px -2px rgba(0,0,0,.4)};--shadow-elevation-4dp:{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.4)};--shadow-elevation-6dp:{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.4)};--shadow-elevation-8dp:{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.4)};--shadow-elevation-12dp:{box-shadow:0 12px 16px 1px rgba(0,0,0,.14),0 4px 22px 3px rgba(0,0,0,.12),0 6px 7px -4px rgba(0,0,0,.4)};--shadow-elevation-16dp:{box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4)};--shadow-elevation-24dp:{box-shadow:0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12),0 11px 15px -7px rgba(0,0,0,.4)};--paper-font-common-base:{font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased};--paper-font-common-code:{font-family:"Roboto Mono",Consolas,Menlo,monospace;-webkit-font-smoothing:antialiased};--paper-font-common-expensive-kerning:{text-rendering:optimizeLegibility};--paper-font-common-nowrap:{white-space:nowrap;overflow:hidden;text-overflow:ellipsis};--paper-font-display4:{@apply --paper-font-common-base;@apply --paper-font-common-nowrap;font-size:112px;font-weight:300;letter-spacing:-.044em;line-height:120px};--paper-font-display3:{@apply --paper-font-common-base;@apply --paper-font-common-nowrap;font-size:56px;font-weight:400;letter-spacing:-.026em;line-height:60px};--paper-font-display2:{@apply --paper-font-common-base;font-size:45px;font-weight:400;letter-spacing:-.018em;line-height:48px};--paper-font-display1:{@apply --paper-font-common-base;font-size:34px;font-weight:400;letter-spacing:-.01em;line-height:40px};--paper-font-headline:{@apply --paper-font-common-base;font-size:24px;font-weight:400;letter-spacing:-.012em;line-height:32px};--paper-font-title:{@apply --paper-font-common-base;@apply --paper-font-common-nowrap;font-size:20px;font-weight:500;line-height:28px};--paper-font-subhead:{@apply --paper-font-common-base;font-size:16px;font-weight:400;line-height:24px};--paper-font-body2:{@apply --paper-font-common-base;font-size:14px;font-weight:500;line-height:24px};--paper-font-body1:{@apply --paper-font-common-base;font-size:14px;font-weight:400;line-height:20px};--paper-font-caption:{@apply --paper-font-common-base;@apply --paper-font-common-nowrap;font-size:12px;font-weight:400;letter-spacing:.011em;line-height:20px};--paper-font-menu:{@apply --paper-font-common-base;@apply --paper-font-common-nowrap;font-size:13px;font-weight:500;line-height:24px};--paper-font-button:{@apply --paper-font-common-base;@apply --paper-font-common-nowrap;font-size:14px;font-weight:500;letter-spacing:.018em;line-height:24px;text-transform:uppercase};--paper-font-code2:{@apply --paper-font-common-code;font-size:14px;font-weight:700;line-height:20px};--paper-font-code1:{@apply --paper-font-common-code;font-size:14px;font-weight:500;line-height:20px};direction:ltr;--direction:ltr;--float-start:left;--float-end:right;--state-icon-error-color: var(--error-state-color, var(--error-color));--state-unavailable-color: var(--state-icon-unavailable-color, var(--disabled-text-color));--sidebar-text-color: var(--primary-text-color);--sidebar-background-color: var(--card-background-color);--sidebar-selected-text-color: var(--primary-color);--sidebar-selected-icon-color: var(--primary-color);--sidebar-icon-color: rgba(var(--rgb-primary-text-color), 0.6);--switch-checked-color: var(--primary-color);--switch-checked-button-color: var(--switch-checked-color, var(--primary-background-color));--switch-checked-track-color: var(--switch-checked-color, #000000);--switch-unchecked-button-color: var(--switch-unchecked-color, var(--primary-background-color));--switch-unchecked-track-color: var(--switch-unchecked-color, #000000);--slider-color: var(--primary-color);--slider-secondary-color: var(--light-primary-color);--slider-track-color: var(--scrollbar-thumb-color);--label-badge-background-color: var(--card-background-color);--label-badge-text-color: rgba(var(--rgb-primary-text-color), 0.8);--paper-listbox-background-color: var(--card-background-color);--paper-item-icon-color: var(--state-icon-color);--paper-item-icon-active-color: var(--state-icon-active-color);--table-header-background-color: var(--input-fill-color);--table-row-background-color: var(--primary-background-color);--table-row-alternative-background-color: var(--secondary-background-color);--data-table-background-color: var(--card-background-color);--markdown-code-background-color: var(--primary-background-color);--mdc-theme-primary: var(--primary-color);--mdc-theme-secondary: var(--accent-color);--mdc-theme-background: var(--primary-background-color);--mdc-theme-surface: var(--card-background-color);--mdc-theme-on-primary: var(--text-primary-color);--mdc-theme-on-secondary: var(--text-primary-color);--mdc-theme-on-surface: var(--primary-text-color);--mdc-theme-text-disabled-on-light: var(--disabled-text-color);--mdc-theme-text-primary-on-background: var(--primary-text-color);--mdc-theme-text-secondary-on-background: var(--secondary-text-color);--mdc-theme-text-hint-on-background: var(--secondary-text-color);--mdc-theme-text-icon-on-background: var(--secondary-text-color);--mdc-theme-error: var(--error-color);--app-header-text-color: var(--text-primary-color);--app-header-background-color: var(--primary-color);--mdc-checkbox-unchecked-color: rgba(var(--rgb-primary-text-color), 0.54);--mdc-checkbox-disabled-color: var(--disabled-text-color);--mdc-radio-unchecked-color: rgba(var(--rgb-primary-text-color), 0.54);--mdc-radio-disabled-color: var(--disabled-text-color);--mdc-tab-text-label-color-default: var(--primary-text-color);--mdc-button-disabled-ink-color: var(--disabled-text-color);--mdc-button-outline-color: var(--outline-color);--mdc-dialog-scroll-divider-color: var(--divider-color);--mdc-dialog-heading-ink-color: var(--primary-text-color);--mdc-dialog-content-ink-color: var(--primary-text-color);--mdc-text-field-idle-line-color: var(--input-idle-line-color);--mdc-text-field-hover-line-color: var(--input-hover-line-color);--mdc-text-field-disabled-line-color: var(--input-disabled-line-color);--mdc-text-field-outlined-idle-border-color: var(--input-outlined-idle-border-color);--mdc-text-field-outlined-hover-border-color: var(--input-outlined-hover-border-color);--mdc-text-field-outlined-disabled-border-color: var(--input-outlined-disabled-border-color);--mdc-text-field-fill-color: var(--input-fill-color);--mdc-text-field-disabled-fill-color: var(--input-disabled-fill-color);--mdc-text-field-ink-color: var(--input-ink-color);--mdc-text-field-label-ink-color: var(--input-label-ink-color);--mdc-text-field-disabled-ink-color: var(--input-disabled-ink-color);--mdc-select-idle-line-color: var(--input-idle-line-color);--mdc-select-hover-line-color: var(--input-hover-line-color);--mdc-select-outlined-idle-border-color: var(--input-outlined-idle-border-color);--mdc-select-outlined-hover-border-color: var(--input-outlined-hover-border-color);--mdc-select-outlined-disabled-border-color: var(--input-outlined-disabled-border-color);--mdc-select-fill-color: var(--input-fill-color);--mdc-select-disabled-fill-color: var(--input-disabled-fill-color);--mdc-select-ink-color: var(--input-ink-color);--mdc-select-label-ink-color: var(--input-label-ink-color);--mdc-select-disabled-ink-color: var(--input-disabled-ink-color);--mdc-select-dropdown-icon-color: var(--input-dropdown-icon-color);--mdc-select-disabled-dropdown-icon-color: var(--input-disabled-ink-color);--chip-background-color: rgba(var(--rgb-primary-text-color), 0.15);--material-body-text-color: var(--primary-text-color);--material-background-color: var(--card-background-color);--material-secondary-background-color: var(--secondary-background-color);--material-secondary-text-color: var(--secondary-text-color);}@font-face{font-family:Roboto;src:local("Roboto Thin"),local("Roboto-Thin"),url(/static/fonts/roboto/Roboto-Thin.woff2) format("woff2");font-weight:100;font-style:normal}@font-face{font-family:Roboto;src:local("Roboto Thin Italic"),local("Roboto-ThinItalic"),url(/static/fonts/roboto/Roboto-ThinItalic.woff2) format("woff2");font-weight:100;font-style:italic}@font-face{font-family:Roboto;src:local("Roboto Light"),local("Roboto-Light"),url(/static/fonts/roboto/Roboto-Light.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:Roboto;src:local("Roboto Light Italic"),local("Roboto-LightItalic"),url(/static/fonts/roboto/Roboto-LightItalic.woff2) format("woff2");font-weight:300;font-style:italic}@font-face{font-family:Roboto;src:local("Roboto Regular"),local("Roboto-Regular"),url(/static/fonts/roboto/Roboto-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:local("Roboto Italic"),local("Roboto-Italic"),url(/static/fonts/roboto/Roboto-RegularItalic.woff2) format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:local("Roboto Medium"),local("Roboto-Medium"),url(/static/fonts/roboto/Roboto-Medium.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:local("Roboto Medium Italic"),local("Roboto-MediumItalic"),url(/static/fonts/roboto/Roboto-MediumItalic.woff2) format("woff2");font-weight:500;font-style:italic}@font-face{font-family:Roboto;src:local("Roboto Bold"),local("Roboto-Bold"),url(/static/fonts/roboto/Roboto-Bold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:local("Roboto Bold Italic"),local("Roboto-BoldItalic"),url(/static/fonts/roboto/Roboto-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Roboto;src:local("Roboto Black"),local("Roboto-Black"),url(/static/fonts/roboto/Roboto-Black.woff2) format("woff2");font-weight:900;font-style:normal}@font-face{font-family:Roboto;src:local("Roboto Black Italic"),local("Roboto-BlackItalic"),url(/static/fonts/roboto/Roboto-BlackItalic.woff2) format("woff2");font-weight:900;font-style:italic}</style>
/* Most common used flex styles*/
<dom-module id="iron-flex">
  <template>
    <style>
      .layout.horizontal,
      .layout.vertical {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
      }

      .layout.inline {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
      }

      .layout.horizontal {
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
      }

      .layout.vertical {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
      }

      .layout.wrap {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
      }

      .layout.no-wrap {
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
      }

      .layout.center,
      .layout.center-center {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .layout.center-justified,
      .layout.center-center {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
      }

      .flex {
        -ms-flex: 1 1 0.000000001px;
        -webkit-flex: 1;
        flex: 1;
        -webkit-flex-basis: 0.000000001px;
        flex-basis: 0.000000001px;
      }

      .flex-auto {
        -ms-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
      }

      .flex-none {
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
      }
    </style>
  </template>
</dom-module>
/* Basic flexbox reverse styles */
<dom-module id="iron-flex-reverse">
  <template>
    <style>
      .layout.horizontal-reverse,
      .layout.vertical-reverse {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
      }

      .layout.horizontal-reverse {
        -ms-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
      }

      .layout.vertical-reverse {
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
      }

      .layout.wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
      }
    </style>
  </template>
</dom-module>
/* Flexbox alignment */
<dom-module id="iron-flex-alignment">
  <template>
    <style>
      /**
       * Alignment in cross axis.
       */
      .layout.start {
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
      }

      .layout.center,
      .layout.center-center {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .layout.end {
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
      }

      .layout.baseline {
        -ms-flex-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline;
      }

      /**
       * Alignment in main axis.
       */
      .layout.start-justified {
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
      }

      .layout.center-justified,
      .layout.center-center {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
      }

      .layout.end-justified {
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
      }

      .layout.around-justified {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around;
      }

      .layout.justified {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
      }

      /**
       * Self alignment.
       */
      .self-start {
        -ms-align-self: flex-start;
        -webkit-align-self: flex-start;
        align-self: flex-start;
      }

      .self-center {
        -ms-align-self: center;
        -webkit-align-self: center;
        align-self: center;
      }

      .self-end {
        -ms-align-self: flex-end;
        -webkit-align-self: flex-end;
        align-self: flex-end;
      }

      .self-stretch {
        -ms-align-self: stretch;
        -webkit-align-self: stretch;
        align-self: stretch;
      }

      .self-baseline {
        -ms-align-self: baseline;
        -webkit-align-self: baseline;
        align-self: baseline;
      }

      /**
       * multi-line alignment in main axis.
       */
      .layout.start-aligned {
        -ms-flex-line-pack: start;  /* IE10 */
        -ms-align-content: flex-start;
        -webkit-align-content: flex-start;
        align-content: flex-start;
      }

      .layout.end-aligned {
        -ms-flex-line-pack: end;  /* IE10 */
        -ms-align-content: flex-end;
        -webkit-align-content: flex-end;
        align-content: flex-end;
      }

      .layout.center-aligned {
        -ms-flex-line-pack: center;  /* IE10 */
        -ms-align-content: center;
        -webkit-align-content: center;
        align-content: center;
      }

      .layout.between-aligned {
        -ms-flex-line-pack: justify;  /* IE10 */
        -ms-align-content: space-between;
        -webkit-align-content: space-between;
        align-content: space-between;
      }

      .layout.around-aligned {
        -ms-flex-line-pack: distribute;  /* IE10 */
        -ms-align-content: space-around;
        -webkit-align-content: space-around;
        align-content: space-around;
      }
    </style>
  </template>
</dom-module>
/* Non-flexbox positioning helper styles */
<dom-module id="iron-flex-factors">
  <template>
    <style>
      .flex,
      .flex-1 {
        -ms-flex: 1 1 0.000000001px;
        -webkit-flex: 1;
        flex: 1;
        -webkit-flex-basis: 0.000000001px;
        flex-basis: 0.000000001px;
      }

      .flex-2 {
        -ms-flex: 2;
        -webkit-flex: 2;
        flex: 2;
      }

      .flex-3 {
        -ms-flex: 3;
        -webkit-flex: 3;
        flex: 3;
      }

      .flex-4 {
        -ms-flex: 4;
        -webkit-flex: 4;
        flex: 4;
      }

      .flex-5 {
        -ms-flex: 5;
        -webkit-flex: 5;
        flex: 5;
      }

      .flex-6 {
        -ms-flex: 6;
        -webkit-flex: 6;
        flex: 6;
      }

      .flex-7 {
        -ms-flex: 7;
        -webkit-flex: 7;
        flex: 7;
      }

      .flex-8 {
        -ms-flex: 8;
        -webkit-flex: 8;
        flex: 8;
      }

      .flex-9 {
        -ms-flex: 9;
        -webkit-flex: 9;
        flex: 9;
      }

      .flex-10 {
        -ms-flex: 10;
        -webkit-flex: 10;
        flex: 10;
      }

      .flex-11 {
        -ms-flex: 11;
        -webkit-flex: 11;
        flex: 11;
      }

      .flex-12 {
        -ms-flex: 12;
        -webkit-flex: 12;
        flex: 12;
      }
    </style>
  </template>
</dom-module>
<dom-module id="iron-positioning">
  <template>
    <style>
      .block {
        display: block;
      }

      [hidden] {
        display: none !important;
      }

      .invisible {
        visibility: hidden !important;
      }

      .relative {
        position: relative;
      }

      .fit {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
      }

      body.fullbleed {
        margin: 0;
        height: 100vh;
      }

      .scroll {
        -webkit-overflow-scrolling: touch;
        overflow: auto;
      }

      /* fixed position */
      .fixed-bottom,
      .fixed-left,
      .fixed-right,
      .fixed-top {
        position: fixed;
      }

      .fixed-top {
        top: 0;
        left: 0;
        right: 0;
      }

      .fixed-right {
        top: 0;
        right: 0;
        bottom: 0;
      }

      .fixed-bottom {
        right: 0;
        bottom: 0;
        left: 0;
      }

      .fixed-left {
        top: 0;
        bottom: 0;
        left: 0;
      }
    </style>
  </template>
</dom-module>

<custom-style>
  <style is="custom-style">[hidden] {
  display: none !important;
}

</style>
</custom-style>
<custom-style>
  <style is="custom-style">html {
  --layout_-_display:  flex;;

      --layout-inline_-_display:  inline-flex;;

      --layout-horizontal_-_display:  var(--layout_-_display); --layout-horizontal_-_-ms-flex-direction:  row; --layout-horizontal_-_-webkit-flex-direction:  row; --layout-horizontal_-_flex-direction:  row;;

      --layout-horizontal-reverse_-_display:  var(--layout_-_display); --layout-horizontal-reverse_-_-ms-flex-direction:  row-reverse; --layout-horizontal-reverse_-_-webkit-flex-direction:  row-reverse; --layout-horizontal-reverse_-_flex-direction:  row-reverse;;

      --layout-vertical_-_display:  var(--layout_-_display); --layout-vertical_-_-ms-flex-direction:  column; --layout-vertical_-_-webkit-flex-direction:  column; --layout-vertical_-_flex-direction:  column;;

      --layout-vertical-reverse_-_display:  var(--layout_-_display); --layout-vertical-reverse_-_-ms-flex-direction:  column-reverse; --layout-vertical-reverse_-_-webkit-flex-direction:  column-reverse; --layout-vertical-reverse_-_flex-direction:  column-reverse;;

      --layout-wrap_-_-ms-flex-wrap:  wrap; --layout-wrap_-_-webkit-flex-wrap:  wrap; --layout-wrap_-_flex-wrap:  wrap;;

      --layout-wrap-reverse_-_-ms-flex-wrap:  wrap-reverse; --layout-wrap-reverse_-_-webkit-flex-wrap:  wrap-reverse; --layout-wrap-reverse_-_flex-wrap:  wrap-reverse;;

      --layout-flex-auto_-_-ms-flex:  1 1 auto; --layout-flex-auto_-_-webkit-flex:  1 1 auto; --layout-flex-auto_-_flex:  1 1 auto;;

      --layout-flex-none_-_-ms-flex:  none; --layout-flex-none_-_-webkit-flex:  none; --layout-flex-none_-_flex:  none;;

      --layout-flex_-_-ms-flex:  1 1 0.000000001px; --layout-flex_-_-webkit-flex:  1; --layout-flex_-_flex:  1; --layout-flex_-_-webkit-flex-basis:  0.000000001px; --layout-flex_-_flex-basis:  0.000000001px;;

      --layout-flex-2_-_-ms-flex:  2; --layout-flex-2_-_-webkit-flex:  2; --layout-flex-2_-_flex:  2;;

      --layout-flex-3_-_-ms-flex:  3; --layout-flex-3_-_-webkit-flex:  3; --layout-flex-3_-_flex:  3;;

      --layout-flex-4_-_-ms-flex:  4; --layout-flex-4_-_-webkit-flex:  4; --layout-flex-4_-_flex:  4;;

      --layout-flex-5_-_-ms-flex:  5; --layout-flex-5_-_-webkit-flex:  5; --layout-flex-5_-_flex:  5;;

      --layout-flex-6_-_-ms-flex:  6; --layout-flex-6_-_-webkit-flex:  6; --layout-flex-6_-_flex:  6;;

      --layout-flex-7_-_-ms-flex:  7; --layout-flex-7_-_-webkit-flex:  7; --layout-flex-7_-_flex:  7;;

      --layout-flex-8_-_-ms-flex:  8; --layout-flex-8_-_-webkit-flex:  8; --layout-flex-8_-_flex:  8;;

      --layout-flex-9_-_-ms-flex:  9; --layout-flex-9_-_-webkit-flex:  9; --layout-flex-9_-_flex:  9;;

      --layout-flex-10_-_-ms-flex:  10; --layout-flex-10_-_-webkit-flex:  10; --layout-flex-10_-_flex:  10;;

      --layout-flex-11_-_-ms-flex:  11; --layout-flex-11_-_-webkit-flex:  11; --layout-flex-11_-_flex:  11;;

      --layout-flex-12_-_-ms-flex:  12; --layout-flex-12_-_-webkit-flex:  12; --layout-flex-12_-_flex:  12;;

      --layout-start_-_-ms-flex-align:  start; --layout-start_-_-webkit-align-items:  flex-start; --layout-start_-_align-items:  flex-start;;

      --layout-center_-_-ms-flex-align:  center; --layout-center_-_-webkit-align-items:  center; --layout-center_-_align-items:  center;;

      --layout-end_-_-ms-flex-align:  end; --layout-end_-_-webkit-align-items:  flex-end; --layout-end_-_align-items:  flex-end;;

      --layout-baseline_-_-ms-flex-align:  baseline; --layout-baseline_-_-webkit-align-items:  baseline; --layout-baseline_-_align-items:  baseline;;

      --layout-start-justified_-_-ms-flex-pack:  start; --layout-start-justified_-_-webkit-justify-content:  flex-start; --layout-start-justified_-_justify-content:  flex-start;;

      --layout-center-justified_-_-ms-flex-pack:  center; --layout-center-justified_-_-webkit-justify-content:  center; --layout-center-justified_-_justify-content:  center;;

      --layout-end-justified_-_-ms-flex-pack:  end; --layout-end-justified_-_-webkit-justify-content:  flex-end; --layout-end-justified_-_justify-content:  flex-end;;

      --layout-around-justified_-_-ms-flex-pack:  distribute; --layout-around-justified_-_-webkit-justify-content:  space-around; --layout-around-justified_-_justify-content:  space-around;;

      --layout-justified_-_-ms-flex-pack:  justify; --layout-justified_-_-webkit-justify-content:  space-between; --layout-justified_-_justify-content:  space-between;;

      --layout-center-center_-_-ms-flex-align:  var(--layout-center_-_-ms-flex-align); --layout-center-center_-_-webkit-align-items:  var(--layout-center_-_-webkit-align-items); --layout-center-center_-_align-items:  var(--layout-center_-_align-items); --layout-center-center_-_-ms-flex-pack:  var(--layout-center-justified_-_-ms-flex-pack); --layout-center-center_-_-webkit-justify-content:  var(--layout-center-justified_-_-webkit-justify-content); --layout-center-center_-_justify-content:  var(--layout-center-justified_-_justify-content);;

      --layout-self-start_-_-ms-align-self:  flex-start; --layout-self-start_-_-webkit-align-self:  flex-start; --layout-self-start_-_align-self:  flex-start;;

      --layout-self-center_-_-ms-align-self:  center; --layout-self-center_-_-webkit-align-self:  center; --layout-self-center_-_align-self:  center;;

      --layout-self-end_-_-ms-align-self:  flex-end; --layout-self-end_-_-webkit-align-self:  flex-end; --layout-self-end_-_align-self:  flex-end;;

      --layout-self-stretch_-_-ms-align-self:  stretch; --layout-self-stretch_-_-webkit-align-self:  stretch; --layout-self-stretch_-_align-self:  stretch;;

      --layout-self-baseline_-_-ms-align-self:  baseline; --layout-self-baseline_-_-webkit-align-self:  baseline; --layout-self-baseline_-_align-self:  baseline;;

      --layout-start-aligned_-_-ms-flex-line-pack:  start; --layout-start-aligned_-_-ms-align-content:  flex-start; --layout-start-aligned_-_-webkit-align-content:  flex-start; --layout-start-aligned_-_align-content:  flex-start;;

      --layout-end-aligned_-_-ms-flex-line-pack:  end; --layout-end-aligned_-_-ms-align-content:  flex-end; --layout-end-aligned_-_-webkit-align-content:  flex-end; --layout-end-aligned_-_align-content:  flex-end;;

      --layout-center-aligned_-_-ms-flex-line-pack:  center; --layout-center-aligned_-_-ms-align-content:  center; --layout-center-aligned_-_-webkit-align-content:  center; --layout-center-aligned_-_align-content:  center;;

      --layout-between-aligned_-_-ms-flex-line-pack:  justify; --layout-between-aligned_-_-ms-align-content:  space-between; --layout-between-aligned_-_-webkit-align-content:  space-between; --layout-between-aligned_-_align-content:  space-between;;

      --layout-around-aligned_-_-ms-flex-line-pack:  distribute; --layout-around-aligned_-_-ms-align-content:  space-around; --layout-around-aligned_-_-webkit-align-content:  space-around; --layout-around-aligned_-_align-content:  space-around;;

      --layout-block_-_display:  block;;

      --layout-invisible_-_visibility:  hidden !important;;

      --layout-relative_-_position:  relative;;

      --layout-fit_-_position:  absolute; --layout-fit_-_top:  0; --layout-fit_-_right:  0; --layout-fit_-_bottom:  0; --layout-fit_-_left:  0;;

      --layout-scroll_-_-webkit-overflow-scrolling:  touch; --layout-scroll_-_overflow:  auto;;

      --layout-fullbleed_-_margin:  0; --layout-fullbleed_-_height:  100vh;;

      --layout-fixed-top_-_position:  fixed; --layout-fixed-top_-_top:  0; --layout-fixed-top_-_left:  0; --layout-fixed-top_-_right:  0;;

      --layout-fixed-right_-_position:  fixed; --layout-fixed-right_-_top:  0; --layout-fixed-right_-_right:  0; --layout-fixed-right_-_bottom:  0;;

      --layout-fixed-bottom_-_position:  fixed; --layout-fixed-bottom_-_right:  0; --layout-fixed-bottom_-_bottom:  0; --layout-fixed-bottom_-_left:  0;;

      --layout-fixed-left_-_position:  fixed; --layout-fixed-left_-_top:  0; --layout-fixed-left_-_bottom:  0; --layout-fixed-left_-_left:  0;;
}

</style>
</custom-style><style>[hidden] { display: none !important; }</style><iron-iconset-svg name="paper-tabs" size="24" style="display: none;">
<svg><defs>
<g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></g>
<g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></g>
</defs></svg>
</iron-iconset-svg><custom-style>
  <style is="custom-style">html {
  --paper-font-common-base_-_font-family:  'Roboto', 'Noto', sans-serif; --paper-font-common-base_-_-webkit-font-smoothing:  antialiased;;

      --paper-font-common-code_-_font-family:  'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing:  antialiased;;

      --paper-font-common-expensive-kerning_-_text-rendering:  optimizeLegibility;;

      --paper-font-common-nowrap_-_white-space:  nowrap; --paper-font-common-nowrap_-_overflow:  hidden; --paper-font-common-nowrap_-_text-overflow:  ellipsis;;

      --paper-font-display4_-_font-family:  var(--paper-font-common-base_-_font-family); --paper-font-display4_-_-webkit-font-smoothing:  var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display4_-_white-space:  var(--paper-font-common-nowrap_-_white-space); --paper-font-display4_-_overflow:  var(--paper-font-common-nowrap_-_overflow); --paper-font-display4_-_text-overflow:  var(--paper-font-common-nowrap_-_text-overflow); --paper-font-display4_-_font-size:  112px; --paper-font-display4_-_font-weight:  300; --paper-font-display4_-_letter-spacing:  -.044em; --paper-font-display4_-_line-height:  120px;;

      --paper-font-display3_-_font-family:  var(--paper-font-common-base_-_font-family); --paper-font-display3_-_-webkit-font-smoothing:  var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display3_-_white-space:  var(--paper-font-common-nowrap_-_white-space); --paper-font-display3_-_overflow:  var(--paper-font-common-nowrap_-_overflow); --paper-font-display3_-_text-overflow:  var(--paper-font-common-nowrap_-_text-overflow); --paper-font-display3_-_font-size:  56px; --paper-font-display3_-_font-weight:  400; --paper-font-display3_-_letter-spacing:  -.026em; --paper-font-display3_-_line-height:  60px;;

      --paper-font-display2_-_font-family:  var(--paper-font-common-base_-_font-family); --paper-font-display2_-_-webkit-font-smoothing:  var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display2_-_font-size:  45px; --paper-font-display2_-_font-weight:  400; --paper-font-display2_-_letter-spacing:  -.018em; --paper-font-display2_-_line-height:  48px;;

      --paper-font-display1_-_font-family:  var(--paper-font-common-base_-_font-family); --paper-font-display1_-_-webkit-font-smoothing:  var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display1_-_font-size:  34px; --paper-font-display1_-_font-weight:  400; --paper-font-display1_-_letter-spacing:  -.01em; --paper-font-display1_-_line-height:  40px;;

      --paper-font-headline_-_font-family:  var(--paper-font-common-base_-_font-family); --paper-font-headline_-_-webkit-font-smoothing:  var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-headline_-_font-size:  24px; --paper-font-headline_-_font-weight:  400; --paper-font-headline_-_letter-spacing:  -.012em; --paper-font-headline_-_line-height:  32px;;

      --paper-font-title_-_font-family:  var(--paper-font-common-base_-_font-family); --paper-font-title_-_-webkit-font-smoothing:  var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-title_-_white-space:  var(--paper-font-common-nowrap_-_white-space); --paper-font-title_-_overflow:  var(--paper-font-common-nowrap_-_overflow); --paper-font-title_-_text-overflow:  var(--paper-font-common-nowrap_-_text-overflow); --paper-font-title_-_font-size:  20px; --paper-font-title_-_font-weight:  500; --paper-font-title_-_line-height:  28px;;

      --paper-font-subhead_-_font-family:  var(--paper-font-common-base_-_font-family); --paper-font-subhead_-_-webkit-font-smoothing:  var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-subhead_-_font-size:  16px; --paper-font-subhead_-_font-weight:  400; --paper-font-subhead_-_line-height:  24px;;

      --paper-font-body2_-_font-family:  var(--paper-font-common-base_-_font-family); --paper-font-body2_-_-webkit-font-smoothing:  var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-body2_-_font-size:  14px; --paper-font-body2_-_font-weight:  500; --paper-font-body2_-_line-height:  24px;;

      --paper-font-body1_-_font-family:  var(--paper-font-common-base_-_font-family); --paper-font-body1_-_-webkit-font-smoothing:  var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-body1_-_font-size:  14px; --paper-font-body1_-_font-weight:  400; --paper-font-body1_-_line-height:  20px;;

      --paper-font-caption_-_font-family:  var(--paper-font-common-base_-_font-family); --paper-font-caption_-_-webkit-font-smoothing:  var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-caption_-_white-space:  var(--paper-font-common-nowrap_-_white-space); --paper-font-caption_-_overflow:  var(--paper-font-common-nowrap_-_overflow); --paper-font-caption_-_text-overflow:  var(--paper-font-common-nowrap_-_text-overflow); --paper-font-caption_-_font-size:  12px; --paper-font-caption_-_font-weight:  400; --paper-font-caption_-_letter-spacing:  0.011em; --paper-font-caption_-_line-height:  20px;;

      --paper-font-menu_-_font-family:  var(--paper-font-common-base_-_font-family); --paper-font-menu_-_-webkit-font-smoothing:  var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-menu_-_white-space:  var(--paper-font-common-nowrap_-_white-space); --paper-font-menu_-_overflow:  var(--paper-font-common-nowrap_-_overflow); --paper-font-menu_-_text-overflow:  var(--paper-font-common-nowrap_-_text-overflow); --paper-font-menu_-_font-size:  13px; --paper-font-menu_-_font-weight:  500; --paper-font-menu_-_line-height:  24px;;

      --paper-font-button_-_font-family:  var(--paper-font-common-base_-_font-family); --paper-font-button_-_-webkit-font-smoothing:  var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-button_-_white-space:  var(--paper-font-common-nowrap_-_white-space); --paper-font-button_-_overflow:  var(--paper-font-common-nowrap_-_overflow); --paper-font-button_-_text-overflow:  var(--paper-font-common-nowrap_-_text-overflow); --paper-font-button_-_font-size:  14px; --paper-font-button_-_font-weight:  500; --paper-font-button_-_letter-spacing:  0.018em; --paper-font-button_-_line-height:  24px; --paper-font-button_-_text-transform:  uppercase;;

      --paper-font-code2_-_font-family:  var(--paper-font-common-code_-_font-family); --paper-font-code2_-_-webkit-font-smoothing:  var(--paper-font-common-code_-_-webkit-font-smoothing); --paper-font-code2_-_font-size:  14px; --paper-font-code2_-_font-weight:  700; --paper-font-code2_-_line-height:  20px;;

      --paper-font-code1_-_font-family:  var(--paper-font-common-code_-_font-family); --paper-font-code1_-_-webkit-font-smoothing:  var(--paper-font-common-code_-_-webkit-font-smoothing); --paper-font-code1_-_font-size:  14px; --paper-font-code1_-_font-weight:  500; --paper-font-code1_-_line-height:  20px;;
}

</style>
</custom-style><dom-module id="paper-item-shared-styles">
  <template>
    <style>
      :host, .paper-item {
        display: block;
        position: relative;
        min-height: var(--paper-item-min-height, 48px);
        padding: 0px 16px;
      }

      .paper-item {
        @apply --paper-font-subhead;
        border:none;
        outline: none;
        background: white;
        width: 100%;
        text-align: left;
      }

      :host([hidden]), .paper-item[hidden] {
        display: none !important;
      }

      :host(.iron-selected), .paper-item.iron-selected {
        font-weight: var(--paper-item-selected-weight, bold);

        @apply --paper-item-selected;
      }

      :host([disabled]), .paper-item[disabled] {
        color: var(--paper-item-disabled-color, var(--disabled-text-color));

        @apply --paper-item-disabled;
      }

      :host(:focus), .paper-item:focus {
        position: relative;
        outline: 0;

        @apply --paper-item-focused;
      }

      :host(:focus):before, .paper-item:focus:before {
        @apply --layout-fit;

        background: currentColor;
        content: '';
        opacity: var(--dark-divider-opacity);
        pointer-events: none;

        @apply --paper-item-focused-before;
      }
    </style>
  </template>
</dom-module></head><body><home-assistant style="direction: ltr; --direction: ltr; --float-start: left; --float-end: right;"></home-assistant><script>function _ls(e,n){var t=document.createElement("script");return n&&(t.async=!1,t.crossOrigin="use-credentials"),t.src=e,document.head.appendChild(t)}window.polymerSkipLoadingFontRoboto=!0,"customElements"in window&&"content"in document.createElement("template")||_ls("/static/polyfills/webcomponents-bundle.js",!0);var isS11_12=/(?:.*(?:iPhone|iPad).*OS (?:11|12)_\d)|(?:.*Version\/(?:11|12)(?:\.\d+)*.*Safari\/)/.test(navigator.userAgent)</script><script>if(-1===navigator.userAgent.indexOf("Android")&&-1===navigator.userAgent.indexOf("CrOS")){function _pf(o,t){var n=document.createElement("link");n.rel="preload",n.as="font",n.type="font/woff2",n.href=o,n.crossOrigin="anonymous",document.head.appendChild(n)}_pf("/static/fonts/roboto/Roboto-Regular.woff2"),_pf("/static/fonts/roboto/Roboto-Medium.woff2")}</script><script crossorigin="use-credentials">isS11_12||(import("/frontend_latest/core-TLwa2Z9oLzw.js"),import("/frontend_latest/app-wENyGOpR21s.js"),window.customPanelJS="/frontend_latest/custom-panel-E7Ea4lLOYKk.js",window.latestJS=!0)</script><script>import("/hacsfiles/iconset.js");import("/browser_mod.js");import("/hacsfiles/lovelace-card-mod/card-mod.js?hacstag=190927524323");</script><script>window.latestJS||(window.customPanelJS="/frontend_es5/custom-panel-m7n0nIljTTc.js",_ls("/frontend_es5/core-pm9i_kFZPi4.js",!0),_ls("/frontend_es5/app-L7O8XXBAN1o.js",!0))</script><script>if (!window.latestJS) {}</script><div class="browser-mod-blackout"></div><browser-mod-popup></browser-mod-popup><action-handler style="position: fixed; width: 50px; height: 50px; transform: translate(-50%, -50%); pointer-events: none; z-index: 999;"><mwc-ripple></mwc-ripple></action-handler></body></html>

Diagnostics dump

No response

hacs-bot[bot] commented 8 months ago

Make sure you have read the issue guidelines and that you filled out the entire template.

If you have an issue identical to this, do not add comments like "same here", "i have this too", instead add a :+1: reaction to the issue description. Thanks! :+1:

ludeeus commented 8 months ago

Remove card-mod and clear the browser cache. Then, join the #beta channel of the Home Assistant discord server. Closing as its unrelated to HACS.