@ada-cx/lovelace 1.0.0 → 1.2.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.
Files changed (66) hide show
  1. package/dist/components/Checkbox/Checkbox.css.d.ts +19 -5
  2. package/dist/components/Checkbox/Checkbox.css.js +11 -2
  3. package/dist/components/Checkbox/Checkbox.css.js.map +1 -1
  4. package/dist/components/Checkbox/Checkbox.d.ts +8 -1
  5. package/dist/components/Checkbox/Checkbox.js +12 -34
  6. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  7. package/dist/components/Checkbox/CheckboxIndicator.d.ts +23 -0
  8. package/dist/components/Checkbox/CheckboxIndicator.js +40 -0
  9. package/dist/components/Checkbox/CheckboxIndicator.js.map +1 -0
  10. package/dist/components/Checkbox/index.d.ts +1 -1
  11. package/dist/components/Dialog/DialogBody.d.ts +3 -1
  12. package/dist/components/Dialog/DialogBody.js +2 -1
  13. package/dist/components/Dialog/DialogBody.js.map +1 -1
  14. package/dist/components/DialogOverlay/DialogOverlay.d.ts +6 -1
  15. package/dist/components/DialogOverlay/DialogOverlay.js +6 -5
  16. package/dist/components/DialogOverlay/DialogOverlay.js.map +1 -1
  17. package/dist/components/MenuItem/MenuItem.css.d.ts +0 -2
  18. package/dist/components/MenuItem/MenuItem.css.js +2 -2
  19. package/dist/components/MenuItem/MenuItem.css.js.map +1 -1
  20. package/dist/components/MenuItem/MenuItem.d.ts +12 -6
  21. package/dist/components/MenuItem/MenuItem.js +11 -7
  22. package/dist/components/MenuItem/MenuItem.js.map +1 -1
  23. package/dist/components/MenuItem/MenuItemCheckbox.d.ts +12 -0
  24. package/dist/components/MenuItem/MenuItemCheckbox.js +13 -0
  25. package/dist/components/MenuItem/MenuItemCheckbox.js.map +1 -0
  26. package/dist/components/MenuItem/MenuItemLabel.d.ts +15 -0
  27. package/dist/components/MenuItem/MenuItemLabel.js +14 -0
  28. package/dist/components/MenuItem/MenuItemLabel.js.map +1 -0
  29. package/dist/components/MenuItem/MenuItemRadio.d.ts +11 -0
  30. package/dist/components/MenuItem/MenuItemRadio.js +13 -0
  31. package/dist/components/MenuItem/MenuItemRadio.js.map +1 -0
  32. package/dist/components/MenuItem/MenuItemRoot.d.ts +11 -5
  33. package/dist/components/MenuItem/MenuItemRoot.js +16 -7
  34. package/dist/components/MenuItem/MenuItemRoot.js.map +1 -1
  35. package/dist/components/MenuItem/MenuItemToggle.d.ts +12 -0
  36. package/dist/components/MenuItem/MenuItemToggle.js +13 -0
  37. package/dist/components/MenuItem/MenuItemToggle.js.map +1 -0
  38. package/dist/components/MenuItem/index.d.ts +1 -1
  39. package/dist/components/Radio/Radio.css.d.ts +23 -2
  40. package/dist/components/Radio/Radio.css.js +11 -2
  41. package/dist/components/Radio/Radio.css.js.map +1 -1
  42. package/dist/components/Radio/Radio.d.ts +8 -1
  43. package/dist/components/Radio/Radio.js +11 -13
  44. package/dist/components/Radio/Radio.js.map +1 -1
  45. package/dist/components/Radio/RadioIndicator.d.ts +22 -0
  46. package/dist/components/Radio/RadioIndicator.js +18 -0
  47. package/dist/components/Radio/RadioIndicator.js.map +1 -0
  48. package/dist/components/Radio/index.d.ts +1 -1
  49. package/dist/components/Sheet/Sheet.css.js.map +1 -1
  50. package/dist/components/Toggle/Toggle.css.d.ts +16 -5
  51. package/dist/components/Toggle/Toggle.css.js +2 -2
  52. package/dist/components/Toggle/Toggle.css.js.map +1 -1
  53. package/dist/components/Toggle/Toggle.js +3 -5
  54. package/dist/components/Toggle/Toggle.js.map +1 -1
  55. package/dist/components/Toggle/ToggleIndicator.d.ts +21 -0
  56. package/dist/components/Toggle/ToggleIndicator.js +18 -0
  57. package/dist/components/Toggle/ToggleIndicator.js.map +1 -0
  58. package/dist/style.css +1 -1
  59. package/dist/styles/row.d.ts +22 -0
  60. package/package.json +1 -1
  61. package/dist/components/MenuItem/MenuItemLeading.d.ts +0 -11
  62. package/dist/components/MenuItem/MenuItemLeading.js +0 -17
  63. package/dist/components/MenuItem/MenuItemLeading.js.map +0 -1
  64. package/dist/components/MenuItem/MenuItemTrailing.d.ts +0 -14
  65. package/dist/components/MenuItem/MenuItemTrailing.js +0 -17
  66. package/dist/components/MenuItem/MenuItemTrailing.js.map +0 -1
package/dist/style.css CHANGED
@@ -1,2 +1,2 @@
1
- ._1xn6t060{align-items:flex-start;gap:var(--lovelace-gap-12);display:flex}._1xn6t061{text-align:start;min-width:0;min-height:24px;color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);overflow-wrap:anywhere;word-break:break-word;flex-direction:column;flex:1 0 0;justify-content:center;margin:0;display:flex}.kmbju21{isolation:isolate;box-sizing:border-box;border-radius:var(--lovelace-border-radius-avatar);background-color:var(--lovelace-avatar-background);color:var(--lovelace-avatar-content);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-semi-bold);text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.kmbju22{width:24px;height:24px;font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body)}.kmbju23{width:36px;height:36px;font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body)}.kmbju24{width:48px;height:48px;font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body)}.kmbju25{width:72px;height:72px;font-size:var(--lovelace-font-size-title-large);line-height:var(--lovelace-line-height-title-large)}.kmbju26{flex-shrink:0}.kmbju27{width:24px;height:24px}.kmbju28{width:36px;height:36px}.kmbju29{width:48px;height:48px}.kmbju2a{width:72px;height:72px}.kmbju20 [data-slot=image]{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.kmbju20 [data-slot=icon]{flex-shrink:0}.kmbju20[data-size=sm] [data-slot=icon]{font-size:var(--lovelace-icon-size-sm)}.kmbju20[data-size=md] [data-slot=icon]{font-size:var(--lovelace-icon-size-md)}.kmbju20[data-size=lg] [data-slot=icon]{font-size:32px}.kmbju20[data-size=xl] [data-slot=icon]{font-size:36px}.xywi8y0{padding:var(--lovelace-padding-16);justify-content:flex-end;align-items:center}.xywi8y1{background-color:var(--lovelace-color-background-default);border-radius:var(--lovelace-border-radius-container);flex-direction:column;width:fit-content;max-width:min(320px,100%);min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 24px 4px #0000001f}.xywi8y1[data-entering],.xywi8y1[data-exiting]{transform:translateY(8px)}.xywi8y2{outline:none;flex-direction:column;flex:auto;min-height:0;max-height:100%;display:flex}@media (prefers-reduced-motion:no-preference){.xywi8y1{transition:transform var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}._1r1codi0{flex-direction:column;display:flex;position:fixed;inset:0}._1r1codi0[data-entering],._1r1codi0[data-exiting]{opacity:0}@media (prefers-reduced-motion:no-preference){._1r1codi0{transition:opacity var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}.ateptb1{isolation:isolate;justify-content:center;align-items:center;gap:var(--lovelace-gap-8);padding-inline:var(--lovelace-padding-12);box-sizing:border-box;border:var(--lovelace-border-width-default) solid transparent;border-radius:var(--lovelace-border-radius-button);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;text-decoration:none;display:inline-flex;position:relative}.ateptb1:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.ateptb1[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.ateptb1[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.ateptb1[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.ateptb1[data-focus-visible]:not([data-disabled]){box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.ateptb1[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.ateptb2{background-color:var(--lovelace-button-primary-background);color:var(--lovelace-button-primary-content)}.ateptb2[data-disabled]{background-color:var(--lovelace-color-background-disabled)}.ateptb3{background-color:var(--lovelace-color-background-destructive);color:var(--lovelace-color-content-on-destructive)}.ateptb3[data-disabled]{background-color:var(--lovelace-color-background-disabled)}.ateptb4{background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);border-color:var(--lovelace-color-border-default)}.ateptb5{background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-destructive);border-color:var(--lovelace-color-border-destructive)}.ateptb6{color:var(--lovelace-color-content-default);background-color:#0000}.ateptb7{color:var(--lovelace-color-content-destructive);background-color:#0000}.ateptb8{height:40px}.ateptb9{height:32px}.ateptb0 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}@media (forced-colors:active){.ateptb1[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.s7h2sn0{align-items:center;gap:var(--lovelace-gap-12);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;display:inline-flex}.s7h2sn0[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.s7h2sn1{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);flex-shrink:0;transition:border-color .12s,box-shadow .12s;position:relative}.s7h2sn1:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;background-color:currentColor;transition:opacity .12s;position:absolute;inset:0}.s7h2sn2{color:currentColor;opacity:0;pointer-events:none;width:16px;height:16px;margin:auto;position:absolute;inset:0}.s7h2sn0[data-selected] .s7h2sn1,.s7h2sn0[data-indeterminate] .s7h2sn1{background-color:var(--lovelace-color-background-inverse);border-color:#0000}.s7h2sn0[data-hovered]:not([data-disabled]):not([data-selected]):not([data-indeterminate]) .s7h2sn1{border-color:var(--lovelace-color-border-medium)}.s7h2sn0[data-hovered]:not([data-disabled]) .s7h2sn1:after{opacity:.08}.s7h2sn0[data-focus-visible]:not([data-disabled]) .s7h2sn1:after,.s7h2sn0[data-pressed]:not([data-disabled]) .s7h2sn1:after{opacity:.1}.s7h2sn0[data-focus-visible]:not([data-disabled]) .s7h2sn1{box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.s7h2sn0[data-disabled] .s7h2sn1{background-color:var(--lovelace-color-background-disabled);border-color:var(--lovelace-color-border-default);color:var(--lovelace-color-content-disabled)}.s7h2sn0[data-selected]:not([data-indeterminate]) .s7h2sn2[data-glyph=check],.s7h2sn0[data-indeterminate] .s7h2sn2[data-glyph=dash]{opacity:1}@media (forced-colors:active){.s7h2sn0[data-focus-visible]:not([data-disabled]) .s7h2sn1{outline-offset:2px;outline:2px solid highlight}}._18cnc771{isolation:isolate;box-sizing:border-box;border:var(--lovelace-border-width-default) solid transparent;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative}._18cnc771:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}._18cnc771:not([data-selected]){background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);border-color:var(--lovelace-color-border-default)}._18cnc771[data-selected]{background-color:var(--lovelace-chip-background-selected);color:var(--lovelace-color-content-on-accent);border-color:#0000}._18cnc771[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}._18cnc771[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}._18cnc771[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}._18cnc771[data-focus-visible]:not([data-disabled]){border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}._18cnc771[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}._18cnc772{min-width:80px;padding-inline:var(--lovelace-padding-12);border-radius:var(--lovelace-border-radius-pill)}._18cnc773,._18cnc774{border-radius:var(--lovelace-border-radius-button)}._18cnc777{height:40px}._18cnc778{height:48px}._18cnc779{width:40px;height:40px}._18cnc77a{width:48px;height:48px}._18cnc77b{width:40px;height:40px}._18cnc77c{width:48px;height:48px;font-size:var(--lovelace-font-size-title-large)}._18cnc770 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}@media (forced-colors:active){._18cnc771[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.onnuc90{text-align:center;align-items:center;gap:var(--lovelace-gap-16);padding:var(--lovelace-padding-16);flex-direction:column;display:flex}.onnuc91{flex-shrink:0;font-size:32px;line-height:0;display:flex}.onnuc92{color:var(--lovelace-color-content-warning)}.onnuc93{color:var(--lovelace-color-content-success)}.onnuc94{align-items:center;gap:var(--lovelace-gap-8);flex-direction:column;width:100%;display:flex}.onnuc95{text-align:center;width:100%;font-family:var(--lovelace-font-family-heading);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-title-large);line-height:var(--lovelace-line-height-title-large);color:var(--lovelace-color-content-default);margin:0}.onnuc96{text-align:center;width:100%;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);color:var(--lovelace-color-content-secondary);margin:0}.onnuc97{align-items:stretch;gap:var(--lovelace-gap-8);flex-direction:column;width:100%;display:flex}._1lzdalt0{aspect-ratio:1;color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:auto;height:1em;line-height:0;display:inline-flex}._9zd2r40{padding:var(--lovelace-padding-16);background-color:var(--lovelace-color-background-neutral-overlay);justify-content:center;align-items:center}._9zd2r41{background-color:var(--lovelace-color-background-default);border-radius:var(--lovelace-border-radius-container);flex-direction:column;width:366px;max-width:100%;max-height:90%;display:flex;overflow:hidden;box-shadow:0 12px 24px 4px #0000001f}._9zd2r41[data-entering],._9zd2r41[data-exiting]{opacity:0;transform:scale(.95)}._9zd2r42{box-sizing:border-box;outline:none;flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;overflow-y:auto}@media (prefers-reduced-motion:no-preference){._9zd2r41{transition-property:opacity,transform;transition-duration:var(--lovelace-duration-medium);transition-timing-function:var(--lovelace-easing-standard)}}.a07ce60{box-sizing:border-box}.a07ce61{width:100%;display:block}.a07ce62{justify-content:center;align-items:center;gap:var(--lovelace-gap-8);width:100%;display:flex}.a07ce63{justify-content:center;align-items:center;gap:var(--lovelace-gap-4);text-align:center;flex-direction:column;display:flex}.a07ce64{border:none;border-top:var(--lovelace-border-width-default) solid var(--lovelace-color-border-default);flex:1 1 0;width:100%;min-width:1px;height:0;margin:0}.a07ce65{font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary);font-weight:var(--lovelace-font-weight-regular);white-space:nowrap;flex-shrink:0;margin:0}.a07ce66{font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary);font-weight:var(--lovelace-font-weight-medium);margin:0}.a07ce67{font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary);font-weight:var(--lovelace-font-weight-regular);margin:0}._6ivfy30{background-color:var(--lovelace-color-background-neutral-overlay)}._6ivfy31{background-color:var(--lovelace-color-background-default);flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden}._6ivfy31[data-entering],._6ivfy31[data-exiting]{transform:translateY(100%)}._6ivfy32{outline:none;flex-direction:column;flex:auto;min-height:0;max-height:100%;display:flex}@media (prefers-reduced-motion:no-preference){._6ivfy31{transition:transform var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}._1x52ra20{background-color:var(--lovelace-header-background);color:var(--lovelace-header-content);height:56px;padding:0 var(--lovelace-padding-12);align-items:center;gap:var(--lovelace-spacing-8);flex-shrink:0;display:flex;position:relative;overflow:hidden}._1x52ra20 [data-slot=icon]{color:var(--lovelace-header-content)}._1x52ra20 [data-slot=avatar] [data-slot=icon]{color:var(--lovelace-avatar-content)}._1x52ra21{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--lovelace-font-size-title-small);line-height:var(--lovelace-line-height-title-small);font-weight:var(--lovelace-font-weight-medium);flex:1;margin:0;overflow:hidden}._3tx76z0{aspect-ratio:37.5/12}._1nvcxt20{isolation:isolate;box-sizing:border-box;border:var(--lovelace-border-width-default) solid transparent;border-radius:var(--lovelace-border-radius-button);font-size:var(--lovelace-icon-size-control);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}._1nvcxt20:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}._1nvcxt20[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}._1nvcxt20[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}._1nvcxt20[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}._1nvcxt20[data-focus-visible]:not([data-disabled]){box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}._1nvcxt20[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}._1nvcxt21{background-color:var(--lovelace-button-primary-background);color:var(--lovelace-button-primary-content)}._1nvcxt21[data-disabled]{background-color:var(--lovelace-color-background-disabled)}._1nvcxt22{background-color:var(--lovelace-color-background-destructive);color:var(--lovelace-color-content-on-destructive)}._1nvcxt22[data-disabled]{background-color:var(--lovelace-color-background-disabled)}._1nvcxt23{background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);border-color:var(--lovelace-color-border-default)}._1nvcxt24{background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-destructive);border-color:var(--lovelace-color-border-destructive)}._1nvcxt25{color:var(--lovelace-color-content-default);background-color:#0000}._1nvcxt26{color:var(--lovelace-color-content-destructive);background-color:#0000}._1nvcxt27{width:40px;height:40px}._1nvcxt28{width:32px;height:32px}._1nvcxt29{width:24px;height:24px}@media (forced-colors:active){._1nvcxt20[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.ptvtw60{max-width:100%;display:block}.ynzg8v0{width:100%;font-family:var(--lovelace-font-family-body);flex-direction:column;display:flex}.ynzg8v3{align-items:flex-end;gap:var(--lovelace-gap-8);box-sizing:border-box;width:100%;min-height:40px;padding-inline:var(--lovelace-padding-12);padding-block:var(--lovelace-padding-8);border:var(--lovelace-border-width-default) solid var(--lovelace-color-border-default);background-color:var(--lovelace-color-background-default);border-radius:var(--lovelace-border-radius-input);cursor:text;display:flex}.ynzg8v3[data-focus-within]{border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.ynzg8v3[data-invalid]{border-color:var(--lovelace-color-border-destructive)}.ynzg8v3[data-disabled]{background-color:var(--lovelace-color-background-disabled);cursor:not-allowed}.ynzg8v5{border-radius:var(--lovelace-border-radius-composer);border:var(--lovelace-border-width-default) solid var(--lovelace-composer-border-default);background-color:var(--lovelace-composer-background)}.ynzg8v5[data-focus-within]{border-color:var(--lovelace-composer-border-active);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-composer-border-focus)}.ynzg8v5[data-invalid]{border-color:var(--lovelace-color-border-destructive)}.ynzg8v6{-webkit-appearance:none;appearance:none;min-width:0;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);color:var(--lovelace-color-content-default);background-color:#0000;border:none;outline:none;flex:1;margin:0;padding:0}.ynzg8v6::placeholder{color:var(--lovelace-color-content-secondary);opacity:1}.ynzg8v6[data-disabled]{color:var(--lovelace-color-content-disabled);cursor:not-allowed}.ynzg8v6[data-disabled]::placeholder{color:var(--lovelace-color-content-disabled)}.ynzg8v7{box-sizing:border-box;resize:none;overflow-wrap:anywhere;word-break:break-word;scrollbar-width:thin;scrollbar-color:var(--lovelace-color-border-default) transparent;width:100%;display:block;overflow-y:auto}.ynzg8v8{isolation:isolate;border-radius:var(--lovelace-border-radius-full);background-color:var(--lovelace-button-primary-background);width:22px;height:22px;color:var(--lovelace-button-primary-content);cursor:pointer;-webkit-appearance:none;appearance:none;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;overflow:hidden}.ynzg8v8:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;background-color:currentColor;position:absolute;inset:0}.ynzg8v8[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.ynzg8v8[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.ynzg8v8[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.ynzg8v8[data-focus-visible]:not([data-disabled]){box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.ynzg8v8[data-disabled]{cursor:not-allowed;background-color:var(--lovelace-color-background-disabled);color:var(--lovelace-color-content-disabled)}.ynzg8v9{font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);margin-bottom:var(--lovelace-gap-8);color:var(--lovelace-color-content-default)}.ynzg8va{margin-top:var(--lovelace-gap-4);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary)}.ynzg8va[data-invalid]{color:var(--lovelace-color-content-destructive)}.ynzg8v1 [data-slot=icon],.ynzg8v8 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}.ynzg8v1>[data-slot=icon]{color:var(--lovelace-color-content-secondary)}.ynzg8v1[data-disabled]>[data-slot=icon]{color:var(--lovelace-color-content-disabled)}.ynzg8v2 .ynzg8v6{color:var(--lovelace-composer-content-default)}.ynzg8v2 .ynzg8v6::placeholder,.ynzg8v2>[data-slot=icon]{color:var(--lovelace-composer-content-secondary)}.ynzg8v2 .ynzg8v6[data-disabled],.ynzg8v2 .ynzg8v6[data-disabled]::placeholder{color:var(--lovelace-color-content-disabled)}@media (prefers-reduced-motion:no-preference){.ynzg8v3{transition-property:border-color,box-shadow;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard)}.ynzg8v8:after{transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard)}}@media (forced-colors:active){.ynzg8v3[data-focus-within],.ynzg8v8[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.k107bi1{isolation:isolate;align-items:center;gap:var(--lovelace-gap-4);color:var(--lovelace-color-content-link);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);word-break:break-word;cursor:pointer;border-radius:var(--lovelace-border-radius-6);outline:none;text-decoration:none;display:inline-flex;position:relative}.k107bi1:after{content:"";inset-block:0;inset-inline:calc(-1 * var(--lovelace-padding-4));border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute}.k107bi1:not([data-icon]){text-decoration:underline}.k107bi1[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.k107bi1[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.k107bi1[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.k107bi1[data-focus-visible]:not([data-disabled]){box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.k107bi1[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.k107bi2{text-decoration:underline}.k107bi0 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}[dir=rtl] .k107bi0:not([data-download]) [data-slot=icon]{transform:scaleX(-1)}@media (forced-colors:active){.k107bi1[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.fa1x5n0{outline:none;flex-direction:column;display:flex}.fa1x5n1{isolation:isolate;box-sizing:border-box;align-items:center;gap:var(--lovelace-gap-12);height:40px;padding-inline:var(--lovelace-padding-8);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)}.fa1x5n2{box-sizing:border-box;width:24px;height:24px;font-size:var(--lovelace-icon-size-lg);color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.fa1x5n3{box-sizing:border-box;width:24px;height:24px;font-size:var(--lovelace-icon-size-lg);color:inherit;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:auto;display:inline-flex}@media (forced-colors:active){.fa1x5n1[data-focus-visible]:not([data-disabled]){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}.mufew30{gap:var(--lovelace-gap-20);flex-direction:column;display:flex}.mufew30[data-orientation=horizontal]{flex-direction:row}.mufew31{align-items:center;gap:var(--lovelace-gap-12);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.mufew31[data-disabled]{cursor:not-allowed}.mufew32{box-sizing:border-box;border-radius:var(--lovelace-border-radius-full);border-style:solid;border-width:var(--lovelace-border-width-default);flex-shrink:0;width:24px;height:24px;transition:background-color .12s,border-color .12s,box-shadow .12s;position:relative}.mufew31:not([data-selected]) .mufew32{background-color:var(--lovelace-color-background-default);border-color:var(--lovelace-color-border-default)}.mufew31[data-hovered]:not([data-selected]):not([data-disabled]) .mufew32{border-color:var(--lovelace-color-border-medium)}.mufew31[data-selected] .mufew32{background-color:var(--lovelace-color-background-inverse);border-color:var(--lovelace-color-background-inverse)}.mufew31[data-focus-visible]:not([data-disabled]) .mufew32{box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.mufew31[data-focus-visible]:not([data-selected]):not([data-disabled]) .mufew32{border-color:var(--lovelace-color-border-accent)}.mufew31[data-disabled]:not([data-selected]) .mufew32{background-color:var(--lovelace-color-background-tertiary);border-color:var(--lovelace-color-border-default)}.mufew31[data-disabled][data-selected] .mufew32{background-color:var(--lovelace-color-background-disabled);border-color:var(--lovelace-color-background-disabled)}.mufew33{border-radius:var(--lovelace-border-radius-full);pointer-events:none;background-color:#0000;position:absolute;inset:5px}.mufew31[data-selected] .mufew33{background-color:var(--lovelace-color-background-default)}.mufew31[data-selected][data-disabled] .mufew33{background-color:var(--lovelace-color-background-tertiary)}.mufew34{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)}.mufew31[data-disabled] .mufew34{color:var(--lovelace-color-content-disabled)}@media (forced-colors:active){.mufew31[data-focus-visible]:not([data-disabled]) .mufew32{outline-offset:2px;outline:2px solid highlight}.mufew31[data-selected] .mufew33{background-color:canvastext}}._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:auto;display:flex}.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:0;padding:var(--lovelace-padding-12);box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--lovelace-color-border-default) transparent;flex:0 auto;overflow-y:auto}.mf01c97{align-items:stretch;gap:var(--lovelace-gap-12);padding:var(--lovelace-padding-12);box-sizing:border-box;flex-direction:column;flex-shrink:0;display:flex}._1hi4ecs0{background-color:var(--lovelace-color-background-neutral-overlay);justify-content:flex-end;align-items:center}._1hi4ecs1{background-color:var(--lovelace-color-background-default);border-start-start-radius:var(--lovelace-border-radius-container);border-start-end-radius:var(--lovelace-border-radius-container);flex-direction:column;width:100%;min-height:0;max-height:80%;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 24px 4px #0000001f}._1hi4ecs1[data-entering],._1hi4ecs1[data-exiting]{transform:translateY(100%)}._1hi4ecs2{outline:none;flex-direction:column;flex:auto;min-height:0;max-height:100%;display:flex}@media (prefers-reduced-motion:no-preference){._1hi4ecs1{transition:transform var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}@keyframes _2rqyvg0{to{transform:rotate(360deg)}}._2rqyvg1{box-sizing:border-box;border-style:solid;border-color:var(--lovelace-color-background-neutral-overlay);border-radius:50%;animation:.8s linear infinite _2rqyvg0;display:inline-block}._2rqyvg1[data-reduced-motion]{animation-duration:2.4s}._2rqyvg2{border-width:2px;width:16px;height:16px}._2rqyvg3{border-width:3px;width:32px;height:32px}._2rqyvg4{border-top-color:var(--lovelace-color-content-default)}._2rqyvg5{border-top-color:var(--lovelace-color-content-on-accent)}@media (prefers-reduced-motion:reduce){._2rqyvg1{animation-duration:2.4s}}.jzxfg70{gap:var(--lovelace-gap-8);flex-direction:column;width:fit-content;display:flex}.jzxfg71{justify-content:center;align-items:center;gap:var(--lovelace-gap-8);flex-wrap:wrap;width:100%;display:flex}.jzxfg72{width:100%;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary);justify-content:space-between;display:flex}._1y87qec0{justify-content:center;align-items:center;gap:var(--lovelace-gap-8);flex-wrap:wrap;width:100%;display:flex}@keyframes _9az62f0{0%{background-position-x:200%}to{background-position-x:0%}}@keyframes _9az62f1{0%,80%,to{vertical-align:0}40%{vertical-align:.3em}}._9az62f2{font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;background-image:linear-gradient(90deg, var(--lovelace-color-content-secondary) 0%, var(--lovelace-color-content-secondary) 35%, var(--lovelace-color-content-default) 50%, var(--lovelace-color-content-secondary) 65%, var(--lovelace-color-content-secondary) 100%);color:#0000;-webkit-text-fill-color:transparent;background-repeat:repeat;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite _9az62f0;display:inline-block}._9az62f3{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._9az62f4{display:inline}._9az62f5{line-height:0;animation:1.4s ease-in-out infinite _9az62f1;display:inline}._9az62f5:nth-child(2){animation-delay:.16s}._9az62f5:nth-child(3){animation-delay:.32s}@media (prefers-reduced-motion:reduce){._9az62f2{color:var(--lovelace-color-content-secondary);-webkit-text-fill-color:var(--lovelace-color-content-secondary);background-image:none;animation:none}._9az62f5{animation:none}}.k6tn090{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--lovelace-gap-8);width:100%;padding-inline:var(--lovelace-padding-12);padding-block:var(--lovelace-padding-8);display:flex}.k6tn092{background-color:var(--lovelace-color-background-success-light);color:var(--lovelace-color-content-success)}.k6tn093{background-color:var(--lovelace-color-background-warning-light);color:var(--lovelace-color-content-warning)}.k6tn094{background-color:var(--lovelace-color-background-destructive-light);color:var(--lovelace-color-content-destructive)}.k6tn095{color:inherit;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);overflow-wrap:break-word;margin:0}.k6tn096{white-space:nowrap;text-align:center;flex-shrink:0}.k6tn097{text-align:left;flex:1 0 0;min-width:0}.k6tn090 [data-slot=icon]{font-size:var(--lovelace-icon-size-control)}._1s0itzy0{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);cursor:pointer;outline:none;flex-shrink:0;display:inline-block;position:relative;box-shadow:0 1px 1px #00000014}._1s0itzy0:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;background-color:currentColor;position:absolute;inset:0}._1s0itzy0[data-selected]{background-color:var(--lovelace-color-background-success);box-shadow:none}._1s0itzy0[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}._1s0itzy0[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}._1s0itzy0[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}._1s0itzy0[data-focus-visible]:not([data-disabled]){box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}._1s0itzy0[data-disabled]{cursor:not-allowed;background-color:var(--lovelace-color-background-disabled);box-shadow:none}._1s0itzy0[data-disabled][data-selected]{background-color:var(--lovelace-color-background-success)}._1s0itzy0[data-disabled][data-selected]:after{opacity:.3}._1s0itzy1{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}._1s0itzy0[data-selected] ._1s0itzy1{inset-inline-start:calc(100% - 23px)}@media (prefers-reduced-motion:no-preference){._1s0itzy0{transition-property:background-color,box-shadow;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard)}._1s0itzy0:after{transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard)}._1s0itzy1{transition:inset-inline-start var(--lovelace-duration-fast) var(--lovelace-easing-standard)}}@media (forced-colors:active){._1s0itzy0[data-focus-visible]:not([data-disabled]){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}.xywi8y0{padding:var(--lovelace-padding-16);justify-content:flex-end;align-items:center}.xywi8y1{background-color:var(--lovelace-color-background-default);border-radius:var(--lovelace-border-radius-container);flex-direction:column;width:fit-content;max-width:min(320px,100%);min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 24px 4px #0000001f}.xywi8y1[data-entering],.xywi8y1[data-exiting]{transform:translateY(8px)}.xywi8y2{outline:none;flex-direction:column;flex:auto;min-height:0;max-height:100%;display:flex}@media (prefers-reduced-motion:no-preference){.xywi8y1{transition:transform var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}._1r1codi0{z-index:200;flex-direction:column;display:flex;position:fixed;inset:0}._1r1codi0[data-entering],._1r1codi0[data-exiting]{opacity:0}@media (prefers-reduced-motion:no-preference){._1r1codi0{transition:opacity var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}.ateptb1{isolation:isolate;justify-content:center;align-items:center;gap:var(--lovelace-gap-8);padding-inline:var(--lovelace-padding-12);box-sizing:border-box;border:var(--lovelace-border-width-default) solid transparent;border-radius:var(--lovelace-border-radius-button);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;text-decoration:none;display:inline-flex;position:relative}.ateptb1:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.ateptb1[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.ateptb1[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.ateptb1[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.ateptb1[data-focus-visible]:not([data-disabled]){box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.ateptb1[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.ateptb2{background-color:var(--lovelace-button-primary-background);color:var(--lovelace-button-primary-content)}.ateptb2[data-disabled]{background-color:var(--lovelace-color-background-disabled)}.ateptb3{background-color:var(--lovelace-color-background-destructive);color:var(--lovelace-color-content-on-destructive)}.ateptb3[data-disabled]{background-color:var(--lovelace-color-background-disabled)}.ateptb4{background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);border-color:var(--lovelace-color-border-default)}.ateptb5{background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-destructive);border-color:var(--lovelace-color-border-destructive)}.ateptb6{color:var(--lovelace-color-content-default);background-color:#0000}.ateptb7{color:var(--lovelace-color-content-destructive);background-color:#0000}.ateptb8{height:40px}.ateptb9{height:32px}.ateptb0 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}@media (forced-colors:active){.ateptb1[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.s7h2sn1{font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);color:var(--lovelace-color-content-default);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.s7h2sn1[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.s7h2sn2{align-items:center;gap:var(--lovelace-gap-12);display:inline-flex}.s7h2sn3{isolation:isolate;box-sizing:border-box;align-items:center;gap:var(--lovelace-gap-12);min-height:40px;padding-inline:var(--lovelace-padding-8);padding-block:var(--lovelace-padding-4);border-radius:var(--lovelace-border-radius-button);border:var(--lovelace-border-width-default) solid transparent;background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-body);font-weight:var(--lovelace-font-weight-regular);line-height:var(--lovelace-line-height-body);text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;display:flex;position:relative}.s7h2sn3:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.s7h2sn3[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.s7h2sn3[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.s7h2sn3[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.s7h2sn3[data-focus-visible]:not([data-disabled]){border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.s7h2sn3[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.s7h2sn0>[data-slot=icon]{font-size:var(--lovelace-icon-size-lg);flex-shrink:0}.s7h2sn0>[data-slot=label]{text-align:start;overflow-wrap:anywhere;flex:1;min-width:0}.s7h2sn4{isolation:isolate;box-sizing:border-box;border-radius:var(--lovelace-border-radius-6);border-style:solid;border-width:var(--lovelace-border-width-default);border-color:var(--lovelace-color-border-default);background-color:var(--lovelace-color-background-default);width:24px;height:24px;color:var(--lovelace-color-content-inverse);transition-property:border-color,box-shadow;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);flex-shrink:0;position:relative}.s7h2sn4:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.s7h2sn5{color:currentColor;opacity:0;pointer-events:none;width:16px;height:16px;margin:auto;position:absolute;inset:0}[data-selected]>.s7h2sn4,[data-indeterminate]>.s7h2sn4{background-color:var(--lovelace-color-background-inverse);border-color:#0000}[data-hovered]:not([data-disabled]):not([data-selected]):not([data-indeterminate])>.s7h2sn4[data-state-layer]{border-color:var(--lovelace-color-border-medium)}[data-hovered]:not([data-disabled])>.s7h2sn4[data-state-layer]:after{opacity:var(--lovelace-opacity-state-hover)}[data-focus-visible]:not([data-disabled])>.s7h2sn4[data-state-layer]:after{opacity:var(--lovelace-opacity-state-focus)}[data-pressed]:not([data-disabled])>.s7h2sn4[data-state-layer]:after{opacity:var(--lovelace-opacity-state-pressed)}[data-focus-visible]:not([data-disabled])>.s7h2sn4[data-state-layer]{box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}[data-disabled]>.s7h2sn4{background-color:var(--lovelace-color-background-disabled);border-color:var(--lovelace-color-border-default);color:var(--lovelace-color-content-disabled)}[data-selected]:not([data-indeterminate])>.s7h2sn4>.s7h2sn5[data-glyph=check],[data-indeterminate]>.s7h2sn4>.s7h2sn5[data-glyph=dash]{opacity:1}@media (forced-colors:active){.s7h2sn3[data-focus-visible]:not([data-disabled]),[data-focus-visible]:not([data-disabled])>.s7h2sn4[data-state-layer]{outline-offset:2px;outline:2px solid highlight}}._18cnc771{isolation:isolate;box-sizing:border-box;border:var(--lovelace-border-width-default) solid transparent;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative}._18cnc771:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}._18cnc771:not([data-selected]){background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);border-color:var(--lovelace-color-border-default)}._18cnc771[data-selected]{background-color:var(--lovelace-chip-background-selected);color:var(--lovelace-color-content-on-accent);border-color:#0000}._18cnc771[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}._18cnc771[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}._18cnc771[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}._18cnc771[data-focus-visible]:not([data-disabled]){border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}._18cnc771[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}._18cnc772{min-width:80px;padding-inline:var(--lovelace-padding-12);border-radius:var(--lovelace-border-radius-pill)}._18cnc773,._18cnc774{border-radius:var(--lovelace-border-radius-button)}._18cnc777{height:40px}._18cnc778{height:48px}._18cnc779{width:40px;height:40px}._18cnc77a{width:48px;height:48px}._18cnc77b{width:40px;height:40px}._18cnc77c{width:48px;height:48px;font-size:var(--lovelace-font-size-title-large)}._18cnc770 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}@media (forced-colors:active){._18cnc771[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.onnuc90{text-align:center;align-items:center;gap:var(--lovelace-gap-16);padding:var(--lovelace-padding-16);flex-direction:column;display:flex}.onnuc91{flex-shrink:0;font-size:32px;line-height:0;display:flex}.onnuc92{color:var(--lovelace-color-content-warning)}.onnuc93{color:var(--lovelace-color-content-success)}.onnuc94{align-items:center;gap:var(--lovelace-gap-8);flex-direction:column;width:100%;display:flex}.onnuc95{text-align:center;width:100%;font-family:var(--lovelace-font-family-heading);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-title-large);line-height:var(--lovelace-line-height-title-large);color:var(--lovelace-color-content-default);margin:0}.onnuc96{text-align:center;width:100%;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);color:var(--lovelace-color-content-secondary);margin:0}.onnuc97{align-items:stretch;gap:var(--lovelace-gap-8);flex-direction:column;width:100%;display:flex}._1lzdalt0{aspect-ratio:1;color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:auto;height:1em;line-height:0;display:inline-flex}._9zd2r40{padding:var(--lovelace-padding-16);background-color:var(--lovelace-color-background-neutral-overlay);justify-content:center;align-items:center}._9zd2r41{background-color:var(--lovelace-color-background-default);border-radius:var(--lovelace-border-radius-container);flex-direction:column;width:366px;max-width:100%;max-height:90%;display:flex;overflow:hidden;box-shadow:0 12px 24px 4px #0000001f}._9zd2r41[data-entering],._9zd2r41[data-exiting]{opacity:0;transform:scale(.95)}._9zd2r42{box-sizing:border-box;outline:none;flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;overflow-y:auto}@media (prefers-reduced-motion:no-preference){._9zd2r41{transition-property:opacity,transform;transition-duration:var(--lovelace-duration-medium);transition-timing-function:var(--lovelace-easing-standard)}}.a07ce60{box-sizing:border-box}.a07ce61{width:100%;display:block}.a07ce62{justify-content:center;align-items:center;gap:var(--lovelace-gap-8);width:100%;display:flex}.a07ce63{justify-content:center;align-items:center;gap:var(--lovelace-gap-4);text-align:center;flex-direction:column;display:flex}.a07ce64{border:none;border-top:var(--lovelace-border-width-default) solid var(--lovelace-color-border-default);flex:1 1 0;width:100%;min-width:1px;height:0;margin:0}.a07ce65{font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary);font-weight:var(--lovelace-font-weight-regular);white-space:nowrap;flex-shrink:0;margin:0}.a07ce66{font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary);font-weight:var(--lovelace-font-weight-medium);margin:0}.a07ce67{font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary);font-weight:var(--lovelace-font-weight-regular);margin:0}._6ivfy30{background-color:var(--lovelace-color-background-neutral-overlay)}._6ivfy31{background-color:var(--lovelace-color-background-default);flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden}._6ivfy31[data-entering],._6ivfy31[data-exiting]{transform:translateY(100%)}._6ivfy32{outline:none;flex-direction:column;flex:auto;min-height:0;max-height:100%;display:flex}@media (prefers-reduced-motion:no-preference){._6ivfy31{transition:transform var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}._1x52ra20{background-color:var(--lovelace-header-background);color:var(--lovelace-header-content);height:56px;padding:0 var(--lovelace-padding-12);align-items:center;gap:var(--lovelace-spacing-8);flex-shrink:0;display:flex;position:relative;overflow:hidden}._1x52ra20 [data-slot=icon]{color:var(--lovelace-header-content)}._1x52ra20 [data-slot=avatar] [data-slot=icon]{color:var(--lovelace-avatar-content)}._1x52ra21{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--lovelace-font-size-title-small);line-height:var(--lovelace-line-height-title-small);font-weight:var(--lovelace-font-weight-medium);flex:1;margin:0;overflow:hidden}._3tx76z0{aspect-ratio:37.5/12}._1nvcxt20{isolation:isolate;box-sizing:border-box;border:var(--lovelace-border-width-default) solid transparent;border-radius:var(--lovelace-border-radius-button);font-size:var(--lovelace-icon-size-control);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}._1nvcxt20:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}._1nvcxt20[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}._1nvcxt20[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}._1nvcxt20[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}._1nvcxt20[data-focus-visible]:not([data-disabled]){box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}._1nvcxt20[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}._1nvcxt21{background-color:var(--lovelace-button-primary-background);color:var(--lovelace-button-primary-content)}._1nvcxt21[data-disabled]{background-color:var(--lovelace-color-background-disabled)}._1nvcxt22{background-color:var(--lovelace-color-background-destructive);color:var(--lovelace-color-content-on-destructive)}._1nvcxt22[data-disabled]{background-color:var(--lovelace-color-background-disabled)}._1nvcxt23{background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);border-color:var(--lovelace-color-border-default)}._1nvcxt24{background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-destructive);border-color:var(--lovelace-color-border-destructive)}._1nvcxt25{color:var(--lovelace-color-content-default);background-color:#0000}._1nvcxt26{color:var(--lovelace-color-content-destructive);background-color:#0000}._1nvcxt27{width:40px;height:40px}._1nvcxt28{width:32px;height:32px}._1nvcxt29{width:24px;height:24px}@media (forced-colors:active){._1nvcxt20[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.ptvtw60{max-width:100%;display:block}.ynzg8v0{width:100%;font-family:var(--lovelace-font-family-body);flex-direction:column;display:flex}.ynzg8v3{align-items:flex-end;gap:var(--lovelace-gap-8);box-sizing:border-box;width:100%;min-height:40px;padding-inline:var(--lovelace-padding-12);padding-block:var(--lovelace-padding-8);border:var(--lovelace-border-width-default) solid var(--lovelace-color-border-default);background-color:var(--lovelace-color-background-default);border-radius:var(--lovelace-border-radius-input);cursor:text;display:flex}.ynzg8v3[data-focus-within]{border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.ynzg8v3[data-invalid]{border-color:var(--lovelace-color-border-destructive)}.ynzg8v3[data-disabled]{background-color:var(--lovelace-color-background-disabled);cursor:not-allowed}.ynzg8v5{border-radius:var(--lovelace-border-radius-composer);border:var(--lovelace-border-width-default) solid var(--lovelace-composer-border-default);background-color:var(--lovelace-composer-background)}.ynzg8v5[data-focus-within]{border-color:var(--lovelace-composer-border-active);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-composer-border-focus)}.ynzg8v5[data-invalid]{border-color:var(--lovelace-color-border-destructive)}.ynzg8v6{-webkit-appearance:none;appearance:none;min-width:0;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);color:var(--lovelace-color-content-default);background-color:#0000;border:none;outline:none;flex:1;margin:0;padding:0}.ynzg8v6::placeholder{color:var(--lovelace-color-content-secondary);opacity:1}.ynzg8v6[data-disabled]{color:var(--lovelace-color-content-disabled);cursor:not-allowed}.ynzg8v6[data-disabled]::placeholder{color:var(--lovelace-color-content-disabled)}.ynzg8v7{box-sizing:border-box;resize:none;overflow-wrap:anywhere;word-break:break-word;scrollbar-width:thin;scrollbar-color:var(--lovelace-color-border-default) transparent;width:100%;display:block;overflow-y:auto}.ynzg8v8{isolation:isolate;border-radius:var(--lovelace-border-radius-full);background-color:var(--lovelace-button-primary-background);width:22px;height:22px;color:var(--lovelace-button-primary-content);cursor:pointer;-webkit-appearance:none;appearance:none;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;overflow:hidden}.ynzg8v8:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;background-color:currentColor;position:absolute;inset:0}.ynzg8v8[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.ynzg8v8[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.ynzg8v8[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.ynzg8v8[data-focus-visible]:not([data-disabled]){box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.ynzg8v8[data-disabled]{cursor:not-allowed;background-color:var(--lovelace-color-background-disabled);color:var(--lovelace-color-content-disabled)}.ynzg8v9{font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);margin-bottom:var(--lovelace-gap-8);color:var(--lovelace-color-content-default)}.ynzg8va{margin-top:var(--lovelace-gap-4);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary)}.ynzg8va[data-invalid]{color:var(--lovelace-color-content-destructive)}.ynzg8v1 [data-slot=icon],.ynzg8v8 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}.ynzg8v1>[data-slot=icon]{color:var(--lovelace-color-content-secondary)}.ynzg8v1[data-disabled]>[data-slot=icon]{color:var(--lovelace-color-content-disabled)}.ynzg8v2 .ynzg8v6{color:var(--lovelace-composer-content-default)}.ynzg8v2 .ynzg8v6::placeholder,.ynzg8v2>[data-slot=icon]{color:var(--lovelace-composer-content-secondary)}.ynzg8v2 .ynzg8v6[data-disabled],.ynzg8v2 .ynzg8v6[data-disabled]::placeholder{color:var(--lovelace-color-content-disabled)}@media (prefers-reduced-motion:no-preference){.ynzg8v3{transition-property:border-color,box-shadow;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard)}.ynzg8v8:after{transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard)}}@media (forced-colors:active){.ynzg8v3[data-focus-within],.ynzg8v8[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.k107bi1{isolation:isolate;align-items:center;gap:var(--lovelace-gap-4);color:var(--lovelace-color-content-link);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);word-break:break-word;cursor:pointer;border-radius:var(--lovelace-border-radius-6);outline:none;text-decoration:none;display:inline-flex;position:relative}.k107bi1:after{content:"";inset-block:0;inset-inline:calc(-1 * var(--lovelace-padding-4));border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute}.k107bi1:not([data-icon]){text-decoration:underline}.k107bi1[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.k107bi1[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.k107bi1[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.k107bi1[data-focus-visible]:not([data-disabled]){box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.k107bi1[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.k107bi2{text-decoration:underline}.k107bi0 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}[dir=rtl] .k107bi0:not([data-download]) [data-slot=icon]{transform:scaleX(-1)}@media (forced-colors:active){.k107bi1[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.fa1x5n0{outline:none;flex-direction:column;display:flex}.fa1x5n1{isolation:isolate;box-sizing:border-box;align-items:center;gap:var(--lovelace-gap-12);min-height:40px;padding-inline:var(--lovelace-padding-8);padding-block:var(--lovelace-padding-4);border-radius:var(--lovelace-border-radius-button);border:var(--lovelace-border-width-default) solid transparent;background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-body);font-weight:var(--lovelace-font-weight-regular);line-height:var(--lovelace-line-height-body);text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;display:flex;position:relative}.fa1x5n1:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.fa1x5n1[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.fa1x5n1[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.fa1x5n1[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.fa1x5n1[data-focus-visible]:not([data-disabled]){border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.fa1x5n1[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.fa1x5n1>[data-slot=icon]{font-size:var(--lovelace-icon-size-lg);flex-shrink:0}.fa1x5n1>[data-slot=label]{text-align:start;overflow-wrap:anywhere;flex:1;min-width:0}@media (forced-colors:active){.fa1x5n1[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.mufew31{gap:var(--lovelace-gap-20);flex-direction:column;display:flex}.mufew31[data-orientation=horizontal]{flex-direction:row}.mufew32{cursor:pointer;-webkit-user-select:none;user-select:none}.mufew32[data-disabled]{cursor:not-allowed}.mufew33{align-items:center;gap:var(--lovelace-gap-12);display:inline-flex}.mufew34{isolation:isolate;box-sizing:border-box;align-items:center;gap:var(--lovelace-gap-12);min-height:40px;padding-inline:var(--lovelace-padding-8);padding-block:var(--lovelace-padding-4);border-radius:var(--lovelace-border-radius-button);border:var(--lovelace-border-width-default) solid transparent;background-color:var(--lovelace-color-background-default);color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-body);font-weight:var(--lovelace-font-weight-regular);line-height:var(--lovelace-line-height-body);text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;display:flex;position:relative}.mufew34:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.mufew34[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.mufew34[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.mufew34[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.mufew34[data-focus-visible]:not([data-disabled]){border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.mufew34[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.mufew30>[data-slot=icon]{font-size:var(--lovelace-icon-size-lg);flex-shrink:0}.mufew30>[data-slot=label]{text-align:start;overflow-wrap:anywhere;flex:1;min-width:0}.mufew35{box-sizing:border-box;border-radius:var(--lovelace-border-radius-full);border-style:solid;border-width:var(--lovelace-border-width-default);background-color:var(--lovelace-color-background-default);border-color:var(--lovelace-color-border-default);width:24px;height:24px;transition-property:background-color,border-color,box-shadow;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);flex-shrink:0;position:relative}[data-hovered]:not([data-selected]):not([data-disabled])>.mufew35[data-state-layer]{border-color:var(--lovelace-color-border-medium)}[data-selected]>.mufew35{background-color:var(--lovelace-color-background-inverse);border-color:var(--lovelace-color-background-inverse)}[data-focus-visible]:not([data-disabled])>.mufew35[data-state-layer]{box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}[data-focus-visible]:not([data-selected]):not([data-disabled])>.mufew35[data-state-layer]{border-color:var(--lovelace-color-border-accent)}[data-disabled]:not([data-selected])>.mufew35{background-color:var(--lovelace-color-background-tertiary);border-color:var(--lovelace-color-border-default)}[data-disabled][data-selected]>.mufew35{background-color:var(--lovelace-color-background-disabled);border-color:var(--lovelace-color-background-disabled)}.mufew36{border-radius:var(--lovelace-border-radius-full);pointer-events:none;background-color:#0000;position:absolute;inset:5px}[data-selected]>.mufew35>.mufew36{background-color:var(--lovelace-color-background-default)}[data-selected][data-disabled]>.mufew35>.mufew36{background-color:var(--lovelace-color-background-tertiary)}.mufew37{font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-body);font-weight:var(--lovelace-font-weight-regular);line-height:var(--lovelace-line-height-body);color:var(--lovelace-color-content-default)}[data-disabled]>.mufew37{color:var(--lovelace-color-content-disabled)}@media (forced-colors:active){.mufew34[data-focus-visible]:not([data-disabled]),[data-focus-visible]:not([data-disabled])>.mufew35[data-state-layer]{outline-offset:2px;outline:2px solid highlight}[data-selected]>.mufew35>.mufew36{background-color:canvastext}}._1s0itzy0{cursor:pointer;outline:none;flex-shrink:0;display:inline-flex}._1s0itzy0[data-disabled]{cursor:not-allowed}._1s0itzy1{isolation:isolate;box-sizing:border-box;border-radius:var(--lovelace-border-radius-full);background-color:var(--lovelace-color-background-quaternary);width:44px;height:24px;color:var(--lovelace-color-content-inverse);flex-shrink:0;display:inline-block;position:relative;box-shadow:0 1px 1px #00000014}._1s0itzy1:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;background-color:currentColor;position:absolute;inset:0}[data-selected]>._1s0itzy1{background-color:var(--lovelace-color-background-success);box-shadow:none}[data-hovered]:not([data-disabled])>._1s0itzy1[data-state-layer]:after{opacity:var(--lovelace-opacity-state-hover)}[data-focus-visible]:not([data-disabled])>._1s0itzy1[data-state-layer]:after{opacity:var(--lovelace-opacity-state-focus)}[data-pressed]:not([data-disabled])>._1s0itzy1[data-state-layer]:after{opacity:var(--lovelace-opacity-state-pressed)}[data-focus-visible]:not([data-disabled])>._1s0itzy1[data-state-layer]{box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}[data-disabled]>._1s0itzy1{background-color:var(--lovelace-color-background-disabled);box-shadow:none}[data-disabled][data-selected]>._1s0itzy1{background-color:var(--lovelace-color-background-success)}[data-disabled][data-selected]>._1s0itzy1:after{opacity:.3}._1s0itzy2{border-radius:var(--lovelace-border-radius-full);background-color:var(--lovelace-color-background-default);pointer-events:none;width:22px;height:22px;position:absolute;inset-block-start:1px;inset-inline-start:1px;box-shadow:0 1px 2px #00000014}[data-selected]>._1s0itzy1>._1s0itzy2{inset-inline-start:calc(100% - 23px)}@media (prefers-reduced-motion:no-preference){._1s0itzy1{transition-property:background-color,box-shadow;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard)}._1s0itzy1:after{transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard)}._1s0itzy2{transition:inset-inline-start var(--lovelace-duration-fast) var(--lovelace-easing-standard)}}@media (forced-colors:active){[data-focus-visible]:not([data-disabled])>._1s0itzy1[data-state-layer]{outline-offset:2px;outline:2px solid highlight}}._14rcj9q1{box-sizing:border-box;border-radius:var(--lovelace-border-radius-media-preview);border:var(--lovelace-border-width-default) solid var(--lovelace-color-border-default);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}._14rcj9q2{aspect-ratio:16/9}._14rcj9q3{aspect-ratio:4/3}._14rcj9q4{aspect-ratio:1}._14rcj9q5{aspect-ratio:3/4}._14rcj9q6{aspect-ratio:9/16}._14rcj9q7{background-color:var(--lovelace-color-background-disabled);color:var(--lovelace-color-content-disabled)}._14rcj9q9{object-fit:cover;width:100%;height:100%;display:block}._14rcj9q0 [data-slot=icon]{font-size:var(--lovelace-icon-size-lg)}.rygqx10{isolation:isolate;justify-content:center;align-items:center;gap:var(--lovelace-gap-8);padding-inline:var(--lovelace-padding-12);box-sizing:border-box;border:var(--lovelace-border-width-default) solid var(--lovelace-color-border-default);border-radius:var(--lovelace-border-radius-pill);background-color:var(--lovelace-color-background-default);color:var(--lovelace-pill-content-primary);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,border-color;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);outline:none;text-decoration:none;display:inline-flex;position:relative}.rygqx10:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}.rygqx10[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}.rygqx10[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}.rygqx10[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}.rygqx10[data-focus-visible]:not([data-disabled]){border-color:var(--lovelace-color-border-accent);box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.rygqx10[data-disabled]{cursor:not-allowed;color:var(--lovelace-color-content-disabled)}.rygqx11{height:40px}.rygqx12{height:32px}[data-slot=pill-button] [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}@media (forced-colors:active){.rygqx10[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.y22qey0{box-sizing:border-box;width:fit-content;min-height:48px;padding-block:var(--lovelace-padding-8);padding-inline:var(--lovelace-padding-16);border-radius:var(--lovelace-border-radius-message);background-color:var(--lovelace-color-background-default);border:var(--lovelace-border-width-default) solid var(--lovelace-color-border-default);color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);text-align:start;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;box-shadow:0 8px 24px #00000014}[data-theme=dark] .y22qey0{box-shadow:0 8px 24px #ffffff14}._19x8abf1{isolation:isolate;box-sizing:border-box;border-radius:var(--lovelace-border-radius-full);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;transition-property:background-color,box-shadow;transition-duration:var(--lovelace-duration-fast);transition-timing-function:var(--lovelace-easing-standard);border:none;outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:0 4px 14px #0000000f}._19x8abf1:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard);background-color:currentColor;position:absolute;inset:0}._19x8abf1[data-hovered]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-hover)}._19x8abf1[data-focus-visible]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-focus)}._19x8abf1[data-pressed]:not([data-disabled]):after{opacity:var(--lovelace-opacity-state-pressed)}._19x8abf1[data-focus-visible]:not([data-disabled]){box-shadow:0 4px 14px 0 #0000000f, 0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}._19x8abf2{background-color:var(--lovelace-scrollmarker-background);color:var(--lovelace-scrollmarker-content)}._19x8abf3{background-color:var(--lovelace-color-background-accent);color:var(--lovelace-color-content-on-accent)}._19x8abf4{width:40px;height:40px;padding:0}._19x8abf5{height:38px;padding-inline:var(--lovelace-padding-12);gap:var(--lovelace-gap-8)}._19x8abf0 [data-slot=icon]{font-size:var(--lovelace-icon-size-control);flex-shrink:0}@media (forced-colors:active){._19x8abf1[data-focus-visible]:not([data-disabled]){outline-offset:2px;outline:2px solid highlight}}.mf01c90{box-sizing:border-box;background-color:var(--lovelace-color-background-default);width:100%;min-height:0;max-height:100%;color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);flex-direction:column;flex:0 auto;display:flex;overflow-y:auto}.mf01c91{height:56px;padding-inline:var(--lovelace-padding-12);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.mf01c92{color:var(--lovelace-color-content-default);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);text-align:center;margin:0}.mf01c93{inset-inline-start:var(--lovelace-padding-12);align-items:center;display:flex;position:absolute;top:0;bottom:0}.mf01c94{inset-inline-end:var(--lovelace-padding-12);align-items:center;display:flex;position:absolute;top:0;bottom:0}[dir=rtl] .mf01c95{transform:scaleX(-1)}.mf01c96{min-height:var(--lovelace-spacing-48);padding:var(--lovelace-padding-12);box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--lovelace-color-border-default) transparent;flex:0 auto;overflow-y:auto}.mf01c97{align-items:stretch;gap:var(--lovelace-gap-12);padding:var(--lovelace-padding-12);box-sizing:border-box;flex-direction:column;flex-shrink:0;display:flex}._1hi4ecs0{background-color:var(--lovelace-color-background-neutral-overlay);justify-content:flex-end;align-items:center}._1hi4ecs1{background-color:var(--lovelace-color-background-default);border-start-start-radius:var(--lovelace-border-radius-container);border-start-end-radius:var(--lovelace-border-radius-container);flex-direction:column;width:100%;min-height:0;max-height:80%;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 24px 4px #0000001f}._1hi4ecs1[data-entering],._1hi4ecs1[data-exiting]{transform:translateY(100%)}._1hi4ecs2{outline:none;flex-direction:column;flex:auto;min-height:0;max-height:100%;display:flex}@media (prefers-reduced-motion:no-preference){._1hi4ecs1{transition:transform var(--lovelace-duration-medium) var(--lovelace-easing-standard)}}@keyframes _2rqyvg0{to{transform:rotate(360deg)}}._2rqyvg1{box-sizing:border-box;border-style:solid;border-color:var(--lovelace-color-background-neutral-overlay);border-radius:50%;animation:.8s linear infinite _2rqyvg0;display:inline-block}._2rqyvg1[data-reduced-motion]{animation-duration:2.4s}._2rqyvg2{border-width:2px;width:16px;height:16px}._2rqyvg3{border-width:3px;width:32px;height:32px}._2rqyvg4{border-top-color:var(--lovelace-color-content-default)}._2rqyvg5{border-top-color:var(--lovelace-color-content-on-accent)}@media (prefers-reduced-motion:reduce){._2rqyvg1{animation-duration:2.4s}}.jzxfg70{gap:var(--lovelace-gap-8);flex-direction:column;width:fit-content;display:flex}.jzxfg71{justify-content:center;align-items:center;gap:var(--lovelace-gap-8);flex-wrap:wrap;width:100%;display:flex}.jzxfg72{width:100%;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);color:var(--lovelace-color-content-secondary);justify-content:space-between;display:flex}._1y87qec0{justify-content:center;align-items:center;gap:var(--lovelace-gap-8);flex-wrap:wrap;width:100%;display:flex}@keyframes _9az62f0{0%{background-position-x:200%}to{background-position-x:0%}}@keyframes _9az62f1{0%,80%,to{vertical-align:0}40%{vertical-align:.3em}}._9az62f2{font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);white-space:nowrap;background-image:linear-gradient(90deg, var(--lovelace-color-content-secondary) 0%, var(--lovelace-color-content-secondary) 35%, var(--lovelace-color-content-default) 50%, var(--lovelace-color-content-secondary) 65%, var(--lovelace-color-content-secondary) 100%);color:#0000;-webkit-text-fill-color:transparent;background-repeat:repeat;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite _9az62f0;display:inline-block}._9az62f3{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._9az62f4{display:inline}._9az62f5{line-height:0;animation:1.4s ease-in-out infinite _9az62f1;display:inline}._9az62f5:nth-child(2){animation-delay:.16s}._9az62f5:nth-child(3){animation-delay:.32s}@media (prefers-reduced-motion:reduce){._9az62f2{color:var(--lovelace-color-content-secondary);-webkit-text-fill-color:var(--lovelace-color-content-secondary);background-image:none;animation:none}._9az62f5{animation:none}}.k6tn090{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--lovelace-gap-8);width:100%;padding-inline:var(--lovelace-padding-12);padding-block:var(--lovelace-padding-8);display:flex}.k6tn092{background-color:var(--lovelace-color-background-success-light);color:var(--lovelace-color-content-success)}.k6tn093{background-color:var(--lovelace-color-background-warning-light);color:var(--lovelace-color-content-warning)}.k6tn094{background-color:var(--lovelace-color-background-destructive-light);color:var(--lovelace-color-content-destructive)}.k6tn095{color:inherit;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-medium);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);overflow-wrap:break-word;margin:0}.k6tn096{white-space:nowrap;text-align:center;flex-shrink:0}.k6tn097{text-align:left;flex:1 0 0;min-width:0}.k6tn090 [data-slot=icon]{font-size:var(--lovelace-icon-size-control)}.s6807p0{box-sizing:border-box;max-width:184px;padding:var(--lovelace-spacing-8);border-radius:var(--lovelace-border-radius-6);background-color:var(--lovelace-color-background-inverse);color:var(--lovelace-color-content-inverse);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);text-align:center;word-break:break-word;filter:drop-shadow(0 4px 14px #0000000f)}.s6807p0[data-entering],.s6807p0[data-exiting]{opacity:0}.s6807p1{display:block}.s6807p2{fill:var(--lovelace-color-background-inverse);display:block}.s6807p0[data-placement^=top] .s6807p2{transform:rotate(0)}.s6807p0[data-placement^=bottom] .s6807p2{transform:rotate(180deg)}.s6807p0[data-placement^=left] .s6807p2{transform:rotate(-90deg)}.s6807p0[data-placement^=right] .s6807p2{transform:rotate(90deg)}@media (prefers-reduced-motion:no-preference){.s6807p0{transition:opacity var(--lovelace-duration-fast) var(--lovelace-easing-standard)}}@keyframes bwq5ac0{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.bwq5ac1{align-items:center;gap:var(--lovelace-gap-4);height:38px;padding-inline:var(--lovelace-padding-20);background-color:var(--lovelace-color-background-quaternary);border-start-start-radius:var(--lovelace-border-radius-20);border-start-end-radius:var(--lovelace-border-radius-20);border-end-end-radius:var(--lovelace-border-radius-20);border-end-start-radius:0;display:inline-flex}.bwq5ac2{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bwq5ac3{width:var(--lovelace-spacing-8);height:var(--lovelace-spacing-8);border-radius:var(--lovelace-border-radius-full);background-color:var(--lovelace-color-content-default);flex-shrink:0;animation:.9s ease-in-out infinite bwq5ac0}.bwq5ac3:nth-child(2){animation-delay:.15s}.bwq5ac3:nth-child(3){animation-delay:.3s}@media (prefers-reduced-motion:reduce){.bwq5ac3{animation:none}}.jxp4or0{align-items:flex-end;gap:var(--lovelace-gap-4);box-sizing:border-box;flex-direction:column;width:100%;padding-inline-start:var(--lovelace-padding-20);display:flex}.jxp4or1{box-sizing:border-box;max-width:100%;padding-inline:var(--lovelace-padding-12);padding-block:var(--lovelace-padding-8);border-radius:var(--lovelace-border-radius-message);background-color:var(--lovelace-message-user-background);align-items:center;display:flex}.jxp4or2{color:var(--lovelace-message-user-content);font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-body);line-height:var(--lovelace-line-height-body);overflow-wrap:anywhere;word-break:break-word;margin:0}.jxp4or3{justify-content:flex-end;width:100%;display:flex}.jxp4or4{min-height:var(--lovelace-icon-size-lg);align-items:center;gap:var(--lovelace-gap-4);color:var(--lovelace-color-content-destructive);margin:0;display:inline-flex}.jxp4or5{border-radius:var(--lovelace-border-radius-6);cursor:pointer;background:0 0;border:none;outline:none;padding:0}.jxp4or5[data-focus-visible]{box-shadow:0 0 0 var(--lovelace-border-width-focus) var(--lovelace-color-border-focus)}.jxp4or6{color:inherit;font-family:var(--lovelace-font-family-body);font-weight:var(--lovelace-font-weight-regular);font-size:var(--lovelace-font-size-caption);line-height:var(--lovelace-line-height-caption);margin:0}.jxp4or4 [data-slot=icon]{font-size:var(--lovelace-icon-size-lg)}@media (forced-colors:active){.jxp4or5[data-focus-visible]{outline-offset:2px;outline:2px solid highlight}}
2
2
  /*$vite$:1*/
package/dist/styles/row.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ import type { StyleRule } from "@vanilla-extract/css";
2
+ /**
3
+ * The 40px selectable row frame Figma draws for a menu item — the layout, the
4
+ * state-layer overlay, the double focus ring and the disabled treatment.
5
+ *
6
+ * Spread into each host's own class rather than shared as one class: a row is
7
+ * `role="menuitem"` in a `Menu`, `role="checkbox"` in a `CheckboxGroup` and
8
+ * `role="radio"` in a `RadioGroup`, so the hosts must not share a cascade. It is
9
+ * self-sufficient — a host spreads it and declares no state rules of its own,
10
+ * because a second `selectors` key would collide on spread.
11
+ *
12
+ * Content goes in child order: anything before the `[data-slot="label"]` child
13
+ * sits at the row start, and the label's `flex: 1` pushes anything after it to
14
+ * the end. No slot wrapper is needed — see each host's `[data-slot]` rules.
15
+ */
16
+ export declare const rowFrame: StyleRule;
17
+ /**
18
+ * Row content rules, applied by each host against its own row class. The label
19
+ * takes the remaining space so trailing content pins to the row end, and a
20
+ * slotted `<Icon>`'s 1em glyph is driven up to the row's icon size.
21
+ */
22
+ export declare const rowSlotRules: Record<"icon" | "label", StyleRule>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ada-cx/lovelace",
3
- "version": "1.0.0",
3
+ "version": "1.2.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",
package/dist/components/MenuItem/MenuItemLeading.d.ts DELETED
@@ -1,11 +0,0 @@
1
- import type { HTMLAttributes, ReactNode, Ref } from "react";
2
- export interface MenuItemLeadingProps extends HTMLAttributes<HTMLSpanElement> {
3
- ref?: Ref<HTMLSpanElement>;
4
- /**
5
- * Slot content — an `<Icon>`, or a checkbox/radio/switch-styled selection
6
- * indicator. Keep it decorative; the row itself carries selection state.
7
- */
8
- children?: ReactNode;
9
- }
10
- /** Leading (row-start) slot: a fixed 24px box that centres an icon or indicator. */
11
- export declare function MenuItemLeading({ className, children, ref, ...rest }: MenuItemLeadingProps): import("react/jsx-runtime").JSX.Element;
package/dist/components/MenuItem/MenuItemLeading.js DELETED
@@ -1,17 +0,0 @@
1
- import { cx as e } from "../../utils/cx.js";
2
- import { menuItemLeading as t } from "./MenuItem.css.js";
3
- import { jsx as n } from "react/jsx-runtime";
4
- //#region src/components/MenuItem/MenuItemLeading.tsx
5
- function r({ className: r, children: i, ref: a, ...o }) {
6
- return /* @__PURE__ */ n("span", {
7
- ref: a,
8
- ...o,
9
- "data-slot": "leading",
10
- className: e(t, r),
11
- children: i
12
- });
13
- }
14
- //#endregion
15
- export { r as MenuItemLeading };
16
-
17
- //# sourceMappingURL=MenuItemLeading.js.map
package/dist/components/MenuItem/MenuItemLeading.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItemLeading.js","names":[],"sources":["../../../src/components/MenuItem/MenuItemLeading.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } from \"react\";\nimport { cx } from \"../../utils/cx.js\";\nimport { menuItemLeading } from \"./MenuItem.css.js\";\n\nexport interface MenuItemLeadingProps extends HTMLAttributes<HTMLSpanElement> {\n\tref?: Ref<HTMLSpanElement>;\n\t/**\n\t * Slot content — an `<Icon>`, or a checkbox/radio/switch-styled selection\n\t * indicator. Keep it decorative; the row itself carries selection state.\n\t */\n\tchildren?: ReactNode;\n}\n\n/** Leading (row-start) slot: a fixed 24px box that centres an icon or indicator. */\nexport function MenuItemLeading({\n\tclassName,\n\tchildren,\n\tref,\n\t...rest\n}: MenuItemLeadingProps) {\n\treturn (\n\t\t<span\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t\tdata-slot=\"leading\"\n\t\t\tclassName={cx(menuItemLeading, className)}\n\t\t>\n\t\t\t{children}\n\t\t</span>\n\t);\n}\n"],"mappings":";;;;AAcA,SAAgB,EAAgB,EAC/B,cACA,aACA,QACA,GAAG,KACqB;AACxB,QACC,kBAAC,QAAD;EACM;EACL,GAAI;EACJ,aAAU;EACV,WAAW,EAAG,GAAiB,EAAU;EAExC;EACK,CAAA"}
package/dist/components/MenuItem/MenuItemTrailing.d.ts DELETED
@@ -1,14 +0,0 @@
1
- import type { HTMLAttributes, ReactNode, Ref } from "react";
2
- export interface MenuItemTrailingProps extends HTMLAttributes<HTMLSpanElement> {
3
- ref?: Ref<HTMLSpanElement>;
4
- /**
5
- * Slot content — an `<Icon>`, or a checkbox/radio/switch-styled selection
6
- * indicator. Keep it decorative; the row itself carries selection state.
7
- */
8
- children?: ReactNode;
9
- }
10
- /**
11
- * Trailing (row-end) slot: a fixed 24px box pinned to the far end of the row, so
12
- * the label takes the remaining space. Centres an icon or indicator.
13
- */
14
- export declare function MenuItemTrailing({ className, children, ref, ...rest }: MenuItemTrailingProps): import("react/jsx-runtime").JSX.Element;
package/dist/components/MenuItem/MenuItemTrailing.js DELETED
@@ -1,17 +0,0 @@
1
- import { cx as e } from "../../utils/cx.js";
2
- import { menuItemTrailing as t } from "./MenuItem.css.js";
3
- import { jsx as n } from "react/jsx-runtime";
4
- //#region src/components/MenuItem/MenuItemTrailing.tsx
5
- function r({ className: r, children: i, ref: a, ...o }) {
6
- return /* @__PURE__ */ n("span", {
7
- ref: a,
8
- ...o,
9
- "data-slot": "trailing",
10
- className: e(t, r),
11
- children: i
12
- });
13
- }
14
- //#endregion
15
- export { r as MenuItemTrailing };
16
-
17
- //# sourceMappingURL=MenuItemTrailing.js.map
package/dist/components/MenuItem/MenuItemTrailing.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItemTrailing.js","names":[],"sources":["../../../src/components/MenuItem/MenuItemTrailing.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } from \"react\";\nimport { cx } from \"../../utils/cx.js\";\nimport { menuItemTrailing } from \"./MenuItem.css.js\";\n\nexport interface MenuItemTrailingProps extends HTMLAttributes<HTMLSpanElement> {\n\tref?: Ref<HTMLSpanElement>;\n\t/**\n\t * Slot content — an `<Icon>`, or a checkbox/radio/switch-styled selection\n\t * indicator. Keep it decorative; the row itself carries selection state.\n\t */\n\tchildren?: ReactNode;\n}\n\n/**\n * Trailing (row-end) slot: a fixed 24px box pinned to the far end of the row, so\n * the label takes the remaining space. Centres an icon or indicator.\n */\nexport function MenuItemTrailing({\n\tclassName,\n\tchildren,\n\tref,\n\t...rest\n}: MenuItemTrailingProps) {\n\treturn (\n\t\t<span\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t\tdata-slot=\"trailing\"\n\t\t\tclassName={cx(menuItemTrailing, className)}\n\t\t>\n\t\t\t{children}\n\t\t</span>\n\t);\n}\n"],"mappings":";;;;AAiBA,SAAgB,EAAiB,EAChC,cACA,aACA,QACA,GAAG,KACsB;AACzB,QACC,kBAAC,QAAD;EACM;EACL,GAAI;EACJ,aAAU;EACV,WAAW,EAAG,GAAkB,EAAU;EAEzC;EACK,CAAA"}