@ada-cx/lovelace 1.5.0 → 1.6.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.
@@ -1,3 +1,4 @@
1
+ export declare const checkboxGroup: string;
1
2
  /**
2
3
  * The RAC `Checkbox` label. `inline` lays the box out beside an optional label;
3
4
  * `row` is the 40px selectable row Figma draws for a menu item, for a
@@ -1,16 +1,16 @@
1
1
  import { createRuntimeFn as e } from "../../vendor/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
2
2
  /* empty css */
3
3
  //#region src/components/Checkbox/Checkbox.css.ts
4
- var t = e({
5
- defaultClassName: "s7h2sn1",
4
+ var t = "s7h2sn0", n = e({
5
+ defaultClassName: "s7h2sn2",
6
6
  variantClassNames: { variant: {
7
- inline: "s7h2sn2",
8
- row: "s7h2sn3 s7h2sn0"
7
+ inline: "s7h2sn3",
8
+ row: "s7h2sn4 s7h2sn1"
9
9
  } },
10
10
  defaultVariants: { variant: "inline" },
11
11
  compoundVariants: []
12
- }), n = "s7h2sn4", r = "s7h2sn5";
12
+ }), r = "s7h2sn5", i = "s7h2sn6";
13
13
  //#endregion
14
- export { n as checkboxBox, r as checkboxGlyph, t as checkboxRoot };
14
+ export { r as checkboxBox, i as checkboxGlyph, t as checkboxGroup, n as checkboxRoot };
15
15
 
16
16
  //# sourceMappingURL=Checkbox.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.css.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.css.ts"],"sourcesContent":["import { globalStyle, style } from \"@vanilla-extract/css\";\nimport { recipe } from \"@vanilla-extract/recipes\";\nimport { rowFrame, rowSlotRules } from \"../../styles/row.js\";\nimport { t } from \"../../tokens/index.js\";\n\n// 24px box + 16px glyph mirror Figma's fixed frame sizes (button-size/xs,\n// icon-size/md), which the token set does not expose as spacing values.\nconst BOX_SIZE = \"24px\";\nconst GLYPH_SIZE = \"16px\";\n\n// Empty handle classes: a recipe can't target a descendant, so the row variant's\n// slot rules are attached to a stable class instead (same trick as Button's base).\nconst checkboxRowBase = style({});\n\n/**\n * The RAC `Checkbox` label. `inline` lays the box out beside an optional label;\n * `row` is the 40px selectable row Figma draws for a menu item, for a\n * `CheckboxGroup` rendered as a list of options.\n */\nexport const checkboxRoot = recipe({\n\tbase: {\n\t\tfontFamily: t(\"font-family-body\"),\n\t\tfontWeight: t(\"font-weight-regular\"),\n\t\tfontSize: t(\"font-size-body\"),\n\t\tlineHeight: t(\"line-height-body\"),\n\t\tcolor: t(\"color-content-default\"),\n\t\tcursor: \"pointer\",\n\t\tuserSelect: \"none\",\n\t\toutline: \"none\",\n\t\tselectors: {\n\t\t\t\"&[data-disabled]\": {\n\t\t\t\tcursor: \"not-allowed\",\n\t\t\t\tcolor: t(\"color-content-disabled\"),\n\t\t\t},\n\t\t},\n\t},\n\tvariants: {\n\t\tvariant: {\n\t\t\tinline: {\n\t\t\t\tdisplay: \"inline-flex\",\n\t\t\t\talignItems: \"center\",\n\t\t\t\tgap: t(\"gap-12\"),\n\t\t\t},\n\t\t\trow: [checkboxRowBase, rowFrame],\n\t\t},\n\t},\n\tdefaultVariants: { variant: \"inline\" },\n});\n\nglobalStyle(`${checkboxRowBase} > [data-slot=\"icon\"]`, rowSlotRules.icon);\nglobalStyle(`${checkboxRowBase} > [data-slot=\"label\"]`, rowSlotRules.label);\n\n/**\n * The 24px indicator. Its geometry is fixed in every state — a rigid `border-box`\n * square with an always-present 1px border (transparent when filled) and a\n * `box-shadow` focus ring — so selecting/focusing never reflows it.\n *\n * Selection/interaction state lives on the host element (the RAC label, or a\n * `MenuItem` row), so the state rules below are child selectors driven from\n * whichever host carries React Aria's `data-*`. `color` is the inverse content\n * color: it feeds both the glyph stroke and the `currentColor` state-layer\n * overlay, so the overlay is invisible over the light unchecked box (Figma changes\n * only the border on hover) yet lightens the dark filled box.\n */\nexport const checkboxBox = style({\n\tposition: \"relative\",\n\tisolation: \"isolate\",\n\tboxSizing: \"border-box\",\n\tflexShrink: 0,\n\twidth: BOX_SIZE,\n\theight: BOX_SIZE,\n\tborderRadius: t(\"border-radius-6\"),\n\tborderStyle: \"solid\",\n\tborderWidth: t(\"border-width-default\"),\n\tborderColor: t(\"color-border-default\"),\n\tbackgroundColor: t(\"color-background-default\"),\n\tcolor: t(\"color-content-inverse\"),\n\t// No background-color transition, so the fill flips instantly and lands with the glyph.\n\ttransitionProperty: \"border-color, box-shadow\",\n\ttransitionDuration: t(\"duration-fast\"),\n\ttransitionTimingFunction: t(\"easing-standard\"),\n\t\"::after\": {\n\t\tcontent: '\"\"',\n\t\tposition: \"absolute\",\n\t\tinset: 0,\n\t\tborderRadius: \"inherit\",\n\t\tbackgroundColor: \"currentColor\",\n\t\topacity: 0,\n\t\tpointerEvents: \"none\",\n\t\tzIndex: -1,\n\t\ttransition: `opacity ${t(\"duration-fast\")} ${t(\"easing-standard\")}`,\n\t},\n});\n\n/**\n * Checkmark / dash glyph — absolutely centered and toggled by opacity, never\n * in-flow, so revealing it can never shift the box.\n */\nexport const checkboxGlyph = style({\n\tposition: \"absolute\",\n\tinset: 0,\n\tmargin: \"auto\",\n\twidth: GLYPH_SIZE,\n\theight: GLYPH_SIZE,\n\tcolor: \"currentColor\",\n\topacity: 0,\n\tpointerEvents: \"none\",\n});\n\n// Selection and disabled are host-agnostic: any element carrying React Aria's\n// `data-*` drives the box directly below it. Interaction (hover border, state\n// layer, focus ring) additionally requires `[data-state-layer]`, which the\n// indicator sets only when it is the sole affordance — inside a row the row\n// paints those itself.\n\n// Border goes transparent when filled so it folds into the fill (no ring).\nglobalStyle(\n\t`[data-selected] > ${checkboxBox}, [data-indeterminate] > ${checkboxBox}`,\n\t{\n\t\tbackgroundColor: t(\"color-background-inverse\"),\n\t\tborderColor: \"transparent\",\n\t},\n);\n\n// Unchecked hover darkens the border (Figma color/border/medium).\nglobalStyle(\n\t`[data-hovered]:not([data-disabled]):not([data-selected]):not([data-indeterminate]) > ${checkboxBox}[data-state-layer]`,\n\t{ borderColor: t(\"color-border-medium\") },\n);\n\n// State layer — currentColor overlay at per-state opacity, tracking box content color.\nglobalStyle(\n\t`[data-hovered]:not([data-disabled]) > ${checkboxBox}[data-state-layer]::after`,\n\t{ opacity: t(\"opacity-state-hover\") },\n);\nglobalStyle(\n\t`[data-focus-visible]:not([data-disabled]) > ${checkboxBox}[data-state-layer]::after`,\n\t{ opacity: t(\"opacity-state-focus\") },\n);\nglobalStyle(\n\t`[data-pressed]:not([data-disabled]) > ${checkboxBox}[data-state-layer]::after`,\n\t{ opacity: t(\"opacity-state-pressed\") },\n);\n\n// Focus ring — box-shadow, so it never changes the box's size.\nglobalStyle(\n\t`[data-focus-visible]:not([data-disabled]) > ${checkboxBox}[data-state-layer]`,\n\t{ boxShadow: `0 0 0 ${t(\"border-width-focus\")} ${t(\"color-border-focus\")}` },\n);\n\nglobalStyle(\n\t`[data-focus-visible]:not([data-disabled]) > ${checkboxBox}[data-state-layer]`,\n\t{\n\t\t\"@media\": {\n\t\t\t\"(forced-colors: active)\": {\n\t\t\t\toutline: \"2px solid Highlight\",\n\t\t\t\toutlineOffset: \"2px\",\n\t\t\t},\n\t\t},\n\t},\n);\n\n// Disabled wins over the filled rule: light fill, default border, faded glyph\n// (Figma color/content/disabled).\nglobalStyle(`[data-disabled] > ${checkboxBox}`, {\n\tbackgroundColor: t(\"color-background-disabled\"),\n\tborderColor: t(\"color-border-default\"),\n\tcolor: t(\"color-content-disabled\"),\n});\n\n// Reveal the matching glyph. Dash wins for the mixed state; the check shows only\n// when selected and not indeterminate.\nglobalStyle(\n\t`[data-selected]:not([data-indeterminate]) > ${checkboxBox} > ${checkboxGlyph}[data-glyph=\"check\"]`,\n\t{ opacity: 1 },\n);\nglobalStyle(\n\t`[data-indeterminate] > ${checkboxBox} > ${checkboxGlyph}[data-glyph=\"dash\"]`,\n\t{ opacity: 1 },\n);\n"],"mappings":""}
1
+ {"version":3,"file":"Checkbox.css.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.css.ts"],"sourcesContent":["import { globalStyle, style } from \"@vanilla-extract/css\";\nimport { recipe } from \"@vanilla-extract/recipes\";\nimport { rowFrame, rowSlotRules } from \"../../styles/row.js\";\nimport { t } from \"../../tokens/index.js\";\n\n// 24px box + 16px glyph mirror Figma's fixed frame sizes (button-size/xs,\n// icon-size/md), which the token set does not expose as spacing values.\nconst BOX_SIZE = \"24px\";\nconst GLYPH_SIZE = \"16px\";\n\nexport const checkboxGroup = style({\n\tdisplay: \"flex\",\n\tflexDirection: \"column\",\n\tgap: t(\"gap-20\"),\n});\n\n// Empty handle classes: a recipe can't target a descendant, so the row variant's\n// slot rules are attached to a stable class instead (same trick as Button's base).\nconst checkboxRowBase = style({});\n\n/**\n * The RAC `Checkbox` label. `inline` lays the box out beside an optional label;\n * `row` is the 40px selectable row Figma draws for a menu item, for a\n * `CheckboxGroup` rendered as a list of options.\n */\nexport const checkboxRoot = recipe({\n\tbase: {\n\t\tfontFamily: t(\"font-family-body\"),\n\t\tfontWeight: t(\"font-weight-regular\"),\n\t\tfontSize: t(\"font-size-body\"),\n\t\tlineHeight: t(\"line-height-body\"),\n\t\tcolor: t(\"color-content-default\"),\n\t\tcursor: \"pointer\",\n\t\tuserSelect: \"none\",\n\t\toutline: \"none\",\n\t\tselectors: {\n\t\t\t\"&[data-disabled]\": {\n\t\t\t\tcursor: \"not-allowed\",\n\t\t\t\tcolor: t(\"color-content-disabled\"),\n\t\t\t},\n\t\t},\n\t},\n\tvariants: {\n\t\tvariant: {\n\t\t\tinline: {\n\t\t\t\tdisplay: \"inline-flex\",\n\t\t\t\talignItems: \"center\",\n\t\t\t\tgap: t(\"gap-12\"),\n\t\t\t},\n\t\t\trow: [checkboxRowBase, rowFrame],\n\t\t},\n\t},\n\tdefaultVariants: { variant: \"inline\" },\n});\n\nglobalStyle(`${checkboxRowBase} > [data-slot=\"icon\"]`, rowSlotRules.icon);\nglobalStyle(`${checkboxRowBase} > [data-slot=\"label\"]`, rowSlotRules.label);\n\n/**\n * The 24px indicator. Its geometry is fixed in every state — a rigid `border-box`\n * square with an always-present 1px border (transparent when filled) and a\n * `box-shadow` focus ring — so selecting/focusing never reflows it.\n *\n * Selection/interaction state lives on the host element (the RAC label, or a\n * `MenuItem` row), so the state rules below are child selectors driven from\n * whichever host carries React Aria's `data-*`. `color` is the inverse content\n * color: it feeds both the glyph stroke and the `currentColor` state-layer\n * overlay, so the overlay is invisible over the light unchecked box (Figma changes\n * only the border on hover) yet lightens the dark filled box.\n */\nexport const checkboxBox = style({\n\tposition: \"relative\",\n\tisolation: \"isolate\",\n\tboxSizing: \"border-box\",\n\tflexShrink: 0,\n\twidth: BOX_SIZE,\n\theight: BOX_SIZE,\n\tborderRadius: t(\"border-radius-6\"),\n\tborderStyle: \"solid\",\n\tborderWidth: t(\"border-width-default\"),\n\tborderColor: t(\"color-border-default\"),\n\tbackgroundColor: t(\"color-background-default\"),\n\tcolor: t(\"color-content-inverse\"),\n\t// No background-color transition, so the fill flips instantly and lands with the glyph.\n\ttransitionProperty: \"border-color, box-shadow\",\n\ttransitionDuration: t(\"duration-fast\"),\n\ttransitionTimingFunction: t(\"easing-standard\"),\n\t\"::after\": {\n\t\tcontent: '\"\"',\n\t\tposition: \"absolute\",\n\t\tinset: 0,\n\t\tborderRadius: \"inherit\",\n\t\tbackgroundColor: \"currentColor\",\n\t\topacity: 0,\n\t\tpointerEvents: \"none\",\n\t\tzIndex: -1,\n\t\ttransition: `opacity ${t(\"duration-fast\")} ${t(\"easing-standard\")}`,\n\t},\n});\n\n/**\n * Checkmark / dash glyph — absolutely centered and toggled by opacity, never\n * in-flow, so revealing it can never shift the box.\n */\nexport const checkboxGlyph = style({\n\tposition: \"absolute\",\n\tinset: 0,\n\tmargin: \"auto\",\n\twidth: GLYPH_SIZE,\n\theight: GLYPH_SIZE,\n\tcolor: \"currentColor\",\n\topacity: 0,\n\tpointerEvents: \"none\",\n});\n\n// Selection and disabled are host-agnostic: any element carrying React Aria's\n// `data-*` drives the box directly below it. Interaction (hover border, state\n// layer, focus ring) additionally requires `[data-state-layer]`, which the\n// indicator sets only when it is the sole affordance — inside a row the row\n// paints those itself.\n\n// Border goes transparent when filled so it folds into the fill (no ring).\nglobalStyle(\n\t`[data-selected] > ${checkboxBox}, [data-indeterminate] > ${checkboxBox}`,\n\t{\n\t\tbackgroundColor: t(\"color-background-inverse\"),\n\t\tborderColor: \"transparent\",\n\t},\n);\n\n// Unchecked hover darkens the border (Figma color/border/medium).\nglobalStyle(\n\t`[data-hovered]:not([data-disabled]):not([data-selected]):not([data-indeterminate]) > ${checkboxBox}[data-state-layer]`,\n\t{ borderColor: t(\"color-border-medium\") },\n);\n\n// State layer — currentColor overlay at per-state opacity, tracking box content color.\nglobalStyle(\n\t`[data-hovered]:not([data-disabled]) > ${checkboxBox}[data-state-layer]::after`,\n\t{ opacity: t(\"opacity-state-hover\") },\n);\nglobalStyle(\n\t`[data-focus-visible]:not([data-disabled]) > ${checkboxBox}[data-state-layer]::after`,\n\t{ opacity: t(\"opacity-state-focus\") },\n);\nglobalStyle(\n\t`[data-pressed]:not([data-disabled]) > ${checkboxBox}[data-state-layer]::after`,\n\t{ opacity: t(\"opacity-state-pressed\") },\n);\n\n// Focus ring — box-shadow, so it never changes the box's size.\nglobalStyle(\n\t`[data-focus-visible]:not([data-disabled]) > ${checkboxBox}[data-state-layer]`,\n\t{ boxShadow: `0 0 0 ${t(\"border-width-focus\")} ${t(\"color-border-focus\")}` },\n);\n\nglobalStyle(\n\t`[data-focus-visible]:not([data-disabled]) > ${checkboxBox}[data-state-layer]`,\n\t{\n\t\t\"@media\": {\n\t\t\t\"(forced-colors: active)\": {\n\t\t\t\toutline: \"2px solid Highlight\",\n\t\t\t\toutlineOffset: \"2px\",\n\t\t\t},\n\t\t},\n\t},\n);\n\n// Disabled wins over the filled rule: light fill, default border, faded glyph\n// (Figma color/content/disabled).\nglobalStyle(`[data-disabled] > ${checkboxBox}`, {\n\tbackgroundColor: t(\"color-background-disabled\"),\n\tborderColor: t(\"color-border-default\"),\n\tcolor: t(\"color-content-disabled\"),\n});\n\n// Reveal the matching glyph. Dash wins for the mixed state; the check shows only\n// when selected and not indeterminate.\nglobalStyle(\n\t`[data-selected]:not([data-indeterminate]) > ${checkboxBox} > ${checkboxGlyph}[data-glyph=\"check\"]`,\n\t{ opacity: 1 },\n);\nglobalStyle(\n\t`[data-indeterminate] > ${checkboxBox} > ${checkboxGlyph}[data-glyph=\"dash\"]`,\n\t{ opacity: 1 },\n);\n"],"mappings":""}
@@ -0,0 +1,15 @@
1
+ import type { CSSProperties, ReactNode, Ref } from "react";
2
+ import type { CheckboxGroupProps as AriaCheckboxGroupProps } from "react-aria-components";
3
+ export interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, "className" | "style" | "children"> {
4
+ className?: string;
5
+ style?: CSSProperties;
6
+ ref?: Ref<HTMLDivElement>;
7
+ /** The `Checkbox` options for this group. */
8
+ children: ReactNode;
9
+ }
10
+ /**
11
+ * Multi-select group: any number of child `Checkbox` options may be selected.
12
+ * Owns the selected values (`value`/`onChange`) and the group's accessible
13
+ * name — supply `aria-label` or `aria-labelledby`.
14
+ */
15
+ export declare function CheckboxGroup({ className, children, ...rest }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,16 @@
1
+ import { cx as e } from "../../utils/cx.js";
2
+ import { checkboxGroup as t } from "./Checkbox.css.js";
3
+ import { jsx as n } from "react/jsx-runtime";
4
+ import { CheckboxGroup as r } from "react-aria-components";
5
+ //#region src/components/Checkbox/CheckboxGroup.tsx
6
+ function i({ className: i, children: a, ...o }) {
7
+ return /* @__PURE__ */ n(r, {
8
+ ...o,
9
+ className: e(t, i),
10
+ children: a
11
+ });
12
+ }
13
+ //#endregion
14
+ export { i as CheckboxGroup };
15
+
16
+ //# sourceMappingURL=CheckboxGroup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckboxGroup.js","names":[],"sources":["../../../src/components/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode, Ref } from \"react\";\nimport type { CheckboxGroupProps as AriaCheckboxGroupProps } from \"react-aria-components\";\nimport { CheckboxGroup as AriaCheckboxGroup } from \"react-aria-components\";\nimport { cx } from \"../../utils/cx.js\";\nimport { checkboxGroup } from \"./Checkbox.css.js\";\n\nexport interface CheckboxGroupProps\n\textends Omit<AriaCheckboxGroupProps, \"className\" | \"style\" | \"children\"> {\n\tclassName?: string;\n\tstyle?: CSSProperties;\n\tref?: Ref<HTMLDivElement>;\n\t/** The `Checkbox` options for this group. */\n\tchildren: ReactNode;\n}\n\n/**\n * Multi-select group: any number of child `Checkbox` options may be selected.\n * Owns the selected values (`value`/`onChange`) and the group's accessible\n * name — supply `aria-label` or `aria-labelledby`.\n */\nexport function CheckboxGroup({\n\tclassName,\n\tchildren,\n\t...rest\n}: CheckboxGroupProps) {\n\treturn (\n\t\t<AriaCheckboxGroup {...rest} className={cx(checkboxGroup, className)}>\n\t\t\t{children}\n\t\t</AriaCheckboxGroup>\n\t);\n}\n"],"mappings":";;;;;AAoBA,SAAgB,EAAc,EAC7B,cACA,aACA,GAAG,KACmB;AACtB,QACC,kBAAC,GAAD;EAAmB,GAAI;EAAM,WAAW,EAAG,GAAe,EAAU;EAClE;EACkB,CAAA"}
@@ -1 +1,2 @@
1
1
  export { Checkbox, type CheckboxProps, type CheckboxVariant, } from "./Checkbox.js";
2
+ export { CheckboxGroup, type CheckboxGroupProps } from "./CheckboxGroup.js";
package/dist/index.js CHANGED
@@ -44,36 +44,37 @@ import { useRegisterOverlay as U } from "./hooks/overlayRegistry.js";
44
44
  import { BubbleOverlay as W } from "./components/BubbleOverlay/BubbleOverlay.js";
45
45
  import { Button as G } from "./components/Button/Button.js";
46
46
  import { Checkbox as K } from "./components/Checkbox/Checkbox.js";
47
- import { Chip as q } from "./components/Chip/Chip.js";
48
- import { Dialog as J } from "./components/Dialog/Dialog.js";
49
- import { DialogOverlay as Y } from "./components/DialogOverlay/DialogOverlay.js";
50
- import { Divider as X } from "./components/Divider/Divider.js";
51
- import { FullscreenOverlay as Z } from "./components/FullscreenOverlay/FullscreenOverlay.js";
52
- import { Header as Q } from "./components/Header/Header.js";
53
- import { Image as $ } from "./components/Image/Image.js";
54
- import { Input as ee } from "./components/Input/Input.js";
55
- import { Link as te } from "./components/Link/Link.js";
56
- import { Menu as ne } from "./components/MenuItem/Menu.js";
57
- import { MenuItem as re } from "./components/MenuItem/MenuItem.js";
58
- import { PictureMessage as ie } from "./components/PictureMessage/PictureMessage.js";
59
- import { PillButton as ae } from "./components/PillButton/PillButton.js";
60
- import { ProactiveMessage as oe } from "./components/ProactiveMessage/ProactiveMessage.js";
61
- import { Radio as se } from "./components/Radio/Radio.js";
62
- import { RadioGroup as ce } from "./components/Radio/RadioGroup.js";
63
- import { ScrollMarker as le } from "./components/ScrollMarker/ScrollMarker.js";
64
- import { Sheet as ue } from "./components/Sheet/Sheet.js";
65
- import { SheetOverlay as de } from "./components/SheetOverlay/SheetOverlay.js";
66
- import { useSubmitOnEnter as fe } from "./hooks/useSubmitOnEnter.js";
67
- import { Spinner as pe } from "./components/Spinner/Spinner.js";
68
- import { SurveyRating as me } from "./components/Survey/SurveyRating/SurveyRating.js";
69
- import { SurveySelect as he } from "./components/Survey/SurveySelect/SurveySelect.js";
70
- import { ThinkingShimmer as ge } from "./components/ThinkingShimmer/ThinkingShimmer.js";
71
- import { ToastRegion as _e } from "./components/ToastRegion/ToastRegion.js";
72
- import { ToastQueue as ve } from "./components/ToastRegion/index.js";
73
- import { Toggle as ye } from "./components/Toggle/Toggle.js";
74
- import { Tooltip as be, TooltipTrigger as xe } from "./components/Tooltip/Tooltip.js";
75
- import { TypingIndicator as Se } from "./components/TypingIndicator/TypingIndicator.js";
76
- import { UserMessage as Ce } from "./components/UserMessage/UserMessage.js";
77
- import { LOVELACE_SURFACES as we, contrastRatioBetween as Te, createBrandOverrides as Ee, isLegibleAgainst as De, isLegibleOnSurface as Oe, readableTextOnAccent as ke } from "./runtime/branding.js";
78
- import { LovelaceProvider as Ae, useResolvedTheme as je } from "./runtime/LovelaceProvider.js";
79
- export { o as AdaLogo, n as AgentMessage, s as ArrowDown, c as ArrowLeft, l as ArrowNortheast, u as ArrowNorthwest, d as ArrowRight, t as Avatar, e as AvatarPlaceholder, H as Banner, f as Bell, p as BellSlash, W as BubbleOverlay, G as Button, K as Checkbox, m as Checkmark, h as ChevronLeft, g as ChevronRight, q as Chip, _ as CloudUpload, J as Dialog, Y as DialogOverlay, X as Divider, v as Download, y as Ellipses, b as Email, x as ExclamationSync, S as ExclamationTriangle, C as Eye, w as EyeSlash, Z as FullscreenOverlay, Q as Header, a as Icon, B as IconButton, $ as Image, ee as Input, we as LOVELACE_SURFACES, T as Language, te as Link, Ae as LovelaceProvider, E as MediaSlash, ne as Menu, re as MenuItem, D as MessagingFill, O as Minimize, k as Mute, A as Paperclip, j as PersonFill, ie as PictureMessage, ae as PillButton, M as PlayFill, oe as ProactiveMessage, se as Radio, ce as RadioGroup, le as ScrollMarker, N as SendFill, ue as Sheet, de as SheetOverlay, pe as Spinner, P as StarBadgeFill, me as SurveyRating, he as SurveySelect, ge as ThinkingShimmer, F as ThumbsDown, I as ThumbsUp, V as ToastNotification, ve as ToastQueue, _e as ToastRegion, ye as Toggle, be as Tooltip, xe as TooltipTrigger, Se as TypingIndicator, Ce as UserMessage, L as Volume, R as Xmark, z as XmarkCircle, Te as contrastRatioBetween, Ee as createBrandOverrides, De as isLegibleAgainst, Oe as isLegibleOnSurface, r as readPrefersReducedMotion, ke as readableTextOnAccent, i as usePrefersReducedMotion, U as useRegisterOverlay, je as useResolvedTheme, fe as useSubmitOnEnter };
47
+ import { CheckboxGroup as q } from "./components/Checkbox/CheckboxGroup.js";
48
+ import { Chip as J } from "./components/Chip/Chip.js";
49
+ import { Dialog as Y } from "./components/Dialog/Dialog.js";
50
+ import { DialogOverlay as X } from "./components/DialogOverlay/DialogOverlay.js";
51
+ import { Divider as Z } from "./components/Divider/Divider.js";
52
+ import { FullscreenOverlay as Q } from "./components/FullscreenOverlay/FullscreenOverlay.js";
53
+ import { Header as $ } from "./components/Header/Header.js";
54
+ import { Image as ee } from "./components/Image/Image.js";
55
+ import { Input as te } from "./components/Input/Input.js";
56
+ import { Link as ne } from "./components/Link/Link.js";
57
+ import { Menu as re } from "./components/MenuItem/Menu.js";
58
+ import { MenuItem as ie } from "./components/MenuItem/MenuItem.js";
59
+ import { PictureMessage as ae } from "./components/PictureMessage/PictureMessage.js";
60
+ import { PillButton as oe } from "./components/PillButton/PillButton.js";
61
+ import { ProactiveMessage as se } from "./components/ProactiveMessage/ProactiveMessage.js";
62
+ import { Radio as ce } from "./components/Radio/Radio.js";
63
+ import { RadioGroup as le } from "./components/Radio/RadioGroup.js";
64
+ import { ScrollMarker as ue } from "./components/ScrollMarker/ScrollMarker.js";
65
+ import { Sheet as de } from "./components/Sheet/Sheet.js";
66
+ import { SheetOverlay as fe } from "./components/SheetOverlay/SheetOverlay.js";
67
+ import { useSubmitOnEnter as pe } from "./hooks/useSubmitOnEnter.js";
68
+ import { Spinner as me } from "./components/Spinner/Spinner.js";
69
+ import { SurveyRating as he } from "./components/Survey/SurveyRating/SurveyRating.js";
70
+ import { SurveySelect as ge } from "./components/Survey/SurveySelect/SurveySelect.js";
71
+ import { ThinkingShimmer as _e } from "./components/ThinkingShimmer/ThinkingShimmer.js";
72
+ import { ToastRegion as ve } from "./components/ToastRegion/ToastRegion.js";
73
+ import { ToastQueue as ye } from "./components/ToastRegion/index.js";
74
+ import { Toggle as be } from "./components/Toggle/Toggle.js";
75
+ import { Tooltip as xe, TooltipTrigger as Se } from "./components/Tooltip/Tooltip.js";
76
+ import { TypingIndicator as Ce } from "./components/TypingIndicator/TypingIndicator.js";
77
+ import { UserMessage as we } from "./components/UserMessage/UserMessage.js";
78
+ import { LOVELACE_SURFACES as Te, contrastRatioBetween as Ee, createBrandOverrides as De, isLegibleAgainst as Oe, isLegibleOnSurface as ke, readableTextOnAccent as Ae } from "./runtime/branding.js";
79
+ import { LovelaceProvider as je, useResolvedTheme as Me } from "./runtime/LovelaceProvider.js";
80
+ export { o as AdaLogo, n as AgentMessage, s as ArrowDown, c as ArrowLeft, l as ArrowNortheast, u as ArrowNorthwest, d as ArrowRight, t as Avatar, e as AvatarPlaceholder, H as Banner, f as Bell, p as BellSlash, W as BubbleOverlay, G as Button, K as Checkbox, q as CheckboxGroup, m as Checkmark, h as ChevronLeft, g as ChevronRight, J as Chip, _ as CloudUpload, Y as Dialog, X as DialogOverlay, Z as Divider, v as Download, y as Ellipses, b as Email, x as ExclamationSync, S as ExclamationTriangle, C as Eye, w as EyeSlash, Q as FullscreenOverlay, $ as Header, a as Icon, B as IconButton, ee as Image, te as Input, Te as LOVELACE_SURFACES, T as Language, ne as Link, je as LovelaceProvider, E as MediaSlash, re as Menu, ie as MenuItem, D as MessagingFill, O as Minimize, k as Mute, A as Paperclip, j as PersonFill, ae as PictureMessage, oe as PillButton, M as PlayFill, se as ProactiveMessage, ce as Radio, le as RadioGroup, ue as ScrollMarker, N as SendFill, de as Sheet, fe as SheetOverlay, me as Spinner, P as StarBadgeFill, he as SurveyRating, ge as SurveySelect, _e as ThinkingShimmer, F as ThumbsDown, I as ThumbsUp, V as ToastNotification, ye as ToastQueue, ve as ToastRegion, be as Toggle, xe as Tooltip, Se as TooltipTrigger, Ce as TypingIndicator, we as UserMessage, L as Volume, R as Xmark, z as XmarkCircle, Ee as contrastRatioBetween, De as createBrandOverrides, Oe as isLegibleAgainst, ke as isLegibleOnSurface, r as readPrefersReducedMotion, Ae as readableTextOnAccent, i as usePrefersReducedMotion, U as useRegisterOverlay, Me as useResolvedTheme, pe as useSubmitOnEnter };
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}.fpbgjm0{align-items:flex-end;display:flex;position:relative;overflow:hidden}.fpbgjm0[data-exiting]{transform:translateY(-100%)}.fpbgjm0[data-swapping]{opacity:0}@media (prefers-reduced-motion:no-preference){.fpbgjm0{transition:transform var(--lovelace-duration-medium) var(--lovelace-easing-standard), height var(--lovelace-duration-medium) var(--lovelace-easing-standard), opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard)}}._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}._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}}.k6tn090{gap:var(--lovelace-gap-8);box-sizing:border-box;width:100%;padding-inline:var(--lovelace-padding-12);padding-block:var(--lovelace-padding-8);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;overflow-wrap:break-word;align-items:flex-start;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{min-width:0;margin-inline-end:auto}.k6tn090>[data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0;margin-inline-start:auto}.k6tn090>[data-slot=button]{color:inherit}.k6tn090>[data-slot=button] [data-slot=icon]{font-size:var(--lovelace-icon-size-sm)}.k6tn090>[data-slot=button][data-disabled]{color:inherit;cursor:inherit}.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}._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}.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}}.kycjg90{outline:none;flex-direction:column;display:flex;position:relative}.kycjg91{z-index:1;outline:none;position:relative}.kycjg91[data-entering],.kycjg91[data-exiting]{transform:translateY(-100%)}.kycjg91[data-replacing][data-dropped]{z-index:0;position:absolute;top:0;left:0;right:0}.kycjg91[data-focus-visible]{box-shadow:inset 0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}@media (prefers-reduced-motion:no-preference){.kycjg91{transition:transform var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}@media (forced-colors:active){.kycjg91[data-focus-visible]{outline-offset:-2px;outline:2px solid highlight}}.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}.fpbgjm0{align-items:flex-end;display:flex;position:relative;overflow:hidden}.fpbgjm0[data-exiting]{transform:translateY(-100%)}.fpbgjm0[data-swapping]{opacity:0}@media (prefers-reduced-motion:no-preference){.fpbgjm0{transition:transform var(--lovelace-duration-medium) var(--lovelace-easing-standard), height var(--lovelace-duration-medium) var(--lovelace-easing-standard), opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard)}}._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}._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}}.k6tn090{gap:var(--lovelace-gap-8);box-sizing:border-box;width:100%;padding-inline:var(--lovelace-padding-12);padding-block:var(--lovelace-padding-8);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;overflow-wrap:break-word;align-items:flex-start;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{min-width:0;margin-inline-end:auto}.k6tn090>[data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0;margin-inline-start:auto}.k6tn090>[data-slot=button]{color:inherit}.k6tn090>[data-slot=button] [data-slot=icon]{font-size:var(--lovelace-icon-size-sm)}.k6tn090>[data-slot=button][data-disabled]{color:inherit;cursor:inherit}.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}}.s7h2sn0{gap:var(--lovelace-gap-20);flex-direction:column;display:flex}.s7h2sn2{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}.s7h2sn2[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.s7h2sn3{align-items:center;gap:var(--lovelace-gap-12);display:inline-flex}.s7h2sn4{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}.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}.s7h2sn4[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.s7h2sn4[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.s7h2sn4[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.s7h2sn4[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)}.s7h2sn4[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.s7h2sn1>[data-slot=icon]{font-size:var(--lovelace-icon-size-lg);flex-shrink:0}.s7h2sn1>[data-slot=label]{text-align:start;overflow-wrap:anywhere;flex:1;min-width:0}.s7h2sn5{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}.s7h2sn5: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}.s7h2sn6{color:currentColor;opacity:0;pointer-events:none;width:16px;height:16px;margin:auto;position:absolute;inset:0}[data-selected]>.s7h2sn5,[data-indeterminate]>.s7h2sn5{background-color:var(--lovelace-color-background-inverse);border-color:#0000}[data-hovered]:not([data-disabled]):not([data-selected]):not([data-indeterminate])>.s7h2sn5[data-state-layer]{border-color:var(--lovelace-color-border-medium)}[data-hovered]:not([data-disabled])>.s7h2sn5[data-state-layer]:after{opacity:var(--lovelace-opacity-state-hover)}[data-focus-visible]:not([data-disabled])>.s7h2sn5[data-state-layer]:after{opacity:var(--lovelace-opacity-state-focus)}[data-pressed]:not([data-disabled])>.s7h2sn5[data-state-layer]:after{opacity:var(--lovelace-opacity-state-pressed)}[data-focus-visible]:not([data-disabled])>.s7h2sn5[data-state-layer]{box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}[data-disabled]>.s7h2sn5{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])>.s7h2sn5>.s7h2sn6[data-glyph=check],[data-indeterminate]>.s7h2sn5>.s7h2sn6[data-glyph=dash]{opacity:1}@media (forced-colors:active){.s7h2sn4[data-focus-visible]:not([data-disabled]),[data-focus-visible]:not([data-disabled])>.s7h2sn5[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}._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}.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}}.kycjg90{outline:none;flex-direction:column;display:flex;position:relative}.kycjg91{z-index:1;outline:none;position:relative}.kycjg91[data-entering],.kycjg91[data-exiting]{transform:translateY(-100%)}.kycjg91[data-replacing][data-dropped]{z-index:0;position:absolute;top:0;left:0;right:0}.kycjg91[data-focus-visible]{box-shadow:inset 0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}@media (prefers-reduced-motion:no-preference){.kycjg91{transition:transform var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}@media (forced-colors:active){.kycjg91[data-focus-visible]{outline-offset:-2px;outline:2px solid highlight}}.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.5.0",
3
+ "version": "1.6.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",