@ada-cx/lovelace 1.1.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,6 +2,8 @@ import type { ReactNode } from "react";
2
2
  export interface DialogBodyProps {
3
3
  children?: ReactNode;
4
4
  className?: string;
5
+ /** Target for the overlay's `aria-describedby`. */
6
+ id?: string;
5
7
  }
6
8
  /** Centered secondary-color body copy. */
7
- export declare function DialogBody({ children, className }: DialogBodyProps): import("react/jsx-runtime").JSX.Element;
9
+ export declare function DialogBody({ children, className, id }: DialogBodyProps): import("react/jsx-runtime").JSX.Element;
@@ -2,8 +2,9 @@ import { cx as e } from "../../utils/cx.js";
2
2
  import { dialogBody as t } from "./Dialog.css.js";
3
3
  import { jsx as n } from "react/jsx-runtime";
4
4
  //#region src/components/Dialog/DialogBody.tsx
5
- function r({ children: r, className: i }) {
5
+ function r({ children: r, className: i, id: a }) {
6
6
  return /* @__PURE__ */ n("p", {
7
+ id: a,
7
8
  className: e(t, i),
8
9
  children: r
9
10
  });
@@ -1 +1 @@
1
- {"version":3,"file":"DialogBody.js","names":[],"sources":["../../../src/components/Dialog/DialogBody.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx.js\";\nimport { dialogBody } from \"./Dialog.css.js\";\n\nexport interface DialogBodyProps {\n\tchildren?: ReactNode;\n\tclassName?: string;\n}\n\n/** Centered secondary-color body copy. */\nexport function DialogBody({ children, className }: DialogBodyProps) {\n\treturn <p className={cx(dialogBody, className)}>{children}</p>;\n}\n"],"mappings":";;;;AAUA,SAAgB,EAAW,EAAE,aAAU,gBAA8B;AACpE,QAAO,kBAAC,KAAD;EAAG,WAAW,EAAG,GAAY,EAAU;EAAG;EAAa,CAAA"}
1
+ {"version":3,"file":"DialogBody.js","names":[],"sources":["../../../src/components/Dialog/DialogBody.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx.js\";\nimport { dialogBody } from \"./Dialog.css.js\";\n\nexport interface DialogBodyProps {\n\tchildren?: ReactNode;\n\tclassName?: string;\n\t/** Target for the overlay's `aria-describedby`. */\n\tid?: string;\n}\n\n/** Centered secondary-color body copy. */\nexport function DialogBody({ children, className, id }: DialogBodyProps) {\n\treturn (\n\t\t<p id={id} className={cx(dialogBody, className)}>\n\t\t\t{children}\n\t\t</p>\n\t);\n}\n"],"mappings":";;;;AAYA,SAAgB,EAAW,EAAE,aAAU,cAAW,SAAuB;AACxE,QACC,kBAAC,KAAD;EAAO;EAAI,WAAW,EAAG,GAAY,EAAU;EAC7C;EACE,CAAA"}
@@ -13,6 +13,11 @@ export interface DialogOverlayProps {
13
13
  role?: "dialog" | "alertdialog";
14
14
  /** Accessible name fallback when the children supply no `slot="title"` heading. */
15
15
  "aria-label"?: string;
16
+ /**
17
+ * Id of the element describing the dialog — the `alertdialog` pattern expects
18
+ * one, so point it at the `Dialog.Body` carrying the message.
19
+ */
20
+ "aria-describedby"?: string;
16
21
  /** Extends the focus-trap surface (e.g. content arrangement). */
17
22
  className?: string;
18
23
  children: ReactNode;
@@ -27,4 +32,4 @@ export interface DialogOverlayProps {
27
32
  * be dismissed by tapping away (Escape still cancels); the `dialog` defaults
28
33
  * otherwise. Give it an accessible name via a `Dialog.Title` or `aria-label`.
29
34
  */
30
- export declare function DialogOverlay({ isOpen, onOpenChange, isDismissable, role, "aria-label": ariaLabel, className, children, }: DialogOverlayProps): import("react/jsx-runtime").JSX.Element;
35
+ export declare function DialogOverlay({ isOpen, onOpenChange, isDismissable, role, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, className, children, }: DialogOverlayProps): import("react/jsx-runtime").JSX.Element;
@@ -4,21 +4,22 @@ import { jsx as i } from "react/jsx-runtime";
4
4
  import { useLocale as a } from "react-aria";
5
5
  import { Dialog as o, Modal as s, ModalOverlay as c } from "react-aria-components";
6
6
  //#region src/components/DialogOverlay/DialogOverlay.tsx
7
- function l({ isOpen: l, onOpenChange: u, isDismissable: d = !0, role: f = "dialog", "aria-label": p, className: m, children: h }) {
8
- let { direction: g } = a();
7
+ function l({ isOpen: l, onOpenChange: u, isDismissable: d = !0, role: f = "dialog", "aria-label": p, "aria-describedby": m, className: h, children: g }) {
8
+ let { direction: _ } = a();
9
9
  return /* @__PURE__ */ i(c, {
10
10
  isOpen: l,
11
11
  onOpenChange: u,
12
12
  isDismissable: d,
13
13
  className: n,
14
- dir: g,
14
+ dir: _,
15
15
  children: /* @__PURE__ */ i(s, {
16
16
  className: t,
17
17
  children: /* @__PURE__ */ i(o, {
18
18
  role: f,
19
19
  "aria-label": p,
20
- className: e(r, m),
21
- children: h
20
+ "aria-describedby": m,
21
+ className: e(r, h),
22
+ children: g
22
23
  })
23
24
  })
24
25
  });
@@ -1 +1 @@
1
- {"version":3,"file":"DialogOverlay.js","names":[],"sources":["../../../src/components/DialogOverlay/DialogOverlay.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useLocale } from \"react-aria\";\nimport {\n\tDialog as AriaDialog,\n\tModal,\n\tModalOverlay,\n} from \"react-aria-components\";\nimport { cx } from \"../../utils/cx.js\";\nimport {\n\tdialogOverlayCard,\n\tdialogOverlayScrim,\n\tdialogOverlaySurface,\n} from \"./DialogOverlay.css.js\";\n\nexport interface DialogOverlayProps {\n\t/** Whether the dialog is open. */\n\tisOpen: boolean;\n\t/** Called with the next open state on dismiss (scrim tap, Escape) or programmatic close. */\n\tonOpenChange: (isOpen: boolean) => void;\n\t/** Dismiss on scrim tap. Escape always cancels (RAC default). Defaults to `true`. */\n\tisDismissable?: boolean;\n\t/**\n\t * `alertdialog` for an interruption that must not be dismissed by tapping away;\n\t * `dialog` otherwise. Defaults to `dialog`.\n\t */\n\trole?: \"dialog\" | \"alertdialog\";\n\t/** Accessible name fallback when the children supply no `slot=\"title\"` heading. */\n\t\"aria-label\"?: string;\n\t/** Extends the focus-trap surface (e.g. content arrangement). */\n\tclassName?: string;\n\tchildren: ReactNode;\n}\n\n/**\n * Centered modal-dialog presentation: dark scrim, centered card, focus-trap,\n * dismiss-on-tap/Escape, scale-in. Wraps arbitrary children (typically a `Dialog`\n * content stack). For a bottom sheet use `SheetOverlay`; for a full-window surface\n * `FullscreenOverlay`; for a non-dimming bubble `BubbleOverlay`.\n *\n * `role=\"alertdialog\"` + `isDismissable={false}` for an interruption that must not\n * be dismissed by tapping away (Escape still cancels); the `dialog` defaults\n * otherwise. Give it an accessible name via a `Dialog.Title` or `aria-label`.\n */\nexport function DialogOverlay({\n\tisOpen,\n\tonOpenChange,\n\tisDismissable = true,\n\trole = \"dialog\",\n\t\"aria-label\": ariaLabel,\n\tclassName,\n\tchildren,\n}: DialogOverlayProps) {\n\t// Stated, not inherited: this renders through a portal, so its direction must\n\t// not depend on where the portal lands. See the portalled-surface scenario\n\t// under the RTL requirement in openspec/specs/accessibility/spec.md.\n\tconst { direction } = useLocale();\n\n\treturn (\n\t\t<ModalOverlay\n\t\t\tisOpen={isOpen}\n\t\t\tonOpenChange={onOpenChange}\n\t\t\tisDismissable={isDismissable}\n\t\t\tclassName={dialogOverlayScrim}\n\t\t\tdir={direction}\n\t\t>\n\t\t\t<Modal className={dialogOverlayCard}>\n\t\t\t\t<AriaDialog\n\t\t\t\t\trole={role}\n\t\t\t\t\taria-label={ariaLabel}\n\t\t\t\t\tclassName={cx(dialogOverlaySurface, className)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</AriaDialog>\n\t\t\t</Modal>\n\t\t</ModalOverlay>\n\t);\n}\n"],"mappings":";;;;;;AA2CA,SAAgB,EAAc,EAC7B,WACA,iBACA,mBAAgB,IAChB,UAAO,UACP,cAAc,GACd,cACA,eACsB;CAItB,IAAM,EAAE,iBAAc,GAAW;AAEjC,QACC,kBAAC,GAAD;EACS;EACM;EACC;EACf,WAAW;EACX,KAAK;YAEL,kBAAC,GAAD;GAAO,WAAW;aACjB,kBAAC,GAAD;IACO;IACN,cAAY;IACZ,WAAW,EAAG,GAAsB,EAAU;IAE7C;IACW,CAAA;GACN,CAAA;EACM,CAAA"}
1
+ {"version":3,"file":"DialogOverlay.js","names":[],"sources":["../../../src/components/DialogOverlay/DialogOverlay.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useLocale } from \"react-aria\";\nimport {\n\tDialog as AriaDialog,\n\tModal,\n\tModalOverlay,\n} from \"react-aria-components\";\nimport { cx } from \"../../utils/cx.js\";\nimport {\n\tdialogOverlayCard,\n\tdialogOverlayScrim,\n\tdialogOverlaySurface,\n} from \"./DialogOverlay.css.js\";\n\nexport interface DialogOverlayProps {\n\t/** Whether the dialog is open. */\n\tisOpen: boolean;\n\t/** Called with the next open state on dismiss (scrim tap, Escape) or programmatic close. */\n\tonOpenChange: (isOpen: boolean) => void;\n\t/** Dismiss on scrim tap. Escape always cancels (RAC default). Defaults to `true`. */\n\tisDismissable?: boolean;\n\t/**\n\t * `alertdialog` for an interruption that must not be dismissed by tapping away;\n\t * `dialog` otherwise. Defaults to `dialog`.\n\t */\n\trole?: \"dialog\" | \"alertdialog\";\n\t/** Accessible name fallback when the children supply no `slot=\"title\"` heading. */\n\t\"aria-label\"?: string;\n\t/**\n\t * Id of the element describing the dialog — the `alertdialog` pattern expects\n\t * one, so point it at the `Dialog.Body` carrying the message.\n\t */\n\t\"aria-describedby\"?: string;\n\t/** Extends the focus-trap surface (e.g. content arrangement). */\n\tclassName?: string;\n\tchildren: ReactNode;\n}\n\n/**\n * Centered modal-dialog presentation: dark scrim, centered card, focus-trap,\n * dismiss-on-tap/Escape, scale-in. Wraps arbitrary children (typically a `Dialog`\n * content stack). For a bottom sheet use `SheetOverlay`; for a full-window surface\n * `FullscreenOverlay`; for a non-dimming bubble `BubbleOverlay`.\n *\n * `role=\"alertdialog\"` + `isDismissable={false}` for an interruption that must not\n * be dismissed by tapping away (Escape still cancels); the `dialog` defaults\n * otherwise. Give it an accessible name via a `Dialog.Title` or `aria-label`.\n */\nexport function DialogOverlay({\n\tisOpen,\n\tonOpenChange,\n\tisDismissable = true,\n\trole = \"dialog\",\n\t\"aria-label\": ariaLabel,\n\t\"aria-describedby\": ariaDescribedBy,\n\tclassName,\n\tchildren,\n}: DialogOverlayProps) {\n\t// Stated, not inherited: this renders through a portal, so its direction must\n\t// not depend on where the portal lands. See the portalled-surface scenario\n\t// under the RTL requirement in openspec/specs/accessibility/spec.md.\n\tconst { direction } = useLocale();\n\n\treturn (\n\t\t<ModalOverlay\n\t\t\tisOpen={isOpen}\n\t\t\tonOpenChange={onOpenChange}\n\t\t\tisDismissable={isDismissable}\n\t\t\tclassName={dialogOverlayScrim}\n\t\t\tdir={direction}\n\t\t>\n\t\t\t<Modal className={dialogOverlayCard}>\n\t\t\t\t<AriaDialog\n\t\t\t\t\trole={role}\n\t\t\t\t\taria-label={ariaLabel}\n\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\tclassName={cx(dialogOverlaySurface, className)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</AriaDialog>\n\t\t\t</Modal>\n\t\t</ModalOverlay>\n\t);\n}\n"],"mappings":";;;;;;AAgDA,SAAgB,EAAc,EAC7B,WACA,iBACA,mBAAgB,IAChB,UAAO,UACP,cAAc,GACd,oBAAoB,GACpB,cACA,eACsB;CAItB,IAAM,EAAE,iBAAc,GAAW;AAEjC,QACC,kBAAC,GAAD;EACS;EACM;EACC;EACf,WAAW;EACX,KAAK;YAEL,kBAAC,GAAD;GAAO,WAAW;aACjB,kBAAC,GAAD;IACO;IACN,cAAY;IACZ,oBAAkB;IAClB,WAAW,EAAG,GAAsB,EAAU;IAE7C;IACW,CAAA;GACN,CAAA;EACM,CAAA"}
@@ -16,11 +16,7 @@ function s({ color: s = "default", unreadCount: c, children: l, className: u, "a
16
16
  color: s,
17
17
  type: p ? "withText" : "iconOnly"
18
18
  }), u),
19
- children: [/* @__PURE__ */ r("span", {
20
- "aria-live": "polite",
21
- "aria-atomic": "true",
22
- children: p ? l ?? `${c} unread` : ""
23
- }), /* @__PURE__ */ r(t, {})]
19
+ children: [/* @__PURE__ */ r("span", { children: p ? l ?? `${c} unread` : "" }), /* @__PURE__ */ r(t, {})]
24
20
  });
25
21
  }
26
22
  //#endregion
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollMarker.js","names":[],"sources":["../../../src/components/ScrollMarker/ScrollMarker.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode, Ref } from \"react\";\nimport type { ButtonProps as AriaButtonProps } from \"react-aria-components\";\nimport { Button as AriaButton } from \"react-aria-components\";\nimport { cx } from \"../../utils/cx.js\";\nimport { ArrowDown } from \"../Icon/icons/ArrowDown.js\";\nimport { scrollMarkerRoot } from \"./ScrollMarker.css.js\";\n\nexport type ScrollMarkerColor = \"default\" | \"brand\";\n\nexport interface ScrollMarkerProps\n\textends Omit<AriaButtonProps, \"children\" | \"className\" | \"style\"> {\n\t/** `default` sits on the inverse surface; `brand` on the accent surface. */\n\tcolor?: ScrollMarkerColor;\n\t/**\n\t * Unread messages waiting below the fold. `0`/undefined renders the compact\n\t * icon-only marker; `≥1` renders the labelled \"unread\" pill.\n\t */\n\tunreadCount?: number;\n\t/**\n\t * Overrides the with-text label (e.g. a localized \"2 unread\"). When omitted, the\n\t * label defaults to `\"{unreadCount} unread\"`. Rendered only when `unreadCount ≥ 1`.\n\t */\n\tchildren?: ReactNode;\n\tclassName?: string;\n\tstyle?: CSSProperties;\n\tref?: Ref<HTMLButtonElement>;\n}\n\nconst DEFAULT_ARIA_LABEL = \"Scroll to latest message\";\n\n/**\n * The chat \"jump to latest\" marker, shown when the user has scrolled up. Renders a\n * compact down-arrow button, or — once messages arrive below the fold — an unread-count\n * pill. Selection of icon-only vs with-text is derived from `unreadCount`.\n */\nexport function ScrollMarker({\n\tcolor = \"default\",\n\tunreadCount,\n\tchildren,\n\tclassName,\n\t\"aria-label\": ariaLabel,\n\t...rest\n}: ScrollMarkerProps) {\n\tconst withText = (unreadCount ?? 0) >= 1;\n\treturn (\n\t\t<AriaButton\n\t\t\t{...rest}\n\t\t\taria-label={ariaLabel ?? DEFAULT_ARIA_LABEL}\n\t\t\tdata-color={color}\n\t\t\tdata-type={withText ? \"with-text\" : \"icon-only\"}\n\t\t\tclassName={cx(\n\t\t\t\tscrollMarkerRoot({ color, type: withText ? \"withText\" : \"iconOnly\" }),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<span aria-live=\"polite\" aria-atomic=\"true\">\n\t\t\t\t{withText ? (children ?? `${unreadCount} unread`) : \"\"}\n\t\t\t</span>\n\t\t\t<ArrowDown />\n\t\t</AriaButton>\n\t);\n}\n"],"mappings":";;;;;;AA4BA,IAAM,IAAqB;AAO3B,SAAgB,EAAa,EAC5B,WAAQ,WACR,gBACA,aACA,cACA,cAAc,GACd,GAAG,KACkB;CACrB,IAAM,KAAY,KAAe,MAAM;AACvC,QACC,kBAAC,GAAD;EACC,GAAI;EACJ,cAAY,KAAa;EACzB,cAAY;EACZ,aAAW,IAAW,cAAc;EACpC,WAAW,EACV,EAAiB;GAAE;GAAO,MAAM,IAAW,aAAa;GAAY,CAAC,EACrE,EACA;YARF,CAUC,kBAAC,QAAD;GAAM,aAAU;GAAS,eAAY;aACnC,IAAY,KAAY,GAAG,EAAY,WAAY;GAC9C,CAAA,EACP,kBAAC,GAAD,EAAa,CAAA,CACD"}
1
+ {"version":3,"file":"ScrollMarker.js","names":[],"sources":["../../../src/components/ScrollMarker/ScrollMarker.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode, Ref } from \"react\";\nimport type { ButtonProps as AriaButtonProps } from \"react-aria-components\";\nimport { Button as AriaButton } from \"react-aria-components\";\nimport { cx } from \"../../utils/cx.js\";\nimport { ArrowDown } from \"../Icon/icons/ArrowDown.js\";\nimport { scrollMarkerRoot } from \"./ScrollMarker.css.js\";\n\nexport type ScrollMarkerColor = \"default\" | \"brand\";\n\nexport interface ScrollMarkerProps\n\textends Omit<AriaButtonProps, \"children\" | \"className\" | \"style\"> {\n\t/** `default` sits on the inverse surface; `brand` on the accent surface. */\n\tcolor?: ScrollMarkerColor;\n\t/**\n\t * Unread messages waiting below the fold. `0`/undefined renders the compact\n\t * icon-only marker; `≥1` renders the labelled \"unread\" pill.\n\t */\n\tunreadCount?: number;\n\t/**\n\t * Overrides the with-text label (e.g. a localized \"2 unread\"). When omitted, the\n\t * label defaults to `\"{unreadCount} unread\"`. Rendered only when `unreadCount ≥ 1`.\n\t */\n\tchildren?: ReactNode;\n\tclassName?: string;\n\tstyle?: CSSProperties;\n\tref?: Ref<HTMLButtonElement>;\n}\n\nconst DEFAULT_ARIA_LABEL = \"Scroll to latest message\";\n\n/**\n * The chat \"jump to latest\" marker, shown when the user has scrolled up. Renders a\n * compact down-arrow button, or — once messages arrive below the fold — an unread-count\n * pill. Selection of icon-only vs with-text is derived from `unreadCount`.\n */\nexport function ScrollMarker({\n\tcolor = \"default\",\n\tunreadCount,\n\tchildren,\n\tclassName,\n\t\"aria-label\": ariaLabel,\n\t...rest\n}: ScrollMarkerProps) {\n\tconst withText = (unreadCount ?? 0) >= 1;\n\treturn (\n\t\t<AriaButton\n\t\t\t{...rest}\n\t\t\taria-label={ariaLabel ?? DEFAULT_ARIA_LABEL}\n\t\t\tdata-color={color}\n\t\t\tdata-type={withText ? \"with-text\" : \"icon-only\"}\n\t\t\tclassName={cx(\n\t\t\t\tscrollMarkerRoot({ color, type: withText ? \"withText\" : \"iconOnly\" }),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<span>{withText ? (children ?? `${unreadCount} unread`) : \"\"}</span>\n\t\t\t<ArrowDown />\n\t\t</AriaButton>\n\t);\n}\n"],"mappings":";;;;;;AA4BA,IAAM,IAAqB;AAO3B,SAAgB,EAAa,EAC5B,WAAQ,WACR,gBACA,aACA,cACA,cAAc,GACd,GAAG,KACkB;CACrB,IAAM,KAAY,KAAe,MAAM;AACvC,QACC,kBAAC,GAAD;EACC,GAAI;EACJ,cAAY,KAAa;EACzB,cAAY;EACZ,aAAW,IAAW,cAAc;EACpC,WAAW,EACV,EAAiB;GAAE;GAAO,MAAM,IAAW,aAAa;GAAY,CAAC,EACrE,EACA;YARF,CAUC,kBAAC,QAAD,EAAA,UAAO,IAAY,KAAY,GAAG,EAAY,WAAY,IAAU,CAAA,EACpE,kBAAC,GAAD,EAAa,CAAA,CACD"}
package/dist/style.css CHANGED
@@ -1,2 +1,2 @@
1
- ._1xn6t060{align-items:flex-start;gap:var(--lovelace-gap-12);display:flex}._1xn6t061{text-align:start;min-width:0;min-height:24px;color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);overflow-wrap:anywhere;word-break:break-word;flex-direction:column;flex:1 0 0;justify-content:center;margin:0;display:flex}.kmbju21{isolation:isolate;box-sizing:border-box;border-radius:var(--lovelace-border-radius-avatar);background-color:var(--lovelace-avatar-background);color:var(--lovelace-avatar-content);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-semi-bold);text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.kmbju22{width:24px;height:24px;font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body)}.kmbju23{width:36px;height:36px;font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body)}.kmbju24{width:48px;height:48px;font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body)}.kmbju25{width:72px;height:72px;font-size:var(--lovelace-font-size-title-large);line-height:var(--lovelace-line-height-title-large)}.kmbju26{flex-shrink:0}.kmbju27{width:24px;height:24px}.kmbju28{width:36px;height:36px}.kmbju29{width:48px;height:48px}.kmbju2a{width:72px;height:72px}.kmbju20 [data-slot=image]{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.kmbju20 [data-slot=icon]{flex-shrink:0}.kmbju20[data-size=sm] [data-slot=icon]{font-size:var(--lovelace-icon-size-sm)}.kmbju20[data-size=md] [data-slot=icon]{font-size:var(--lovelace-icon-size-md)}.kmbju20[data-size=lg] [data-slot=icon]{font-size:32px}.kmbju20[data-size=xl] [data-slot=icon]{font-size:36px}.xywi8y0{padding:var(--lovelace-padding-16);justify-content:flex-end;align-items:center}.xywi8y1{background-color:var(--lovelace-color-background-default);border-radius:var(--lovelace-border-radius-container);flex-direction:column;width:fit-content;max-width:min(320px,100%);min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 24px 4px #0000001f}.xywi8y1[data-entering],.xywi8y1[data-exiting]{transform:translateY(8px)}.xywi8y2{outline:none;flex-direction:column;flex:auto;min-height:0;max-height:100%;display:flex}@media (prefers-reduced-motion:no-preference){.xywi8y1{transition:transform var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}._1r1codi0{flex-direction:column;display:flex;position:fixed;inset:0}._1r1codi0[data-entering],._1r1codi0[data-exiting]{opacity:0}@media (prefers-reduced-motion:no-preference){._1r1codi0{transition:opacity var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}.ateptb1{isolation:isolate;justify-content:center;align-items:center;gap:var(--lovelace-gap-8);padding-inline:var(--lovelace-padding-12);box-sizing:border-box;border:var(--lovelace-border-width-default) solid transparent;border-radius:var(--lovelace-border-radius-button);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;text-decoration:none;display:inline-flex;position:relative}.ateptb1:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.ateptb1[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.ateptb1[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.ateptb1[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.ateptb1[data-focus-visible]:not([data-disabled]){box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.ateptb1[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.ateptb2{background-color:var(--lovelace-button-primary-background);color:var(--lovelace-button-primary-content)}.ateptb2[data-disabled]{background-color:var(--lovelace-color-background-disabled)}.ateptb3{background-color:var(--lovelace-color-background-destructive);color:var(--lovelace-color-content-on-destructive)}.ateptb3[data-disabled]{background-color:var(--lovelace-color-background-disabled)}.ateptb4{background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);border-color:var(--lovelace-color-border-default)}.ateptb5{background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-destructive);border-color:var(--lovelace-color-border-destructive)}.ateptb6{color:var(--lovelace-color-content-default);background-color:#0000}.ateptb7{color:var(--lovelace-color-content-destructive);background-color:#0000}.ateptb8{height:40px}.ateptb9{height:32px}.ateptb0 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}@media (forced-colors:active){.ateptb1[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.s7h2sn1{font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);color:var(--lovelace-color-content-default);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.s7h2sn1[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.s7h2sn2{align-items:center;gap:var(--lovelace-gap-12);display:inline-flex}.s7h2sn3{isolation:isolate;box-sizing:border-box;align-items:center;gap:var(--lovelace-gap-12);min-height:40px;padding-inline:var(--lovelace-padding-8);padding-block:var(--lovelace-padding-4);border-radius:var(--lovelace-border-radius-button);border:var(--lovelace-border-width-default) solid transparent;background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-body);font-weight:var(--lovelace-font-weight-regular);line-height:var(--lovelace-line-height-body);text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;display:flex;position:relative}.s7h2sn3:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.s7h2sn3[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.s7h2sn3[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.s7h2sn3[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.s7h2sn3[data-focus-visible]:not([data-disabled]){border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.s7h2sn3[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.s7h2sn0>[data-slot=icon]{font-size:var(--lovelace-icon-size-lg);flex-shrink:0}.s7h2sn0>[data-slot=label]{text-align:start;overflow-wrap:anywhere;flex:1;min-width:0}.s7h2sn4{isolation:isolate;box-sizing:border-box;border-radius:var(--lovelace-border-radius-6);border-style:solid;border-width:var(--lovelace-border-width-default);border-color:var(--lovelace-color-border-default);background-color:var(--lovelace-color-background-default);width:24px;height:24px;color:var(--lovelace-color-content-inverse);transition-property:border-color,box-shadow;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);flex-shrink:0;position:relative}.s7h2sn4:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.s7h2sn5{color:currentColor;opacity:0;pointer-events:none;width:16px;height:16px;margin:auto;position:absolute;inset:0}[data-selected]>.s7h2sn4,[data-indeterminate]>.s7h2sn4{background-color:var(--lovelace-color-background-inverse);border-color:#0000}[data-hovered]:not([data-disabled]):not([data-selected]):not([data-indeterminate])>.s7h2sn4[data-state-layer]{border-color:var(--lovelace-color-border-medium)}[data-hovered]:not([data-disabled])>.s7h2sn4[data-state-layer]:after{opacity:var(--lovelace-opacity-state-hover)}[data-focus-visible]:not([data-disabled])>.s7h2sn4[data-state-layer]:after{opacity:var(--lovelace-opacity-state-focus)}[data-pressed]:not([data-disabled])>.s7h2sn4[data-state-layer]:after{opacity:var(--lovelace-opacity-state-pressed)}[data-focus-visible]:not([data-disabled])>.s7h2sn4[data-state-layer]{box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}[data-disabled]>.s7h2sn4{background-color:var(--lovelace-color-background-disabled);border-color:var(--lovelace-color-border-default);color:var(--lovelace-color-content-disabled)}[data-selected]:not([data-indeterminate])>.s7h2sn4>.s7h2sn5[data-glyph=check],[data-indeterminate]>.s7h2sn4>.s7h2sn5[data-glyph=dash]{opacity:1}@media (forced-colors:active){.s7h2sn3[data-focus-visible]:not([data-disabled]),[data-focus-visible]:not([data-disabled])>.s7h2sn4[data-state-layer]{outline-offset:2px;outline:2px solid highlight}}._18cnc771{isolation:isolate;box-sizing:border-box;border:var(--lovelace-border-width-default) solid transparent;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative}._18cnc771:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}._18cnc771:not([data-selected]){background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);border-color:var(--lovelace-color-border-default)}._18cnc771[data-selected]{background-color:var(--lovelace-chip-background-selected);color:var(--lovelace-color-content-on-accent);border-color:#0000}._18cnc771[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}._18cnc771[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}._18cnc771[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}._18cnc771[data-focus-visible]:not([data-disabled]){border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}._18cnc771[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}._18cnc772{min-width:80px;padding-inline:var(--lovelace-padding-12);border-radius:var(--lovelace-border-radius-pill)}._18cnc773,._18cnc774{border-radius:var(--lovelace-border-radius-button)}._18cnc777{height:40px}._18cnc778{height:48px}._18cnc779{width:40px;height:40px}._18cnc77a{width:48px;height:48px}._18cnc77b{width:40px;height:40px}._18cnc77c{width:48px;height:48px;font-size:var(--lovelace-font-size-title-large)}._18cnc770 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}@media (forced-colors:active){._18cnc771[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.onnuc90{text-align:center;align-items:center;gap:var(--lovelace-gap-16);padding:var(--lovelace-padding-16);flex-direction:column;display:flex}.onnuc91{flex-shrink:0;font-size:32px;line-height:0;display:flex}.onnuc92{color:var(--lovelace-color-content-warning)}.onnuc93{color:var(--lovelace-color-content-success)}.onnuc94{align-items:center;gap:var(--lovelace-gap-8);flex-direction:column;width:100%;display:flex}.onnuc95{text-align:center;width:100%;font-family:var(--lovelace-font-family-heading);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-title-large);line-height:var(--lovelace-line-height-title-large);color:var(--lovelace-color-content-default);margin:0}.onnuc96{text-align:center;width:100%;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);color:var(--lovelace-color-content-secondary);margin:0}.onnuc97{align-items:stretch;gap:var(--lovelace-gap-8);flex-direction:column;width:100%;display:flex}._1lzdalt0{aspect-ratio:1;color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:auto;height:1em;line-height:0;display:inline-flex}._9zd2r40{padding:var(--lovelace-padding-16);background-color:var(--lovelace-color-background-neutral-overlay);justify-content:center;align-items:center}._9zd2r41{background-color:var(--lovelace-color-background-default);border-radius:var(--lovelace-border-radius-container);flex-direction:column;width:366px;max-width:100%;max-height:90%;display:flex;overflow:hidden;box-shadow:0 12px 24px 4px #0000001f}._9zd2r41[data-entering],._9zd2r41[data-exiting]{opacity:0;transform:scale(.95)}._9zd2r42{box-sizing:border-box;outline:none;flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;overflow-y:auto}@media (prefers-reduced-motion:no-preference){._9zd2r41{transition-property:opacity,transform;transition-duration:var(--lovelace-duration-medium);transition-timing-function:var(--lovelace-easing-standard)}}.a07ce60{box-sizing:border-box}.a07ce61{width:100%;display:block}.a07ce62{justify-content:center;align-items:center;gap:var(--lovelace-gap-8);width:100%;display:flex}.a07ce63{justify-content:center;align-items:center;gap:var(--lovelace-gap-4);text-align:center;flex-direction:column;display:flex}.a07ce64{border:none;border-top:var(--lovelace-border-width-default) solid var(--lovelace-color-border-default);flex:1 1 0;width:100%;min-width:1px;height:0;margin:0}.a07ce65{font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary);font-weight:var(--lovelace-font-weight-regular);white-space:nowrap;flex-shrink:0;margin:0}.a07ce66{font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary);font-weight:var(--lovelace-font-weight-medium);margin:0}.a07ce67{font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary);font-weight:var(--lovelace-font-weight-regular);margin:0}._6ivfy30{background-color:var(--lovelace-color-background-neutral-overlay)}._6ivfy31{background-color:var(--lovelace-color-background-default);flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden}._6ivfy31[data-entering],._6ivfy31[data-exiting]{transform:translateY(100%)}._6ivfy32{outline:none;flex-direction:column;flex:auto;min-height:0;max-height:100%;display:flex}@media (prefers-reduced-motion:no-preference){._6ivfy31{transition:transform var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}._1x52ra20{background-color:var(--lovelace-header-background);color:var(--lovelace-header-content);height:56px;padding:0 var(--lovelace-padding-12);align-items:center;gap:var(--lovelace-spacing-8);flex-shrink:0;display:flex;position:relative;overflow:hidden}._1x52ra20 [data-slot=icon]{color:var(--lovelace-header-content)}._1x52ra20 [data-slot=avatar] [data-slot=icon]{color:var(--lovelace-avatar-content)}._1x52ra21{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--lovelace-font-size-title-small);line-height:var(--lovelace-line-height-title-small);font-weight:var(--lovelace-font-weight-medium);flex:1;margin:0;overflow:hidden}._3tx76z0{aspect-ratio:37.5/12}._1nvcxt20{isolation:isolate;box-sizing:border-box;border:var(--lovelace-border-width-default) solid transparent;border-radius:var(--lovelace-border-radius-button);font-size:var(--lovelace-icon-size-control);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}._1nvcxt20:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}._1nvcxt20[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}._1nvcxt20[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}._1nvcxt20[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}._1nvcxt20[data-focus-visible]:not([data-disabled]){box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}._1nvcxt20[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}._1nvcxt21{background-color:var(--lovelace-button-primary-background);color:var(--lovelace-button-primary-content)}._1nvcxt21[data-disabled]{background-color:var(--lovelace-color-background-disabled)}._1nvcxt22{background-color:var(--lovelace-color-background-destructive);color:var(--lovelace-color-content-on-destructive)}._1nvcxt22[data-disabled]{background-color:var(--lovelace-color-background-disabled)}._1nvcxt23{background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);border-color:var(--lovelace-color-border-default)}._1nvcxt24{background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-destructive);border-color:var(--lovelace-color-border-destructive)}._1nvcxt25{color:var(--lovelace-color-content-default);background-color:#0000}._1nvcxt26{color:var(--lovelace-color-content-destructive);background-color:#0000}._1nvcxt27{width:40px;height:40px}._1nvcxt28{width:32px;height:32px}._1nvcxt29{width:24px;height:24px}@media (forced-colors:active){._1nvcxt20[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.ptvtw60{max-width:100%;display:block}.ynzg8v0{width:100%;font-family:var(--lovelace-font-family-body);flex-direction:column;display:flex}.ynzg8v3{align-items:flex-end;gap:var(--lovelace-gap-8);box-sizing:border-box;width:100%;min-height:40px;padding-inline:var(--lovelace-padding-12);padding-block:var(--lovelace-padding-8);border:var(--lovelace-border-width-default) solid var(--lovelace-color-border-default);background-color:var(--lovelace-color-background-default);border-radius:var(--lovelace-border-radius-input);cursor:text;display:flex}.ynzg8v3[data-focus-within]{border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.ynzg8v3[data-invalid]{border-color:var(--lovelace-color-border-destructive)}.ynzg8v3[data-disabled]{background-color:var(--lovelace-color-background-disabled);cursor:not-allowed}.ynzg8v5{border-radius:var(--lovelace-border-radius-composer);border:var(--lovelace-border-width-default) solid var(--lovelace-composer-border-default);background-color:var(--lovelace-composer-background)}.ynzg8v5[data-focus-within]{border-color:var(--lovelace-composer-border-active);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-composer-border-focus)}.ynzg8v5[data-invalid]{border-color:var(--lovelace-color-border-destructive)}.ynzg8v6{-webkit-appearance:none;appearance:none;min-width:0;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);color:var(--lovelace-color-content-default);background-color:#0000;border:none;outline:none;flex:1;margin:0;padding:0}.ynzg8v6::placeholder{color:var(--lovelace-color-content-secondary);opacity:1}.ynzg8v6[data-disabled]{color:var(--lovelace-color-content-disabled);cursor:not-allowed}.ynzg8v6[data-disabled]::placeholder{color:var(--lovelace-color-content-disabled)}.ynzg8v7{box-sizing:border-box;resize:none;overflow-wrap:anywhere;word-break:break-word;scrollbar-width:thin;scrollbar-color:var(--lovelace-color-border-default) transparent;width:100%;display:block;overflow-y:auto}.ynzg8v8{isolation:isolate;border-radius:var(--lovelace-border-radius-full);background-color:var(--lovelace-button-primary-background);width:22px;height:22px;color:var(--lovelace-button-primary-content);cursor:pointer;-webkit-appearance:none;appearance:none;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;overflow:hidden}.ynzg8v8:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;background-color:currentColor;position:absolute;inset:0}.ynzg8v8[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.ynzg8v8[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.ynzg8v8[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.ynzg8v8[data-focus-visible]:not([data-disabled]){box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.ynzg8v8[data-disabled]{cursor:not-allowed;background-color:var(--lovelace-color-background-disabled);color:var(--lovelace-color-content-disabled)}.ynzg8v9{font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);margin-bottom:var(--lovelace-gap-8);color:var(--lovelace-color-content-default)}.ynzg8va{margin-top:var(--lovelace-gap-4);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary)}.ynzg8va[data-invalid]{color:var(--lovelace-color-content-destructive)}.ynzg8v1 [data-slot=icon],.ynzg8v8 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}.ynzg8v1>[data-slot=icon]{color:var(--lovelace-color-content-secondary)}.ynzg8v1[data-disabled]>[data-slot=icon]{color:var(--lovelace-color-content-disabled)}.ynzg8v2 .ynzg8v6{color:var(--lovelace-composer-content-default)}.ynzg8v2 .ynzg8v6::placeholder,.ynzg8v2>[data-slot=icon]{color:var(--lovelace-composer-content-secondary)}.ynzg8v2 .ynzg8v6[data-disabled],.ynzg8v2 .ynzg8v6[data-disabled]::placeholder{color:var(--lovelace-color-content-disabled)}@media (prefers-reduced-motion:no-preference){.ynzg8v3{transition-property:border-color,box-shadow;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard)}.ynzg8v8:after{transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard)}}@media (forced-colors:active){.ynzg8v3[data-focus-within],.ynzg8v8[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.k107bi1{isolation:isolate;align-items:center;gap:var(--lovelace-gap-4);color:var(--lovelace-color-content-link);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);word-break:break-word;cursor:pointer;border-radius:var(--lovelace-border-radius-6);outline:none;text-decoration:none;display:inline-flex;position:relative}.k107bi1:after{content:"";inset-block:0;inset-inline:calc(-1 * var(--lovelace-padding-4));border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute}.k107bi1:not([data-icon]){text-decoration:underline}.k107bi1[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.k107bi1[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.k107bi1[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.k107bi1[data-focus-visible]:not([data-disabled]){box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.k107bi1[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.k107bi2{text-decoration:underline}.k107bi0 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}[dir=rtl] .k107bi0:not([data-download]) [data-slot=icon]{transform:scaleX(-1)}@media (forced-colors:active){.k107bi1[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.fa1x5n0{outline:none;flex-direction:column;display:flex}.fa1x5n1{isolation:isolate;box-sizing:border-box;align-items:center;gap:var(--lovelace-gap-12);min-height:40px;padding-inline:var(--lovelace-padding-8);padding-block:var(--lovelace-padding-4);border-radius:var(--lovelace-border-radius-button);border:var(--lovelace-border-width-default) solid transparent;background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-body);font-weight:var(--lovelace-font-weight-regular);line-height:var(--lovelace-line-height-body);text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;display:flex;position:relative}.fa1x5n1:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.fa1x5n1[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.fa1x5n1[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.fa1x5n1[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.fa1x5n1[data-focus-visible]:not([data-disabled]){border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.fa1x5n1[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.fa1x5n1>[data-slot=icon]{font-size:var(--lovelace-icon-size-lg);flex-shrink:0}.fa1x5n1>[data-slot=label]{text-align:start;overflow-wrap:anywhere;flex:1;min-width:0}@media (forced-colors:active){.fa1x5n1[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.mufew31{gap:var(--lovelace-gap-20);flex-direction:column;display:flex}.mufew31[data-orientation=horizontal]{flex-direction:row}.mufew32{cursor:pointer;-webkit-user-select:none;user-select:none}.mufew32[data-disabled]{cursor:not-allowed}.mufew33{align-items:center;gap:var(--lovelace-gap-12);display:inline-flex}.mufew34{isolation:isolate;box-sizing:border-box;align-items:center;gap:var(--lovelace-gap-12);min-height:40px;padding-inline:var(--lovelace-padding-8);padding-block:var(--lovelace-padding-4);border-radius:var(--lovelace-border-radius-button);border:var(--lovelace-border-width-default) solid transparent;background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-body);font-weight:var(--lovelace-font-weight-regular);line-height:var(--lovelace-line-height-body);text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;display:flex;position:relative}.mufew34:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.mufew34[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.mufew34[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.mufew34[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.mufew34[data-focus-visible]:not([data-disabled]){border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.mufew34[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.mufew30>[data-slot=icon]{font-size:var(--lovelace-icon-size-lg);flex-shrink:0}.mufew30>[data-slot=label]{text-align:start;overflow-wrap:anywhere;flex:1;min-width:0}.mufew35{box-sizing:border-box;border-radius:var(--lovelace-border-radius-full);border-style:solid;border-width:var(--lovelace-border-width-default);background-color:var(--lovelace-color-background-default);border-color:var(--lovelace-color-border-default);width:24px;height:24px;transition-property:background-color,border-color,box-shadow;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);flex-shrink:0;position:relative}[data-hovered]:not([data-selected]):not([data-disabled])>.mufew35[data-state-layer]{border-color:var(--lovelace-color-border-medium)}[data-selected]>.mufew35{background-color:var(--lovelace-color-background-inverse);border-color:var(--lovelace-color-background-inverse)}[data-focus-visible]:not([data-disabled])>.mufew35[data-state-layer]{box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}[data-focus-visible]:not([data-selected]):not([data-disabled])>.mufew35[data-state-layer]{border-color:var(--lovelace-color-border-accent)}[data-disabled]:not([data-selected])>.mufew35{background-color:var(--lovelace-color-background-tertiary);border-color:var(--lovelace-color-border-default)}[data-disabled][data-selected]>.mufew35{background-color:var(--lovelace-color-background-disabled);border-color:var(--lovelace-color-background-disabled)}.mufew36{border-radius:var(--lovelace-border-radius-full);pointer-events:none;background-color:#0000;position:absolute;inset:5px}[data-selected]>.mufew35>.mufew36{background-color:var(--lovelace-color-background-default)}[data-selected][data-disabled]>.mufew35>.mufew36{background-color:var(--lovelace-color-background-tertiary)}.mufew37{font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-body);font-weight:var(--lovelace-font-weight-regular);line-height:var(--lovelace-line-height-body);color:var(--lovelace-color-content-default)}[data-disabled]>.mufew37{color:var(--lovelace-color-content-disabled)}@media (forced-colors:active){.mufew34[data-focus-visible]:not([data-disabled]),[data-focus-visible]:not([data-disabled])>.mufew35[data-state-layer]{outline-offset:2px;outline:2px solid highlight}[data-selected]>.mufew35>.mufew36{background-color:canvastext}}._1s0itzy0{cursor:pointer;outline:none;flex-shrink:0;display:inline-flex}._1s0itzy0[data-disabled]{cursor:not-allowed}._1s0itzy1{isolation:isolate;box-sizing:border-box;border-radius:var(--lovelace-border-radius-full);background-color:var(--lovelace-color-background-quaternary);width:44px;height:24px;color:var(--lovelace-color-content-inverse);flex-shrink:0;display:inline-block;position:relative;box-shadow:0 1px 1px #00000014}._1s0itzy1:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;background-color:currentColor;position:absolute;inset:0}[data-selected]>._1s0itzy1{background-color:var(--lovelace-color-background-success);box-shadow:none}[data-hovered]:not([data-disabled])>._1s0itzy1[data-state-layer]:after{opacity:var(--lovelace-opacity-state-hover)}[data-focus-visible]:not([data-disabled])>._1s0itzy1[data-state-layer]:after{opacity:var(--lovelace-opacity-state-focus)}[data-pressed]:not([data-disabled])>._1s0itzy1[data-state-layer]:after{opacity:var(--lovelace-opacity-state-pressed)}[data-focus-visible]:not([data-disabled])>._1s0itzy1[data-state-layer]{box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}[data-disabled]>._1s0itzy1{background-color:var(--lovelace-color-background-disabled);box-shadow:none}[data-disabled][data-selected]>._1s0itzy1{background-color:var(--lovelace-color-background-success)}[data-disabled][data-selected]>._1s0itzy1:after{opacity:.3}._1s0itzy2{border-radius:var(--lovelace-border-radius-full);background-color:var(--lovelace-color-background-default);pointer-events:none;width:22px;height:22px;position:absolute;inset-block-start:1px;inset-inline-start:1px;box-shadow:0 1px 2px #00000014}[data-selected]>._1s0itzy1>._1s0itzy2{inset-inline-start:calc(100% - 23px)}@media (prefers-reduced-motion:no-preference){._1s0itzy1{transition-property:background-color,box-shadow;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard)}._1s0itzy1:after{transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard)}._1s0itzy2{transition:inset-inline-start var(--lovelace-duration-fast) var(--lovelace-easing-standard)}}@media (forced-colors:active){[data-focus-visible]:not([data-disabled])>._1s0itzy1[data-state-layer]{outline-offset:2px;outline:2px solid highlight}}._14rcj9q1{box-sizing:border-box;border-radius:var(--lovelace-border-radius-media-preview);border:var(--lovelace-border-width-default) solid var(--lovelace-color-border-default);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}._14rcj9q2{aspect-ratio:16/9}._14rcj9q3{aspect-ratio:4/3}._14rcj9q4{aspect-ratio:1}._14rcj9q5{aspect-ratio:3/4}._14rcj9q6{aspect-ratio:9/16}._14rcj9q7{background-color:var(--lovelace-color-background-disabled);color:var(--lovelace-color-content-disabled)}._14rcj9q9{object-fit:cover;width:100%;height:100%;display:block}._14rcj9q0 [data-slot=icon]{font-size:var(--lovelace-icon-size-lg)}.rygqx10{isolation:isolate;justify-content:center;align-items:center;gap:var(--lovelace-gap-8);padding-inline:var(--lovelace-padding-12);box-sizing:border-box;border:var(--lovelace-border-width-default) solid var(--lovelace-color-border-default);border-radius:var(--lovelace-border-radius-pill);background-color:var(--lovelace-color-background-default);color:var(--lovelace-pill-content-primary);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;text-decoration:none;display:inline-flex;position:relative}.rygqx10:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.rygqx10[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.rygqx10[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.rygqx10[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.rygqx10[data-focus-visible]:not([data-disabled]){border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.rygqx10[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.rygqx11{height:40px}.rygqx12{height:32px}[data-slot=pill-button] [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}@media (forced-colors:active){.rygqx10[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.y22qey0{box-sizing:border-box;width:fit-content;min-height:48px;padding-block:var(--lovelace-padding-8);padding-inline:var(--lovelace-padding-16);border-radius:var(--lovelace-border-radius-message);background-color:var(--lovelace-color-background-default);border:var(--lovelace-border-width-default) solid var(--lovelace-color-border-default);color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);text-align:start;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;box-shadow:0 8px 24px #00000014}[data-theme=dark] .y22qey0{box-shadow:0 8px 24px #ffffff14}._19x8abf1{isolation:isolate;box-sizing:border-box;border-radius:var(--lovelace-border-radius-full);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,box-shadow;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);border:none;outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:0 4px 14px #0000000f}._19x8abf1:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}._19x8abf1[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}._19x8abf1[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}._19x8abf1[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}._19x8abf1[data-focus-visible]:not([data-disabled]){box-shadow:0 4px 14px 0 #0000000f, 0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}._19x8abf2{background-color:var(--lovelace-scrollmarker-background);color:var(--lovelace-scrollmarker-content)}._19x8abf3{background-color:var(--lovelace-color-background-accent);color:var(--lovelace-color-content-on-accent)}._19x8abf4{width:40px;height:40px;padding:0}._19x8abf5{height:38px;padding-inline:var(--lovelace-padding-12);gap:var(--lovelace-gap-8)}._19x8abf0 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}@media (forced-colors:active){._19x8abf1[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.mf01c90{box-sizing:border-box;background-color:var(--lovelace-color-background-default);width:100%;min-height:0;max-height:100%;color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);flex-direction:column;flex:0 auto;display:flex;overflow-y:auto}.mf01c91{height:56px;padding-inline:var(--lovelace-padding-12);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.mf01c92{color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);text-align:center;margin:0}.mf01c93{inset-inline-start:var(--lovelace-padding-12);align-items:center;display:flex;position:absolute;top:0;bottom:0}.mf01c94{inset-inline-end:var(--lovelace-padding-12);align-items:center;display:flex;position:absolute;top:0;bottom:0}[dir=rtl] .mf01c95{transform:scaleX(-1)}.mf01c96{min-height:var(--lovelace-spacing-48);padding:var(--lovelace-padding-12);box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--lovelace-color-border-default) transparent;flex:0 auto;overflow-y:auto}.mf01c97{align-items:stretch;gap:var(--lovelace-gap-12);padding:var(--lovelace-padding-12);box-sizing:border-box;flex-direction:column;flex-shrink:0;display:flex}._1hi4ecs0{background-color:var(--lovelace-color-background-neutral-overlay);justify-content:flex-end;align-items:center}._1hi4ecs1{background-color:var(--lovelace-color-background-default);border-start-start-radius:var(--lovelace-border-radius-container);border-start-end-radius:var(--lovelace-border-radius-container);flex-direction:column;width:100%;min-height:0;max-height:80%;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 24px 4px #0000001f}._1hi4ecs1[data-entering],._1hi4ecs1[data-exiting]{transform:translateY(100%)}._1hi4ecs2{outline:none;flex-direction:column;flex:auto;min-height:0;max-height:100%;display:flex}@media (prefers-reduced-motion:no-preference){._1hi4ecs1{transition:transform var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}@keyframes _2rqyvg0{to{transform:rotate(360deg)}}._2rqyvg1{box-sizing:border-box;border-style:solid;border-color:var(--lovelace-color-background-neutral-overlay);border-radius:50%;animation:.8s linear infinite _2rqyvg0;display:inline-block}._2rqyvg1[data-reduced-motion]{animation-duration:2.4s}._2rqyvg2{border-width:2px;width:16px;height:16px}._2rqyvg3{border-width:3px;width:32px;height:32px}._2rqyvg4{border-top-color:var(--lovelace-color-content-default)}._2rqyvg5{border-top-color:var(--lovelace-color-content-on-accent)}@media (prefers-reduced-motion:reduce){._2rqyvg1{animation-duration:2.4s}}.jzxfg70{gap:var(--lovelace-gap-8);flex-direction:column;width:fit-content;display:flex}.jzxfg71{justify-content:center;align-items:center;gap:var(--lovelace-gap-8);flex-wrap:wrap;width:100%;display:flex}.jzxfg72{width:100%;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary);justify-content:space-between;display:flex}._1y87qec0{justify-content:center;align-items:center;gap:var(--lovelace-gap-8);flex-wrap:wrap;width:100%;display:flex}@keyframes _9az62f0{0%{background-position-x:200%}to{background-position-x:0%}}@keyframes _9az62f1{0%,80%,to{vertical-align:0}40%{vertical-align:.3em}}._9az62f2{font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;background-image:linear-gradient(90deg, var(--lovelace-color-content-secondary) 0%, var(--lovelace-color-content-secondary) 35%, var(--lovelace-color-content-default) 50%, var(--lovelace-color-content-secondary) 65%, var(--lovelace-color-content-secondary) 100%);color:#0000;-webkit-text-fill-color:transparent;background-repeat:repeat;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite _9az62f0;display:inline-block}._9az62f3{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._9az62f4{display:inline}._9az62f5{line-height:0;animation:1.4s ease-in-out infinite _9az62f1;display:inline}._9az62f5:nth-child(2){animation-delay:.16s}._9az62f5:nth-child(3){animation-delay:.32s}@media (prefers-reduced-motion:reduce){._9az62f2{color:var(--lovelace-color-content-secondary);-webkit-text-fill-color:var(--lovelace-color-content-secondary);background-image:none;animation:none}._9az62f5{animation:none}}.k6tn090{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--lovelace-gap-8);width:100%;padding-inline:var(--lovelace-padding-12);padding-block:var(--lovelace-padding-8);display:flex}.k6tn092{background-color:var(--lovelace-color-background-success-light);color:var(--lovelace-color-content-success)}.k6tn093{background-color:var(--lovelace-color-background-warning-light);color:var(--lovelace-color-content-warning)}.k6tn094{background-color:var(--lovelace-color-background-destructive-light);color:var(--lovelace-color-content-destructive)}.k6tn095{color:inherit;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);overflow-wrap:break-word;margin:0}.k6tn096{white-space:nowrap;text-align:center;flex-shrink:0}.k6tn097{text-align:left;flex:1 0 0;min-width:0}.k6tn090 [data-slot=icon]{font-size:var(--lovelace-icon-size-control)}.s6807p0{box-sizing:border-box;max-width:184px;padding:var(--lovelace-spacing-8);border-radius:var(--lovelace-border-radius-6);background-color:var(--lovelace-color-background-inverse);color:var(--lovelace-color-content-inverse);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);text-align:center;word-break:break-word;filter:drop-shadow(0 4px 14px #0000000f)}.s6807p0[data-entering],.s6807p0[data-exiting]{opacity:0}.s6807p1{display:block}.s6807p2{fill:var(--lovelace-color-background-inverse);display:block}.s6807p0[data-placement^=top] .s6807p2{transform:rotate(0)}.s6807p0[data-placement^=bottom] .s6807p2{transform:rotate(180deg)}.s6807p0[data-placement^=left] .s6807p2{transform:rotate(-90deg)}.s6807p0[data-placement^=right] .s6807p2{transform:rotate(90deg)}@media (prefers-reduced-motion:no-preference){.s6807p0{transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard)}}@keyframes bwq5ac0{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.bwq5ac1{align-items:center;gap:var(--lovelace-gap-4);height:38px;padding-inline:var(--lovelace-padding-20);background-color:var(--lovelace-color-background-quaternary);border-start-start-radius:var(--lovelace-border-radius-20);border-start-end-radius:var(--lovelace-border-radius-20);border-end-end-radius:var(--lovelace-border-radius-20);border-end-start-radius:0;display:inline-flex}.bwq5ac2{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bwq5ac3{width:var(--lovelace-spacing-8);height:var(--lovelace-spacing-8);border-radius:var(--lovelace-border-radius-full);background-color:var(--lovelace-color-content-default);flex-shrink:0;animation:.9s ease-in-out infinite bwq5ac0}.bwq5ac3:nth-child(2){animation-delay:.15s}.bwq5ac3:nth-child(3){animation-delay:.3s}@media (prefers-reduced-motion:reduce){.bwq5ac3{animation:none}}.jxp4or0{align-items:flex-end;gap:var(--lovelace-gap-4);box-sizing:border-box;flex-direction:column;width:100%;padding-inline-start:var(--lovelace-padding-20);display:flex}.jxp4or1{box-sizing:border-box;max-width:100%;padding-inline:var(--lovelace-padding-12);padding-block:var(--lovelace-padding-8);border-radius:var(--lovelace-border-radius-message);background-color:var(--lovelace-message-user-background);align-items:center;display:flex}.jxp4or2{color:var(--lovelace-message-user-content);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);overflow-wrap:anywhere;word-break:break-word;margin:0}.jxp4or3{justify-content:flex-end;width:100%;display:flex}.jxp4or4{min-height:var(--lovelace-icon-size-lg);align-items:center;gap:var(--lovelace-gap-4);color:var(--lovelace-color-content-destructive);margin:0;display:inline-flex}.jxp4or5{border-radius:var(--lovelace-border-radius-6);cursor:pointer;background:0 0;border:none;outline:none;padding:0}.jxp4or5[data-focus-visible]{box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.jxp4or6{color:inherit;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);margin:0}.jxp4or4 [data-slot=icon]{font-size:var(--lovelace-icon-size-lg)}@media (forced-colors:active){.jxp4or5[data-focus-visible]{outline-offset:2px;outline:2px solid highlight}}
1
+ ._1xn6t060{align-items:flex-start;gap:var(--lovelace-gap-12);display:flex}._1xn6t061{text-align:start;min-width:0;min-height:24px;color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);overflow-wrap:anywhere;word-break:break-word;flex-direction:column;flex:1 0 0;justify-content:center;margin:0;display:flex}.kmbju21{isolation:isolate;box-sizing:border-box;border-radius:var(--lovelace-border-radius-avatar);background-color:var(--lovelace-avatar-background);color:var(--lovelace-avatar-content);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-semi-bold);text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.kmbju22{width:24px;height:24px;font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body)}.kmbju23{width:36px;height:36px;font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body)}.kmbju24{width:48px;height:48px;font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body)}.kmbju25{width:72px;height:72px;font-size:var(--lovelace-font-size-title-large);line-height:var(--lovelace-line-height-title-large)}.kmbju26{flex-shrink:0}.kmbju27{width:24px;height:24px}.kmbju28{width:36px;height:36px}.kmbju29{width:48px;height:48px}.kmbju2a{width:72px;height:72px}.kmbju20 [data-slot=image]{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.kmbju20 [data-slot=icon]{flex-shrink:0}.kmbju20[data-size=sm] [data-slot=icon]{font-size:var(--lovelace-icon-size-sm)}.kmbju20[data-size=md] [data-slot=icon]{font-size:var(--lovelace-icon-size-md)}.kmbju20[data-size=lg] [data-slot=icon]{font-size:32px}.kmbju20[data-size=xl] [data-slot=icon]{font-size:36px}.xywi8y0{padding:var(--lovelace-padding-16);justify-content:flex-end;align-items:center}.xywi8y1{background-color:var(--lovelace-color-background-default);border-radius:var(--lovelace-border-radius-container);flex-direction:column;width:fit-content;max-width:min(320px,100%);min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 24px 4px #0000001f}.xywi8y1[data-entering],.xywi8y1[data-exiting]{transform:translateY(8px)}.xywi8y2{outline:none;flex-direction:column;flex:auto;min-height:0;max-height:100%;display:flex}@media (prefers-reduced-motion:no-preference){.xywi8y1{transition:transform var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}._1r1codi0{z-index:200;flex-direction:column;display:flex;position:fixed;inset:0}._1r1codi0[data-entering],._1r1codi0[data-exiting]{opacity:0}@media (prefers-reduced-motion:no-preference){._1r1codi0{transition:opacity var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}.ateptb1{isolation:isolate;justify-content:center;align-items:center;gap:var(--lovelace-gap-8);padding-inline:var(--lovelace-padding-12);box-sizing:border-box;border:var(--lovelace-border-width-default) solid transparent;border-radius:var(--lovelace-border-radius-button);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;text-decoration:none;display:inline-flex;position:relative}.ateptb1:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.ateptb1[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.ateptb1[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.ateptb1[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.ateptb1[data-focus-visible]:not([data-disabled]){box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.ateptb1[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.ateptb2{background-color:var(--lovelace-button-primary-background);color:var(--lovelace-button-primary-content)}.ateptb2[data-disabled]{background-color:var(--lovelace-color-background-disabled)}.ateptb3{background-color:var(--lovelace-color-background-destructive);color:var(--lovelace-color-content-on-destructive)}.ateptb3[data-disabled]{background-color:var(--lovelace-color-background-disabled)}.ateptb4{background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);border-color:var(--lovelace-color-border-default)}.ateptb5{background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-destructive);border-color:var(--lovelace-color-border-destructive)}.ateptb6{color:var(--lovelace-color-content-default);background-color:#0000}.ateptb7{color:var(--lovelace-color-content-destructive);background-color:#0000}.ateptb8{height:40px}.ateptb9{height:32px}.ateptb0 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}@media (forced-colors:active){.ateptb1[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.s7h2sn1{font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);color:var(--lovelace-color-content-default);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.s7h2sn1[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.s7h2sn2{align-items:center;gap:var(--lovelace-gap-12);display:inline-flex}.s7h2sn3{isolation:isolate;box-sizing:border-box;align-items:center;gap:var(--lovelace-gap-12);min-height:40px;padding-inline:var(--lovelace-padding-8);padding-block:var(--lovelace-padding-4);border-radius:var(--lovelace-border-radius-button);border:var(--lovelace-border-width-default) solid transparent;background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-body);font-weight:var(--lovelace-font-weight-regular);line-height:var(--lovelace-line-height-body);text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;display:flex;position:relative}.s7h2sn3:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.s7h2sn3[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.s7h2sn3[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.s7h2sn3[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.s7h2sn3[data-focus-visible]:not([data-disabled]){border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.s7h2sn3[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.s7h2sn0>[data-slot=icon]{font-size:var(--lovelace-icon-size-lg);flex-shrink:0}.s7h2sn0>[data-slot=label]{text-align:start;overflow-wrap:anywhere;flex:1;min-width:0}.s7h2sn4{isolation:isolate;box-sizing:border-box;border-radius:var(--lovelace-border-radius-6);border-style:solid;border-width:var(--lovelace-border-width-default);border-color:var(--lovelace-color-border-default);background-color:var(--lovelace-color-background-default);width:24px;height:24px;color:var(--lovelace-color-content-inverse);transition-property:border-color,box-shadow;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);flex-shrink:0;position:relative}.s7h2sn4:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.s7h2sn5{color:currentColor;opacity:0;pointer-events:none;width:16px;height:16px;margin:auto;position:absolute;inset:0}[data-selected]>.s7h2sn4,[data-indeterminate]>.s7h2sn4{background-color:var(--lovelace-color-background-inverse);border-color:#0000}[data-hovered]:not([data-disabled]):not([data-selected]):not([data-indeterminate])>.s7h2sn4[data-state-layer]{border-color:var(--lovelace-color-border-medium)}[data-hovered]:not([data-disabled])>.s7h2sn4[data-state-layer]:after{opacity:var(--lovelace-opacity-state-hover)}[data-focus-visible]:not([data-disabled])>.s7h2sn4[data-state-layer]:after{opacity:var(--lovelace-opacity-state-focus)}[data-pressed]:not([data-disabled])>.s7h2sn4[data-state-layer]:after{opacity:var(--lovelace-opacity-state-pressed)}[data-focus-visible]:not([data-disabled])>.s7h2sn4[data-state-layer]{box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}[data-disabled]>.s7h2sn4{background-color:var(--lovelace-color-background-disabled);border-color:var(--lovelace-color-border-default);color:var(--lovelace-color-content-disabled)}[data-selected]:not([data-indeterminate])>.s7h2sn4>.s7h2sn5[data-glyph=check],[data-indeterminate]>.s7h2sn4>.s7h2sn5[data-glyph=dash]{opacity:1}@media (forced-colors:active){.s7h2sn3[data-focus-visible]:not([data-disabled]),[data-focus-visible]:not([data-disabled])>.s7h2sn4[data-state-layer]{outline-offset:2px;outline:2px solid highlight}}._18cnc771{isolation:isolate;box-sizing:border-box;border:var(--lovelace-border-width-default) solid transparent;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative}._18cnc771:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}._18cnc771:not([data-selected]){background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);border-color:var(--lovelace-color-border-default)}._18cnc771[data-selected]{background-color:var(--lovelace-chip-background-selected);color:var(--lovelace-color-content-on-accent);border-color:#0000}._18cnc771[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}._18cnc771[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}._18cnc771[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}._18cnc771[data-focus-visible]:not([data-disabled]){border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}._18cnc771[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}._18cnc772{min-width:80px;padding-inline:var(--lovelace-padding-12);border-radius:var(--lovelace-border-radius-pill)}._18cnc773,._18cnc774{border-radius:var(--lovelace-border-radius-button)}._18cnc777{height:40px}._18cnc778{height:48px}._18cnc779{width:40px;height:40px}._18cnc77a{width:48px;height:48px}._18cnc77b{width:40px;height:40px}._18cnc77c{width:48px;height:48px;font-size:var(--lovelace-font-size-title-large)}._18cnc770 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}@media (forced-colors:active){._18cnc771[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.onnuc90{text-align:center;align-items:center;gap:var(--lovelace-gap-16);padding:var(--lovelace-padding-16);flex-direction:column;display:flex}.onnuc91{flex-shrink:0;font-size:32px;line-height:0;display:flex}.onnuc92{color:var(--lovelace-color-content-warning)}.onnuc93{color:var(--lovelace-color-content-success)}.onnuc94{align-items:center;gap:var(--lovelace-gap-8);flex-direction:column;width:100%;display:flex}.onnuc95{text-align:center;width:100%;font-family:var(--lovelace-font-family-heading);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-title-large);line-height:var(--lovelace-line-height-title-large);color:var(--lovelace-color-content-default);margin:0}.onnuc96{text-align:center;width:100%;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);color:var(--lovelace-color-content-secondary);margin:0}.onnuc97{align-items:stretch;gap:var(--lovelace-gap-8);flex-direction:column;width:100%;display:flex}._1lzdalt0{aspect-ratio:1;color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:auto;height:1em;line-height:0;display:inline-flex}._9zd2r40{padding:var(--lovelace-padding-16);background-color:var(--lovelace-color-background-neutral-overlay);justify-content:center;align-items:center}._9zd2r41{background-color:var(--lovelace-color-background-default);border-radius:var(--lovelace-border-radius-container);flex-direction:column;width:366px;max-width:100%;max-height:90%;display:flex;overflow:hidden;box-shadow:0 12px 24px 4px #0000001f}._9zd2r41[data-entering],._9zd2r41[data-exiting]{opacity:0;transform:scale(.95)}._9zd2r42{box-sizing:border-box;outline:none;flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;overflow-y:auto}@media (prefers-reduced-motion:no-preference){._9zd2r41{transition-property:opacity,transform;transition-duration:var(--lovelace-duration-medium);transition-timing-function:var(--lovelace-easing-standard)}}.a07ce60{box-sizing:border-box}.a07ce61{width:100%;display:block}.a07ce62{justify-content:center;align-items:center;gap:var(--lovelace-gap-8);width:100%;display:flex}.a07ce63{justify-content:center;align-items:center;gap:var(--lovelace-gap-4);text-align:center;flex-direction:column;display:flex}.a07ce64{border:none;border-top:var(--lovelace-border-width-default) solid var(--lovelace-color-border-default);flex:1 1 0;width:100%;min-width:1px;height:0;margin:0}.a07ce65{font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary);font-weight:var(--lovelace-font-weight-regular);white-space:nowrap;flex-shrink:0;margin:0}.a07ce66{font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary);font-weight:var(--lovelace-font-weight-medium);margin:0}.a07ce67{font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary);font-weight:var(--lovelace-font-weight-regular);margin:0}._6ivfy30{background-color:var(--lovelace-color-background-neutral-overlay)}._6ivfy31{background-color:var(--lovelace-color-background-default);flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden}._6ivfy31[data-entering],._6ivfy31[data-exiting]{transform:translateY(100%)}._6ivfy32{outline:none;flex-direction:column;flex:auto;min-height:0;max-height:100%;display:flex}@media (prefers-reduced-motion:no-preference){._6ivfy31{transition:transform var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}._1x52ra20{background-color:var(--lovelace-header-background);color:var(--lovelace-header-content);height:56px;padding:0 var(--lovelace-padding-12);align-items:center;gap:var(--lovelace-spacing-8);flex-shrink:0;display:flex;position:relative;overflow:hidden}._1x52ra20 [data-slot=icon]{color:var(--lovelace-header-content)}._1x52ra20 [data-slot=avatar] [data-slot=icon]{color:var(--lovelace-avatar-content)}._1x52ra21{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--lovelace-font-size-title-small);line-height:var(--lovelace-line-height-title-small);font-weight:var(--lovelace-font-weight-medium);flex:1;margin:0;overflow:hidden}._3tx76z0{aspect-ratio:37.5/12}._1nvcxt20{isolation:isolate;box-sizing:border-box;border:var(--lovelace-border-width-default) solid transparent;border-radius:var(--lovelace-border-radius-button);font-size:var(--lovelace-icon-size-control);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}._1nvcxt20:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}._1nvcxt20[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}._1nvcxt20[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}._1nvcxt20[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}._1nvcxt20[data-focus-visible]:not([data-disabled]){box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}._1nvcxt20[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}._1nvcxt21{background-color:var(--lovelace-button-primary-background);color:var(--lovelace-button-primary-content)}._1nvcxt21[data-disabled]{background-color:var(--lovelace-color-background-disabled)}._1nvcxt22{background-color:var(--lovelace-color-background-destructive);color:var(--lovelace-color-content-on-destructive)}._1nvcxt22[data-disabled]{background-color:var(--lovelace-color-background-disabled)}._1nvcxt23{background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);border-color:var(--lovelace-color-border-default)}._1nvcxt24{background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-destructive);border-color:var(--lovelace-color-border-destructive)}._1nvcxt25{color:var(--lovelace-color-content-default);background-color:#0000}._1nvcxt26{color:var(--lovelace-color-content-destructive);background-color:#0000}._1nvcxt27{width:40px;height:40px}._1nvcxt28{width:32px;height:32px}._1nvcxt29{width:24px;height:24px}@media (forced-colors:active){._1nvcxt20[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.ptvtw60{max-width:100%;display:block}.ynzg8v0{width:100%;font-family:var(--lovelace-font-family-body);flex-direction:column;display:flex}.ynzg8v3{align-items:flex-end;gap:var(--lovelace-gap-8);box-sizing:border-box;width:100%;min-height:40px;padding-inline:var(--lovelace-padding-12);padding-block:var(--lovelace-padding-8);border:var(--lovelace-border-width-default) solid var(--lovelace-color-border-default);background-color:var(--lovelace-color-background-default);border-radius:var(--lovelace-border-radius-input);cursor:text;display:flex}.ynzg8v3[data-focus-within]{border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.ynzg8v3[data-invalid]{border-color:var(--lovelace-color-border-destructive)}.ynzg8v3[data-disabled]{background-color:var(--lovelace-color-background-disabled);cursor:not-allowed}.ynzg8v5{border-radius:var(--lovelace-border-radius-composer);border:var(--lovelace-border-width-default) solid var(--lovelace-composer-border-default);background-color:var(--lovelace-composer-background)}.ynzg8v5[data-focus-within]{border-color:var(--lovelace-composer-border-active);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-composer-border-focus)}.ynzg8v5[data-invalid]{border-color:var(--lovelace-color-border-destructive)}.ynzg8v6{-webkit-appearance:none;appearance:none;min-width:0;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);color:var(--lovelace-color-content-default);background-color:#0000;border:none;outline:none;flex:1;margin:0;padding:0}.ynzg8v6::placeholder{color:var(--lovelace-color-content-secondary);opacity:1}.ynzg8v6[data-disabled]{color:var(--lovelace-color-content-disabled);cursor:not-allowed}.ynzg8v6[data-disabled]::placeholder{color:var(--lovelace-color-content-disabled)}.ynzg8v7{box-sizing:border-box;resize:none;overflow-wrap:anywhere;word-break:break-word;scrollbar-width:thin;scrollbar-color:var(--lovelace-color-border-default) transparent;width:100%;display:block;overflow-y:auto}.ynzg8v8{isolation:isolate;border-radius:var(--lovelace-border-radius-full);background-color:var(--lovelace-button-primary-background);width:22px;height:22px;color:var(--lovelace-button-primary-content);cursor:pointer;-webkit-appearance:none;appearance:none;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;overflow:hidden}.ynzg8v8:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;background-color:currentColor;position:absolute;inset:0}.ynzg8v8[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.ynzg8v8[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.ynzg8v8[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.ynzg8v8[data-focus-visible]:not([data-disabled]){box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.ynzg8v8[data-disabled]{cursor:not-allowed;background-color:var(--lovelace-color-background-disabled);color:var(--lovelace-color-content-disabled)}.ynzg8v9{font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);margin-bottom:var(--lovelace-gap-8);color:var(--lovelace-color-content-default)}.ynzg8va{margin-top:var(--lovelace-gap-4);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary)}.ynzg8va[data-invalid]{color:var(--lovelace-color-content-destructive)}.ynzg8v1 [data-slot=icon],.ynzg8v8 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}.ynzg8v1>[data-slot=icon]{color:var(--lovelace-color-content-secondary)}.ynzg8v1[data-disabled]>[data-slot=icon]{color:var(--lovelace-color-content-disabled)}.ynzg8v2 .ynzg8v6{color:var(--lovelace-composer-content-default)}.ynzg8v2 .ynzg8v6::placeholder,.ynzg8v2>[data-slot=icon]{color:var(--lovelace-composer-content-secondary)}.ynzg8v2 .ynzg8v6[data-disabled],.ynzg8v2 .ynzg8v6[data-disabled]::placeholder{color:var(--lovelace-color-content-disabled)}@media (prefers-reduced-motion:no-preference){.ynzg8v3{transition-property:border-color,box-shadow;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard)}.ynzg8v8:after{transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard)}}@media (forced-colors:active){.ynzg8v3[data-focus-within],.ynzg8v8[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.k107bi1{isolation:isolate;align-items:center;gap:var(--lovelace-gap-4);color:var(--lovelace-color-content-link);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);word-break:break-word;cursor:pointer;border-radius:var(--lovelace-border-radius-6);outline:none;text-decoration:none;display:inline-flex;position:relative}.k107bi1:after{content:"";inset-block:0;inset-inline:calc(-1 * var(--lovelace-padding-4));border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute}.k107bi1:not([data-icon]){text-decoration:underline}.k107bi1[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.k107bi1[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.k107bi1[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.k107bi1[data-focus-visible]:not([data-disabled]){box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.k107bi1[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.k107bi2{text-decoration:underline}.k107bi0 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}[dir=rtl] .k107bi0:not([data-download]) [data-slot=icon]{transform:scaleX(-1)}@media (forced-colors:active){.k107bi1[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.fa1x5n0{outline:none;flex-direction:column;display:flex}.fa1x5n1{isolation:isolate;box-sizing:border-box;align-items:center;gap:var(--lovelace-gap-12);min-height:40px;padding-inline:var(--lovelace-padding-8);padding-block:var(--lovelace-padding-4);border-radius:var(--lovelace-border-radius-button);border:var(--lovelace-border-width-default) solid transparent;background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-body);font-weight:var(--lovelace-font-weight-regular);line-height:var(--lovelace-line-height-body);text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;display:flex;position:relative}.fa1x5n1:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.fa1x5n1[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.fa1x5n1[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.fa1x5n1[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.fa1x5n1[data-focus-visible]:not([data-disabled]){border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.fa1x5n1[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.fa1x5n1>[data-slot=icon]{font-size:var(--lovelace-icon-size-lg);flex-shrink:0}.fa1x5n1>[data-slot=label]{text-align:start;overflow-wrap:anywhere;flex:1;min-width:0}@media (forced-colors:active){.fa1x5n1[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.mufew31{gap:var(--lovelace-gap-20);flex-direction:column;display:flex}.mufew31[data-orientation=horizontal]{flex-direction:row}.mufew32{cursor:pointer;-webkit-user-select:none;user-select:none}.mufew32[data-disabled]{cursor:not-allowed}.mufew33{align-items:center;gap:var(--lovelace-gap-12);display:inline-flex}.mufew34{isolation:isolate;box-sizing:border-box;align-items:center;gap:var(--lovelace-gap-12);min-height:40px;padding-inline:var(--lovelace-padding-8);padding-block:var(--lovelace-padding-4);border-radius:var(--lovelace-border-radius-button);border:var(--lovelace-border-width-default) solid transparent;background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-body);font-weight:var(--lovelace-font-weight-regular);line-height:var(--lovelace-line-height-body);text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;display:flex;position:relative}.mufew34:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.mufew34[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.mufew34[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.mufew34[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.mufew34[data-focus-visible]:not([data-disabled]){border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.mufew34[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.mufew30>[data-slot=icon]{font-size:var(--lovelace-icon-size-lg);flex-shrink:0}.mufew30>[data-slot=label]{text-align:start;overflow-wrap:anywhere;flex:1;min-width:0}.mufew35{box-sizing:border-box;border-radius:var(--lovelace-border-radius-full);border-style:solid;border-width:var(--lovelace-border-width-default);background-color:var(--lovelace-color-background-default);border-color:var(--lovelace-color-border-default);width:24px;height:24px;transition-property:background-color,border-color,box-shadow;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);flex-shrink:0;position:relative}[data-hovered]:not([data-selected]):not([data-disabled])>.mufew35[data-state-layer]{border-color:var(--lovelace-color-border-medium)}[data-selected]>.mufew35{background-color:var(--lovelace-color-background-inverse);border-color:var(--lovelace-color-background-inverse)}[data-focus-visible]:not([data-disabled])>.mufew35[data-state-layer]{box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}[data-focus-visible]:not([data-selected]):not([data-disabled])>.mufew35[data-state-layer]{border-color:var(--lovelace-color-border-accent)}[data-disabled]:not([data-selected])>.mufew35{background-color:var(--lovelace-color-background-tertiary);border-color:var(--lovelace-color-border-default)}[data-disabled][data-selected]>.mufew35{background-color:var(--lovelace-color-background-disabled);border-color:var(--lovelace-color-background-disabled)}.mufew36{border-radius:var(--lovelace-border-radius-full);pointer-events:none;background-color:#0000;position:absolute;inset:5px}[data-selected]>.mufew35>.mufew36{background-color:var(--lovelace-color-background-default)}[data-selected][data-disabled]>.mufew35>.mufew36{background-color:var(--lovelace-color-background-tertiary)}.mufew37{font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-body);font-weight:var(--lovelace-font-weight-regular);line-height:var(--lovelace-line-height-body);color:var(--lovelace-color-content-default)}[data-disabled]>.mufew37{color:var(--lovelace-color-content-disabled)}@media (forced-colors:active){.mufew34[data-focus-visible]:not([data-disabled]),[data-focus-visible]:not([data-disabled])>.mufew35[data-state-layer]{outline-offset:2px;outline:2px solid highlight}[data-selected]>.mufew35>.mufew36{background-color:canvastext}}._1s0itzy0{cursor:pointer;outline:none;flex-shrink:0;display:inline-flex}._1s0itzy0[data-disabled]{cursor:not-allowed}._1s0itzy1{isolation:isolate;box-sizing:border-box;border-radius:var(--lovelace-border-radius-full);background-color:var(--lovelace-color-background-quaternary);width:44px;height:24px;color:var(--lovelace-color-content-inverse);flex-shrink:0;display:inline-block;position:relative;box-shadow:0 1px 1px #00000014}._1s0itzy1:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;background-color:currentColor;position:absolute;inset:0}[data-selected]>._1s0itzy1{background-color:var(--lovelace-color-background-success);box-shadow:none}[data-hovered]:not([data-disabled])>._1s0itzy1[data-state-layer]:after{opacity:var(--lovelace-opacity-state-hover)}[data-focus-visible]:not([data-disabled])>._1s0itzy1[data-state-layer]:after{opacity:var(--lovelace-opacity-state-focus)}[data-pressed]:not([data-disabled])>._1s0itzy1[data-state-layer]:after{opacity:var(--lovelace-opacity-state-pressed)}[data-focus-visible]:not([data-disabled])>._1s0itzy1[data-state-layer]{box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}[data-disabled]>._1s0itzy1{background-color:var(--lovelace-color-background-disabled);box-shadow:none}[data-disabled][data-selected]>._1s0itzy1{background-color:var(--lovelace-color-background-success)}[data-disabled][data-selected]>._1s0itzy1:after{opacity:.3}._1s0itzy2{border-radius:var(--lovelace-border-radius-full);background-color:var(--lovelace-color-background-default);pointer-events:none;width:22px;height:22px;position:absolute;inset-block-start:1px;inset-inline-start:1px;box-shadow:0 1px 2px #00000014}[data-selected]>._1s0itzy1>._1s0itzy2{inset-inline-start:calc(100% - 23px)}@media (prefers-reduced-motion:no-preference){._1s0itzy1{transition-property:background-color,box-shadow;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard)}._1s0itzy1:after{transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard)}._1s0itzy2{transition:inset-inline-start var(--lovelace-duration-fast) var(--lovelace-easing-standard)}}@media (forced-colors:active){[data-focus-visible]:not([data-disabled])>._1s0itzy1[data-state-layer]{outline-offset:2px;outline:2px solid highlight}}._14rcj9q1{box-sizing:border-box;border-radius:var(--lovelace-border-radius-media-preview);border:var(--lovelace-border-width-default) solid var(--lovelace-color-border-default);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}._14rcj9q2{aspect-ratio:16/9}._14rcj9q3{aspect-ratio:4/3}._14rcj9q4{aspect-ratio:1}._14rcj9q5{aspect-ratio:3/4}._14rcj9q6{aspect-ratio:9/16}._14rcj9q7{background-color:var(--lovelace-color-background-disabled);color:var(--lovelace-color-content-disabled)}._14rcj9q9{object-fit:cover;width:100%;height:100%;display:block}._14rcj9q0 [data-slot=icon]{font-size:var(--lovelace-icon-size-lg)}.rygqx10{isolation:isolate;justify-content:center;align-items:center;gap:var(--lovelace-gap-8);padding-inline:var(--lovelace-padding-12);box-sizing:border-box;border:var(--lovelace-border-width-default) solid var(--lovelace-color-border-default);border-radius:var(--lovelace-border-radius-pill);background-color:var(--lovelace-color-background-default);color:var(--lovelace-pill-content-primary);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;text-decoration:none;display:inline-flex;position:relative}.rygqx10:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.rygqx10[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.rygqx10[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.rygqx10[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.rygqx10[data-focus-visible]:not([data-disabled]){border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.rygqx10[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.rygqx11{height:40px}.rygqx12{height:32px}[data-slot=pill-button] [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}@media (forced-colors:active){.rygqx10[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.y22qey0{box-sizing:border-box;width:fit-content;min-height:48px;padding-block:var(--lovelace-padding-8);padding-inline:var(--lovelace-padding-16);border-radius:var(--lovelace-border-radius-message);background-color:var(--lovelace-color-background-default);border:var(--lovelace-border-width-default) solid var(--lovelace-color-border-default);color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);text-align:start;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;box-shadow:0 8px 24px #00000014}[data-theme=dark] .y22qey0{box-shadow:0 8px 24px #ffffff14}._19x8abf1{isolation:isolate;box-sizing:border-box;border-radius:var(--lovelace-border-radius-full);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,box-shadow;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);border:none;outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:0 4px 14px #0000000f}._19x8abf1:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}._19x8abf1[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}._19x8abf1[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}._19x8abf1[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}._19x8abf1[data-focus-visible]:not([data-disabled]){box-shadow:0 4px 14px 0 #0000000f, 0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}._19x8abf2{background-color:var(--lovelace-scrollmarker-background);color:var(--lovelace-scrollmarker-content)}._19x8abf3{background-color:var(--lovelace-color-background-accent);color:var(--lovelace-color-content-on-accent)}._19x8abf4{width:40px;height:40px;padding:0}._19x8abf5{height:38px;padding-inline:var(--lovelace-padding-12);gap:var(--lovelace-gap-8)}._19x8abf0 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}@media (forced-colors:active){._19x8abf1[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.mf01c90{box-sizing:border-box;background-color:var(--lovelace-color-background-default);width:100%;min-height:0;max-height:100%;color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);flex-direction:column;flex:0 auto;display:flex;overflow-y:auto}.mf01c91{height:56px;padding-inline:var(--lovelace-padding-12);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.mf01c92{color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);text-align:center;margin:0}.mf01c93{inset-inline-start:var(--lovelace-padding-12);align-items:center;display:flex;position:absolute;top:0;bottom:0}.mf01c94{inset-inline-end:var(--lovelace-padding-12);align-items:center;display:flex;position:absolute;top:0;bottom:0}[dir=rtl] .mf01c95{transform:scaleX(-1)}.mf01c96{min-height:var(--lovelace-spacing-48);padding:var(--lovelace-padding-12);box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--lovelace-color-border-default) transparent;flex:0 auto;overflow-y:auto}.mf01c97{align-items:stretch;gap:var(--lovelace-gap-12);padding:var(--lovelace-padding-12);box-sizing:border-box;flex-direction:column;flex-shrink:0;display:flex}._1hi4ecs0{background-color:var(--lovelace-color-background-neutral-overlay);justify-content:flex-end;align-items:center}._1hi4ecs1{background-color:var(--lovelace-color-background-default);border-start-start-radius:var(--lovelace-border-radius-container);border-start-end-radius:var(--lovelace-border-radius-container);flex-direction:column;width:100%;min-height:0;max-height:80%;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 24px 4px #0000001f}._1hi4ecs1[data-entering],._1hi4ecs1[data-exiting]{transform:translateY(100%)}._1hi4ecs2{outline:none;flex-direction:column;flex:auto;min-height:0;max-height:100%;display:flex}@media (prefers-reduced-motion:no-preference){._1hi4ecs1{transition:transform var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}@keyframes _2rqyvg0{to{transform:rotate(360deg)}}._2rqyvg1{box-sizing:border-box;border-style:solid;border-color:var(--lovelace-color-background-neutral-overlay);border-radius:50%;animation:.8s linear infinite _2rqyvg0;display:inline-block}._2rqyvg1[data-reduced-motion]{animation-duration:2.4s}._2rqyvg2{border-width:2px;width:16px;height:16px}._2rqyvg3{border-width:3px;width:32px;height:32px}._2rqyvg4{border-top-color:var(--lovelace-color-content-default)}._2rqyvg5{border-top-color:var(--lovelace-color-content-on-accent)}@media (prefers-reduced-motion:reduce){._2rqyvg1{animation-duration:2.4s}}.jzxfg70{gap:var(--lovelace-gap-8);flex-direction:column;width:fit-content;display:flex}.jzxfg71{justify-content:center;align-items:center;gap:var(--lovelace-gap-8);flex-wrap:wrap;width:100%;display:flex}.jzxfg72{width:100%;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary);justify-content:space-between;display:flex}._1y87qec0{justify-content:center;align-items:center;gap:var(--lovelace-gap-8);flex-wrap:wrap;width:100%;display:flex}@keyframes _9az62f0{0%{background-position-x:200%}to{background-position-x:0%}}@keyframes _9az62f1{0%,80%,to{vertical-align:0}40%{vertical-align:.3em}}._9az62f2{font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;background-image:linear-gradient(90deg, var(--lovelace-color-content-secondary) 0%, var(--lovelace-color-content-secondary) 35%, var(--lovelace-color-content-default) 50%, var(--lovelace-color-content-secondary) 65%, var(--lovelace-color-content-secondary) 100%);color:#0000;-webkit-text-fill-color:transparent;background-repeat:repeat;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite _9az62f0;display:inline-block}._9az62f3{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._9az62f4{display:inline}._9az62f5{line-height:0;animation:1.4s ease-in-out infinite _9az62f1;display:inline}._9az62f5:nth-child(2){animation-delay:.16s}._9az62f5:nth-child(3){animation-delay:.32s}@media (prefers-reduced-motion:reduce){._9az62f2{color:var(--lovelace-color-content-secondary);-webkit-text-fill-color:var(--lovelace-color-content-secondary);background-image:none;animation:none}._9az62f5{animation:none}}.k6tn090{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--lovelace-gap-8);width:100%;padding-inline:var(--lovelace-padding-12);padding-block:var(--lovelace-padding-8);display:flex}.k6tn092{background-color:var(--lovelace-color-background-success-light);color:var(--lovelace-color-content-success)}.k6tn093{background-color:var(--lovelace-color-background-warning-light);color:var(--lovelace-color-content-warning)}.k6tn094{background-color:var(--lovelace-color-background-destructive-light);color:var(--lovelace-color-content-destructive)}.k6tn095{color:inherit;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);overflow-wrap:break-word;margin:0}.k6tn096{white-space:nowrap;text-align:center;flex-shrink:0}.k6tn097{text-align:left;flex:1 0 0;min-width:0}.k6tn090 [data-slot=icon]{font-size:var(--lovelace-icon-size-control)}.s6807p0{box-sizing:border-box;max-width:184px;padding:var(--lovelace-spacing-8);border-radius:var(--lovelace-border-radius-6);background-color:var(--lovelace-color-background-inverse);color:var(--lovelace-color-content-inverse);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);text-align:center;word-break:break-word;filter:drop-shadow(0 4px 14px #0000000f)}.s6807p0[data-entering],.s6807p0[data-exiting]{opacity:0}.s6807p1{display:block}.s6807p2{fill:var(--lovelace-color-background-inverse);display:block}.s6807p0[data-placement^=top] .s6807p2{transform:rotate(0)}.s6807p0[data-placement^=bottom] .s6807p2{transform:rotate(180deg)}.s6807p0[data-placement^=left] .s6807p2{transform:rotate(-90deg)}.s6807p0[data-placement^=right] .s6807p2{transform:rotate(90deg)}@media (prefers-reduced-motion:no-preference){.s6807p0{transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard)}}@keyframes bwq5ac0{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.bwq5ac1{align-items:center;gap:var(--lovelace-gap-4);height:38px;padding-inline:var(--lovelace-padding-20);background-color:var(--lovelace-color-background-quaternary);border-start-start-radius:var(--lovelace-border-radius-20);border-start-end-radius:var(--lovelace-border-radius-20);border-end-end-radius:var(--lovelace-border-radius-20);border-end-start-radius:0;display:inline-flex}.bwq5ac2{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bwq5ac3{width:var(--lovelace-spacing-8);height:var(--lovelace-spacing-8);border-radius:var(--lovelace-border-radius-full);background-color:var(--lovelace-color-content-default);flex-shrink:0;animation:.9s ease-in-out infinite bwq5ac0}.bwq5ac3:nth-child(2){animation-delay:.15s}.bwq5ac3:nth-child(3){animation-delay:.3s}@media (prefers-reduced-motion:reduce){.bwq5ac3{animation:none}}.jxp4or0{align-items:flex-end;gap:var(--lovelace-gap-4);box-sizing:border-box;flex-direction:column;width:100%;padding-inline-start:var(--lovelace-padding-20);display:flex}.jxp4or1{box-sizing:border-box;max-width:100%;padding-inline:var(--lovelace-padding-12);padding-block:var(--lovelace-padding-8);border-radius:var(--lovelace-border-radius-message);background-color:var(--lovelace-message-user-background);align-items:center;display:flex}.jxp4or2{color:var(--lovelace-message-user-content);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);overflow-wrap:anywhere;word-break:break-word;margin:0}.jxp4or3{justify-content:flex-end;width:100%;display:flex}.jxp4or4{min-height:var(--lovelace-icon-size-lg);align-items:center;gap:var(--lovelace-gap-4);color:var(--lovelace-color-content-destructive);margin:0;display:inline-flex}.jxp4or5{border-radius:var(--lovelace-border-radius-6);cursor:pointer;background:0 0;border:none;outline:none;padding:0}.jxp4or5[data-focus-visible]{box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.jxp4or6{color:inherit;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);margin:0}.jxp4or4 [data-slot=icon]{font-size:var(--lovelace-icon-size-lg)}@media (forced-colors:active){.jxp4or5[data-focus-visible]{outline-offset:2px;outline:2px solid highlight}}
2
2
  /*$vite$:1*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ada-cx/lovelace",
3
- "version": "1.1.0",
3
+ "version": "1.3.0",
4
4
  "description": "Ada's messaging design system primitives: React Aria Components behavior, vanilla-extract styling, Figma-generated design tokens.",
5
5
  "license": "ISC",
6
6
  "type": "module",