@helvetia-design/core 0.0.6 → 0.1.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 (197) hide show
  1. package/README.md +10 -10
  2. package/components/ds-accordion.js +1 -1
  3. package/components/ds-app-footer.js +1 -1
  4. package/components/ds-app-navbar.js +1 -1
  5. package/components/ds-badge.js +1 -1
  6. package/components/ds-brand-icon.js +1 -1
  7. package/components/ds-button.js +1 -1
  8. package/components/ds-card-subtitle.js +1 -1
  9. package/components/ds-card-title.js +1 -1
  10. package/components/ds-carousel.js +1 -1
  11. package/components/ds-checkbox-group.js +1 -1
  12. package/components/ds-close.js +1 -1
  13. package/components/ds-content.js +1 -1
  14. package/components/ds-counter.js +1 -1
  15. package/components/ds-data-item.js +1 -1
  16. package/components/ds-datepicker.js +1 -1
  17. package/components/ds-divider.js +1 -1
  18. package/components/ds-drawer.js +1 -1
  19. package/components/ds-file-upload.js +1 -1
  20. package/components/ds-heading.js +1 -1
  21. package/components/ds-hint.js +1 -1
  22. package/components/ds-icon.js +1 -1
  23. package/components/ds-input.js +1 -1
  24. package/components/ds-item.js +1 -1
  25. package/components/ds-modal.js +1 -1
  26. package/components/ds-notification.js +1 -1
  27. package/components/ds-number-input.js +1 -1
  28. package/components/ds-pagination.js +1 -1
  29. package/components/ds-phone-input.js +1 -1
  30. package/components/ds-popup.js +1 -1
  31. package/components/ds-radio-group.js +1 -1
  32. package/components/ds-segment.js +1 -1
  33. package/components/ds-select.js +1 -1
  34. package/components/ds-slider.js +1 -1
  35. package/components/ds-snackbar.js +1 -1
  36. package/components/ds-stack.js +1 -1
  37. package/components/ds-step.js +1 -1
  38. package/components/ds-tabs.js +1 -1
  39. package/components/ds-tag.js +1 -1
  40. package/components/ds-textarea.js +1 -1
  41. package/components/ds-toast.js +1 -1
  42. package/components/ds-toggle.js +1 -1
  43. package/components/{p-BWrjPWjt.js → p-B0Z95Hj1.js} +1 -1
  44. package/components/p-B9El_sPq.js +1 -1
  45. package/components/p-BB4SRrRj.js +4 -0
  46. package/components/{p-B3VN_5Hp.js → p-BPtibja3.js} +1 -1
  47. package/components/{p-B1celIGd.js → p-C0OHfTQ0.js} +1 -1
  48. package/components/{p-BJ2D8QfA.js → p-CTSANrsO.js} +1 -1
  49. package/components/{p-DgLUmdPH.js → p-CjK_T5vp.js} +1 -1
  50. package/components/p-DBqTFl8O.js +4 -0
  51. package/components/p-DFgZk16R.js +6 -0
  52. package/components/{p-Ce1uMkAI.js → p-DO00xKgx.js} +1 -1
  53. package/components/{p-CJycEnj5.js → p-Dj9PaUM0.js} +1 -1
  54. package/components/{p-Bd5NhwlZ.js → p-DyfdPmyS.js} +1 -1
  55. package/components/p-V50XCJTN.js +4 -0
  56. package/components/{p-BJK2OSM1.js → p-hhVbp_AN.js} +1 -1
  57. package/components/{p-D6jvX9E6.js → p-qIRMq8Bl.js} +1 -1
  58. package/components/{p-CsftG7WI.js → p-xUHc9oRK.js} +1 -1
  59. package/dist/cjs/design-system.cjs.js +1 -1
  60. package/dist/cjs/ds-badge.cjs.entry.js +1 -1
  61. package/dist/cjs/ds-brand-icon_3.cjs.entry.js +17 -3
  62. package/dist/cjs/ds-card-subtitle.cjs.entry.js +3 -11
  63. package/dist/cjs/ds-card-title.cjs.entry.js +1 -1
  64. package/dist/cjs/ds-content_2.cjs.entry.js +9 -7
  65. package/dist/cjs/ds-counter.cjs.entry.js +4 -4
  66. package/dist/cjs/ds-datepicker.cjs.entry.js +1 -1
  67. package/dist/cjs/ds-divider_2.cjs.entry.js +3 -3
  68. package/dist/cjs/ds-file-upload.cjs.entry.js +1 -1
  69. package/dist/cjs/ds-heading.cjs.entry.js +5 -24
  70. package/dist/cjs/ds-icon_2.cjs.entry.js +2 -2
  71. package/dist/cjs/ds-input.cjs.entry.js +2 -2
  72. package/dist/cjs/ds-number-input.cjs.entry.js +1 -1
  73. package/dist/cjs/ds-phone-input.cjs.entry.js +1 -1
  74. package/dist/cjs/ds-select.cjs.entry.js +1 -1
  75. package/dist/cjs/ds-slider.cjs.entry.js +1 -1
  76. package/dist/cjs/ds-snackbar.cjs.entry.js +1 -1
  77. package/dist/cjs/ds-tag.cjs.entry.js +1 -1
  78. package/dist/cjs/ds-textarea.cjs.entry.js +1 -1
  79. package/dist/cjs/ds-toast.cjs.entry.js +1 -1
  80. package/dist/cjs/ds-toggle.cjs.entry.js +1 -1
  81. package/dist/cjs/{heading.interfaces-C-G-ZqUa.js → heading.interfaces-BGskP9PB.js} +0 -2
  82. package/dist/cjs/index-CyaxwkZQ.js +1 -1
  83. package/dist/cjs/loader.cjs.js +1 -1
  84. package/dist/cjs/{svg-Cs3pO28w.js → svg-CH7qWfV-.js} +272 -195
  85. package/dist/cjs/{t-shirt-DWHArrUC.js → t-shirt-DqirWTL2.js} +2 -6
  86. package/dist/collection/components/actions/button/button.js +36 -2
  87. package/dist/collection/components/actions/button/test/button.component.play.js +53 -0
  88. package/dist/collection/components/forms/counter/counter.host.css +1 -1
  89. package/dist/collection/components/forms/counter/counter.js +5 -3
  90. package/dist/collection/components/forms/datepicker/datepicker.host.css +1 -1
  91. package/dist/collection/components/forms/file-upload/file-upload.host.css +1 -1
  92. package/dist/collection/components/forms/input/input.host.css +1 -1
  93. package/dist/collection/components/forms/input/input.js +3 -1
  94. package/dist/collection/components/forms/number-input/number-input.host.css +1 -1
  95. package/dist/collection/components/forms/phone-input/phone-input.host.css +1 -1
  96. package/dist/collection/components/forms/select/select.host.css +1 -1
  97. package/dist/collection/components/forms/slider/slider.host.css +1 -1
  98. package/dist/collection/components/forms/textarea/textarea.host.css +1 -1
  99. package/dist/collection/components/forms/toggle/toggle.host.css +1 -1
  100. package/dist/collection/components/structure/card/card-subtitle/card-subtitle.js +5 -37
  101. package/dist/collection/components/structure/content/content.js +3 -3
  102. package/dist/collection/components/structure/divider/divider.js +3 -3
  103. package/dist/collection/components/structure/heading/heading.const.js +0 -8
  104. package/dist/collection/components/structure/heading/heading.host.css +1 -1
  105. package/dist/collection/components/structure/heading/heading.interfaces.js +0 -1
  106. package/dist/collection/components/structure/heading/heading.js +5 -42
  107. package/dist/collection/components/structure/heading/test/heading.a11y.play.js +3 -8
  108. package/dist/collection/components/structure/stack/stack.interfaces.js +2 -2
  109. package/dist/collection/components/structure/stack/stack.js +10 -8
  110. package/dist/collection/components/structure/stack/test/stack.component.play.js +27 -1
  111. package/dist/collection/foundation/normalize.component.play.js +39 -0
  112. package/dist/collection/global/constants/version.constant.js +1 -1
  113. package/dist/collection/utils/t-shirt.js +7 -6
  114. package/dist/design-system/design-system.esm.js +1 -1
  115. package/dist/design-system/{p-f67413bb28.entry.js → p-083f25371d.entry.js} +1 -1
  116. package/dist/design-system/{p-89418d345c.entry.js → p-1ca8c93650.entry.js} +1 -1
  117. package/dist/design-system/{p-6c9ebf73a3.entry.js → p-2b04230249.entry.js} +1 -1
  118. package/dist/design-system/p-3790705fde.entry.js +4 -0
  119. package/dist/design-system/{p-6b6fdc57c1.entry.js → p-4722d55123.entry.js} +1 -1
  120. package/dist/design-system/p-49ec36993d.entry.js +4 -0
  121. package/dist/design-system/{p-94a2067cb2.entry.js → p-68c0b49d0f.entry.js} +1 -1
  122. package/dist/design-system/{p-870e3c0138.entry.js → p-6d133bb1c4.entry.js} +1 -1
  123. package/dist/design-system/{p-65913aa877.entry.js → p-707ddadb07.entry.js} +1 -1
  124. package/dist/design-system/{p-a6709bd6a4.entry.js → p-812fca6694.entry.js} +1 -1
  125. package/dist/design-system/{p-1832a8b10c.entry.js → p-8d919b39a2.entry.js} +1 -1
  126. package/dist/design-system/p-9705c44121.entry.js +4 -0
  127. package/dist/design-system/{p-42bc0ecdea.entry.js → p-98a83e848d.entry.js} +1 -1
  128. package/dist/design-system/{p-B3VN_5Hp.js → p-BPtibja3.js} +1 -1
  129. package/dist/design-system/p-BZEWgXed.js +1 -1
  130. package/dist/design-system/p-CZXt-zTQ.js +4 -0
  131. package/dist/design-system/p-DFgZk16R.js +6 -0
  132. package/dist/design-system/{p-03f71b802d.entry.js → p-a2921f8048.entry.js} +1 -1
  133. package/dist/design-system/{p-68f1c98ef3.entry.js → p-a3755079c9.entry.js} +1 -1
  134. package/dist/design-system/{p-d5c0b5ddf3.entry.js → p-a99f6b63d3.entry.js} +1 -1
  135. package/dist/design-system/{p-76551271c7.entry.js → p-ac0d1f82c0.entry.js} +1 -1
  136. package/dist/design-system/{p-8c18e03816.entry.js → p-ba7800f8e6.entry.js} +1 -1
  137. package/dist/design-system/p-d2c33fa11f.entry.js +4 -0
  138. package/dist/design-system/{p-d12febf08e.entry.js → p-d85136052d.entry.js} +1 -1
  139. package/dist/design-system/{p-af756319ff.entry.js → p-f799b1412c.entry.js} +1 -1
  140. package/dist/esm/design-system.js +1 -1
  141. package/dist/esm/ds-badge.entry.js +1 -1
  142. package/dist/esm/ds-brand-icon_3.entry.js +17 -3
  143. package/dist/esm/ds-card-subtitle.entry.js +3 -11
  144. package/dist/esm/ds-card-title.entry.js +1 -1
  145. package/dist/esm/ds-content_2.entry.js +9 -7
  146. package/dist/esm/ds-counter.entry.js +4 -4
  147. package/dist/esm/ds-datepicker.entry.js +1 -1
  148. package/dist/esm/ds-divider_2.entry.js +3 -3
  149. package/dist/esm/ds-file-upload.entry.js +1 -1
  150. package/dist/esm/ds-heading.entry.js +5 -24
  151. package/dist/esm/ds-icon_2.entry.js +2 -2
  152. package/dist/esm/ds-input.entry.js +2 -2
  153. package/dist/esm/ds-number-input.entry.js +1 -1
  154. package/dist/esm/ds-phone-input.entry.js +1 -1
  155. package/dist/esm/ds-select.entry.js +1 -1
  156. package/dist/esm/ds-slider.entry.js +1 -1
  157. package/dist/esm/ds-snackbar.entry.js +1 -1
  158. package/dist/esm/ds-tag.entry.js +1 -1
  159. package/dist/esm/ds-textarea.entry.js +1 -1
  160. package/dist/esm/ds-toast.entry.js +1 -1
  161. package/dist/esm/ds-toggle.entry.js +1 -1
  162. package/dist/esm/{heading.interfaces-QyQjrb1P.js → heading.interfaces-CZXt-zTQ.js} +1 -2
  163. package/dist/esm/index-BZEWgXed.js +1 -1
  164. package/dist/esm/loader.js +1 -1
  165. package/dist/esm/{svg-BNUaCToz.js → svg-DFgZk16R.js} +272 -195
  166. package/dist/esm/{t-shirt-B3VN_5Hp.js → t-shirt-BPtibja3.js} +2 -6
  167. package/dist/types/components/actions/button/button.d.ts +4 -0
  168. package/dist/types/components/forms/counter/counter.d.ts +2 -0
  169. package/dist/types/components/forms/input/input.d.ts +2 -0
  170. package/dist/types/components/structure/card/card-subtitle/card-subtitle.d.ts +1 -6
  171. package/dist/types/components/structure/content/content.d.ts +1 -1
  172. package/dist/types/components/structure/divider/divider.d.ts +1 -1
  173. package/dist/types/components/structure/heading/heading.const.d.ts +0 -3
  174. package/dist/types/components/structure/heading/heading.d.ts +1 -6
  175. package/dist/types/components/structure/heading/heading.interfaces.d.ts +0 -2
  176. package/dist/types/components/structure/stack/stack.interfaces.d.ts +2 -2
  177. package/dist/types/components.d.ts +21 -28
  178. package/dist/types/foundation/normalize.component.play.d.ts +1 -0
  179. package/dist/types/utils/t-shirt.d.ts +5 -0
  180. package/docs/cem.json +50 -76
  181. package/docs/components.json +103 -134
  182. package/docs/html.html-data.json +25 -45
  183. package/hydrate/index.js +350 -283
  184. package/hydrate/index.mjs +350 -283
  185. package/package.json +6 -6
  186. package/sbom.cdx.json +9610 -9319
  187. package/components/p-B4PwKlaW.js +0 -4
  188. package/components/p-BNUaCToz.js +0 -6
  189. package/components/p-QyQjrb1P.js +0 -4
  190. package/components/p-VnJFXLI2.js +0 -4
  191. package/components/p-kwr2iIN4.js +0 -4
  192. package/dist/design-system/p-199e5794f9.entry.js +0 -4
  193. package/dist/design-system/p-97670520d2.entry.js +0 -4
  194. package/dist/design-system/p-BNUaCToz.js +0 -6
  195. package/dist/design-system/p-QyQjrb1P.js +0 -4
  196. package/dist/design-system/p-bee20202e4.entry.js +0 -4
  197. package/dist/design-system/p-d65c14d35e.entry.js +0 -4
package/hydrate/index.js CHANGED
@@ -15045,7 +15045,7 @@ class ScrollHandler {
15045
15045
  }
15046
15046
  }
15047
15047
 
15048
- /*! @license DOMPurify 3.4.16 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.16/LICENSE */
15048
+ /*! @license DOMPurify 3.4.17 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.17/LICENSE */
15049
15049
  function _arrayLikeToArray$9(r, a) {
15050
15050
  (null == a || a > r.length) && (a = r.length);
15051
15051
  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
@@ -15115,8 +15115,12 @@ const arrayForEach = unapply(Array.prototype.forEach);
15115
15115
  const arrayLastIndexOf = unapply(Array.prototype.lastIndexOf);
15116
15116
  const arrayPop = unapply(Array.prototype.pop);
15117
15117
  const arrayPush = unapply(Array.prototype.push);
15118
+ const arraySlice = unapply(Array.prototype.slice);
15118
15119
  const arraySplice = unapply(Array.prototype.splice);
15119
15120
  const arrayIsArray = Array.isArray;
15121
+ const setCreate = unconstruct(Set);
15122
+ const setAdd = unapply(Set.prototype.add);
15123
+ const setHas = unapply(Set.prototype.has);
15120
15124
  const stringToLowerCase = unapply(String.prototype.toLowerCase);
15121
15125
  const stringToString = unapply(String.prototype.toString);
15122
15126
  const stringMatch = unapply(String.prototype.match);
@@ -15261,6 +15265,25 @@ function lookupGetter(object, prop) {
15261
15265
  }
15262
15266
  return fallbackValue;
15263
15267
  }
15268
+ /**
15269
+ * Like lookupGetter, but for accessor properties only, and returns null
15270
+ * instead of a null-returning fallback when no getter exists on the chain.
15271
+ * Lets a caller fall back to a direct property read in environments that
15272
+ * lack the getter, where a fallback returning null would be indistinguishable
15273
+ * from a legitimate null value (e.g. namespaceURI of a no-namespace element).
15274
+ *
15275
+ * @param object - The object (usually a prototype) to start the lookup at.
15276
+ * @param prop - The accessor property name.
15277
+ * @returns The unapplied getter, or null if none was found.
15278
+ */
15279
+ function lookupAccessor(object, prop) {
15280
+ while (object !== null) {
15281
+ const desc = getOwnPropertyDescriptor(object, prop);
15282
+ if (desc) return desc.get ? unapply(desc.get) : null;
15283
+ object = getPrototypeOf(object);
15284
+ }
15285
+ return null;
15286
+ }
15264
15287
  function isRegex(value) {
15265
15288
  try {
15266
15289
  regExpTest(value, "");
@@ -15938,7 +15961,7 @@ const NODE_TYPE = {
15938
15961
  comment: 8,
15939
15962
  document: 9,
15940
15963
  documentFragment: 11};
15941
- const LITERAL_TEXT_ELEMENT_NAMES = [
15964
+ const LITERAL_TEXT_ELEMENTS = freeze(addToSet({}, [
15942
15965
  "style",
15943
15966
  "script",
15944
15967
  "xmp",
@@ -15947,15 +15970,7 @@ const LITERAL_TEXT_ELEMENT_NAMES = [
15947
15970
  "noframes",
15948
15971
  "plaintext",
15949
15972
  "noscript"
15950
- ];
15951
- const LITERAL_TEXT_ELEMENTS = freeze(addToSet({}, LITERAL_TEXT_ELEMENT_NAMES));
15952
- const LITERAL_TEXT_CLOSE = function() {
15953
- const map = {};
15954
- arrayForEach(LITERAL_TEXT_ELEMENT_NAMES, (name) => {
15955
- map[name] = seal(new RegExp("</" + name + "(?=[\\t\\n\\f\\r />])", "i"));
15956
- });
15957
- return freeze(map);
15958
- }();
15973
+ ]));
15959
15974
  const getGlobal = function getGlobal() {
15960
15975
  return typeof window === "undefined" ? null : window;
15961
15976
  };
@@ -16033,7 +16048,7 @@ const _resolveObjectOption = function _resolveObjectOption(cfg, key, makeFallbac
16033
16048
  function createDOMPurify() {
16034
16049
  let window = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : getGlobal();
16035
16050
  const DOMPurify = (root) => createDOMPurify(root);
16036
- DOMPurify.version = "3.4.16";
16051
+ DOMPurify.version = "3.4.17";
16037
16052
  DOMPurify.removed = [];
16038
16053
  if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
16039
16054
  DOMPurify.isSupported = false;
@@ -16062,6 +16077,10 @@ function createDOMPurify() {
16062
16077
  const _readNodeName = function _readNodeName(node) {
16063
16078
  return getNodeName ? getNodeName(node) : node.nodeName;
16064
16079
  };
16080
+ const getNamespaceURI = lookupAccessor(ElementPrototype, "namespaceURI");
16081
+ const _readNamespaceURI = function _readNamespaceURI(element) {
16082
+ return getNamespaceURI ? getNamespaceURI(element) : element.namespaceURI;
16083
+ };
16065
16084
  if (typeof HTMLTemplateElement === "function") {
16066
16085
  const template = document.createElement("template");
16067
16086
  if (template.content && template.content.ownerDocument) document = template.content.ownerDocument;
@@ -16182,6 +16201,7 @@ function createDOMPurify() {
16182
16201
  const SANITIZE_NAMED_PROPS_PREFIX = "user-content-";
16183
16202
  let KEEP_CONTENT = true;
16184
16203
  let IN_PLACE = false;
16204
+ let IN_PLACE_VISITED = null;
16185
16205
  let USE_PROFILES = {};
16186
16206
  let FORBID_CONTENTS = null;
16187
16207
  const DEFAULT_FORBID_CONTENTS = addToSet({}, [
@@ -16455,18 +16475,23 @@ function createDOMPurify() {
16455
16475
  * return. Return true otherwise.
16456
16476
  */
16457
16477
  const _checkValidNamespace = function _checkValidNamespace(element) {
16458
- let parent = getParentNode(element);
16459
- if (!parent || !parent.tagName) parent = {
16460
- namespaceURI: NAMESPACE,
16461
- tagName: "template"
16462
- };
16463
- const tagName = stringToLowerCase(element.tagName);
16464
- const parentTagName = stringToLowerCase(parent.tagName);
16465
- if (!ALLOWED_NAMESPACES[element.namespaceURI]) return false;
16466
- if (element.namespaceURI === SVG_NAMESPACE) return _checkSvgNamespace(tagName, parent, parentTagName);
16467
- if (element.namespaceURI === MATHML_NAMESPACE) return _checkMathMlNamespace(tagName, parent, parentTagName);
16468
- if (element.namespaceURI === HTML_NAMESPACE) return _checkHtmlNamespace(tagName, parent, parentTagName);
16469
- if (PARSER_MEDIA_TYPE === "application/xhtml+xml" && ALLOWED_NAMESPACES[element.namespaceURI]) return true;
16478
+ const elementNamespace = _readNamespaceURI(element);
16479
+ const tagName = stringToLowerCase(_readNodeName(element));
16480
+ const parentNode = getParentNode(element);
16481
+ let parent;
16482
+ let parentTagName;
16483
+ if (parentNode && _readNodeType(parentNode) === NODE_TYPE.element) {
16484
+ parent = { namespaceURI: _readNamespaceURI(parentNode) };
16485
+ parentTagName = stringToLowerCase(_readNodeName(parentNode));
16486
+ } else {
16487
+ parent = { namespaceURI: NAMESPACE };
16488
+ parentTagName = "template";
16489
+ }
16490
+ if (!ALLOWED_NAMESPACES[elementNamespace]) return false;
16491
+ if (elementNamespace === SVG_NAMESPACE) return _checkSvgNamespace(tagName, parent, parentTagName);
16492
+ if (elementNamespace === MATHML_NAMESPACE) return _checkMathMlNamespace(tagName, parent, parentTagName);
16493
+ if (elementNamespace === HTML_NAMESPACE) return _checkHtmlNamespace(tagName, parent, parentTagName);
16494
+ if (PARSER_MEDIA_TYPE === "application/xhtml+xml" && ALLOWED_NAMESPACES[elementNamespace]) return true;
16470
16495
  return false;
16471
16496
  };
16472
16497
  /**
@@ -16510,36 +16535,21 @@ function createDOMPurify() {
16510
16535
  }
16511
16536
  };
16512
16537
  /**
16513
- * _neutralizeRoot
16514
- *
16515
- * Fail-closed teardown of an in-place root after the sanitize walk aborts
16516
- * (campaign-3 F2). An internal throw mid-walk — e.g. a page-registered
16517
- * custom element's reaction detaches a node so `_forceRemove`'s deliberate
16518
- * parentless guard throws, or any other re-entrant engine mutation — would
16519
- * otherwise leave the caller's *live* tree half-sanitized, with everything
16520
- * after the abort point still carrying its handlers. There is no safe way
16521
- * to resume the walk (the tree mutated under us), so we strip the root bare:
16522
- * remove every child and every attribute, then let the caller's catch see
16523
- * the original error. Clobber-safe (cached `remove`/`childNodes`/`attributes`
16524
- * getters; the root was already clobber-pre-flighted at the IN_PLACE entry).
16538
+ * Fail-closed teardown of an in-place root: strip every disallowed attribute
16539
+ * in the subtree first, so nothing armed is left behind, then remove all
16540
+ * children and the root's own attributes.
16525
16541
  *
16526
16542
  * @param root the in-place root to empty
16527
16543
  */
16528
16544
  const _neutralizeRoot = function _neutralizeRoot(root) {
16529
16545
  _neutralizeSubtree(root);
16530
16546
  const childNodes = getChildNodes(root);
16531
- if (childNodes) {
16532
- const snapshot = [];
16533
- arrayForEach(childNodes, (child) => {
16534
- arrayPush(snapshot, child);
16535
- });
16536
- arrayForEach(snapshot, (child) => {
16537
- try {
16538
- remove(child);
16539
- } catch (_) {}
16540
- });
16541
- }
16542
- const attributes = getAttributes(root);
16547
+ if (childNodes) arrayForEach(arraySlice(childNodes), (child) => {
16548
+ try {
16549
+ remove(child);
16550
+ } catch (_) {}
16551
+ });
16552
+ const attributes = _readNodeType(root) === NODE_TYPE.element ? getAttributes(root) : null;
16543
16553
  if (attributes) for (let i = attributes.length - 1; i >= 0; --i) {
16544
16554
  const attribute = attributes[i];
16545
16555
  const name = attribute && attribute.name;
@@ -16547,18 +16557,9 @@ function createDOMPurify() {
16547
16557
  }
16548
16558
  };
16549
16559
  /**
16550
- * _removeAttribute
16551
- *
16552
- * Name-based getAttributeNode()/removeAttribute() ASCII-lowercase their
16553
- * lookup key for HTML elements in an HTML document, so they silently miss an
16554
- * attribute whose stored qualified name still contains uppercase ASCII
16555
- * letters. That happens when the node came from a case-preserving source
16556
- * (an XML/XHTML document imported via importNode(), or createAttributeNS()),
16557
- * where e.g. `ONERROR` survives the walk: the policy check lowercases to
16558
- * `onerror` and rejects it, but `removeAttribute('ONERROR')` looks up
16559
- * `onerror` and finds nothing. Remove the exact Attr node instead, which is
16560
- * case- and namespace-exact, and fall back to name-based removal only when
16561
- * the caller could not supply the node.
16560
+ * Removes an attribute, preferably as its exact Attr node: name-based
16561
+ * removal lowercases the name in HTML documents and misses case-preserved
16562
+ * names, e.g. from imported XHTML.
16562
16563
  *
16563
16564
  * @param name an Attribute name
16564
16565
  * @param element a DOM node
@@ -16592,12 +16593,8 @@ function createDOMPurify() {
16592
16593
  }
16593
16594
  };
16594
16595
  /**
16595
- * _stripDisallowedAttributes
16596
- *
16597
- * Removes every attribute the active configuration does not allow from a
16598
- * single element, using the same allowlist as the main attribute pass (so
16599
- * `on*` handlers go, but no `/^on/` blocklist is introduced). Used only to
16600
- * neutralise nodes that are being discarded from an in-place tree.
16596
+ * Removes every attribute the configuration does not allow. Used to
16597
+ * neutralize nodes discarded from an in-place tree.
16601
16598
  *
16602
16599
  * @param element the element to strip
16603
16600
  */
@@ -16612,77 +16609,158 @@ function createDOMPurify() {
16612
16609
  }
16613
16610
  };
16614
16611
  /**
16615
- * _neutralizeSubtree
16616
- *
16617
- * Completes the audit-5 F1 fix across every removal path. The KEEP_CONTENT
16618
- * move-hoist neutralises only disallowed-tag removals; clobber, mXSS-canary,
16619
- * namespace, comment, processing-instruction and KEEP_CONTENT:false removals
16620
- * all drop their subtree wholesale via `_forceRemove`. On the IN_PLACE path
16621
- * those dropped nodes are detached from the caller's LIVE tree but a
16622
- * handler-bearing original among them (an `<img onerror>`/`<video>` that was
16623
- * loading) keeps its queued resource event, which fires in page scope after
16624
- * sanitize returns. This walks a removed subtree and strips every attribute
16625
- * the active configuration does not allow — so `on*` handlers are cancelled
16626
- * through the SAME allowlist that governs kept nodes, not a separate `/^on/`
16627
- * blocklist. Run synchronously before sanitize returns, i.e. before any
16628
- * queued event can fire. Hook-free by design: these nodes leave the output,
16629
- * so firing attribute hooks for them would be surprising. Clobber-safe reads;
16630
- * a doomed clobbered node may shadow `removeAttribute` (its own attributes are
16631
- * irrelevant — it is discarded — while its non-clobbered descendants, e.g.
16632
- * the `<img>`, are reached and scrubbed).
16612
+ * Iterative depth-first walk, so deep trees cannot overflow the call stack,
16613
+ * reading through the cached getters, so clobbering cannot hide children.
16614
+ * When `visit` returns false, the node's children are skipped. With
16615
+ * `intoShadow`, open shadow roots are walked after their host's children.
16633
16616
  *
16634
- * @param root the root of a removed subtree to neutralise
16617
+ * @param root where to start
16618
+ * @param visit called for every node
16619
+ * @param intoShadow whether to enter open shadow roots
16635
16620
  */
16636
- const _neutralizeSubtree = function _neutralizeSubtree(root) {
16621
+ const _walkTree = function _walkTree(root, visit) {
16622
+ let intoShadow = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
16637
16623
  const stack = [root];
16638
16624
  while (stack.length > 0) {
16639
16625
  const node = stack.pop();
16640
- if (_readNodeType(node) === NODE_TYPE.element) _stripDisallowedAttributes(node);
16626
+ if (visit(node) === false) continue;
16627
+ if (intoShadow && _readNodeType(node) === NODE_TYPE.element) {
16628
+ const shadowRoot = getShadowRoot(node);
16629
+ if (_isDocumentFragment(shadowRoot)) stack.push(shadowRoot);
16630
+ }
16641
16631
  const childNodes = getChildNodes(node);
16642
16632
  if (childNodes) for (let i = childNodes.length - 1; i >= 0; --i) stack.push(childNodes[i]);
16643
16633
  }
16644
16634
  };
16645
16635
  /**
16646
- * _neutralizePatchLinkage
16636
+ * Strips disallowed attributes from every element of a discarded subtree,
16637
+ * so a handler that is already queued (a loading image) cannot fire.
16647
16638
  *
16648
- * IN_PLACE entry pre-pass (declarative-partial-updates / streaming
16649
- * hardening, https://github.com/WICG/declarative-partial-updates).
16639
+ * @param root the root of a removed subtree
16640
+ */
16641
+ const _neutralizeSubtree = function _neutralizeSubtree(root) {
16642
+ _walkTree(root, (node) => {
16643
+ if (_readNodeType(node) === NODE_TYPE.element) _stripDisallowedAttributes(node);
16644
+ });
16645
+ };
16646
+ /**
16647
+ * All nodes under `root`, root first, including open shadow roots. Template
16648
+ * content is not entered, it is inert.
16650
16649
  *
16651
- * The main walk strips patch linkage (`for`/`patchsrc`) and removes range
16652
- * markers (PIs / markup comments) node-by-node, in document order, AS it
16653
- * reaches each node. On a live in-place root that leaves a window: from the
16654
- * moment the root is connected until the walk arrives at a given node, that
16655
- * node's linkage is live. A patch applied on connection/stream can fire as
16656
- * a microtask during the walk and inject or teleport an unsanitized DOM
16657
- * range into a region the iterator has already passed and will not revisit,
16658
- * so the post-return "tree is sanitized" contract is violated. Sweep the
16659
- * whole tree once up front and sever every linkage before the walk begins,
16660
- * closing that window.
16650
+ * @param root the in-place root
16651
+ * @return the nodes
16652
+ */
16653
+ const _collectLiveNodes = function _collectLiveNodes(root) {
16654
+ const nodes = [];
16655
+ _walkTree(root, (node) => {
16656
+ nodes.push(node);
16657
+ }, true);
16658
+ return nodes;
16659
+ };
16660
+ /**
16661
+ * Strips disallowed attributes from every element that was under the
16662
+ * in-place root when the call started and no longer is, whatever removed
16663
+ * or moved it.
16661
16664
  *
16662
- * This CANNOT undo a patch that already fired before sanitize ran — that is
16663
- * the irreducible "do not IN_PLACE a live-connected attacker tree" caveat —
16664
- * but it closes everything from sanitize-start onward. Gated on SAFE_FOR_XML
16665
- * to group with the rest of the declarative-partial-updates handling and
16666
- * stay overridable, consistent with the codebase.
16665
+ * @param root the in-place root
16666
+ * @param before the root's nodes, collected before the walk
16667
+ */
16668
+ const _neutralizeEscapedElements = function _neutralizeEscapedElements(root, before) {
16669
+ const reachable = setCreate();
16670
+ arrayForEach(_collectLiveNodes(root), (node) => {
16671
+ if (_readNodeType(node) === NODE_TYPE.element) setAdd(reachable, node);
16672
+ });
16673
+ arrayForEach(before, (node) => {
16674
+ if (_readNodeType(node) === NODE_TYPE.element && !setHas(reachable, node)) _stripDisallowedAttributes(node);
16675
+ });
16676
+ };
16677
+ /**
16678
+ * Neutralizes everything that left the in-place tree during the call: what
16679
+ * DOMPurify removed, and what hooks or custom elements removed or moved out.
16667
16680
  *
16668
- * Clobber-safe traversal (cached childNodes getter); per-node try/catch so a
16669
- * clobbered root cannot defeat the sweep of its non-clobbered descendants.
16681
+ * @param root the in-place root
16682
+ * @param before the root's nodes, collected before the walk
16683
+ * @return true if the root itself was removed
16684
+ */
16685
+ const _neutralizeDiscarded = function _neutralizeDiscarded(root, before) {
16686
+ let rootRemoved = false;
16687
+ arrayForEach(DOMPurify.removed, (entry) => {
16688
+ if (entry.element) {
16689
+ rootRemoved = rootRemoved || entry.element === root;
16690
+ _neutralizeSubtree(entry.element);
16691
+ }
16692
+ });
16693
+ _neutralizeEscapedElements(root, before);
16694
+ return rootRemoved;
16695
+ };
16696
+ const MAX_UNVISITED_ROUNDS = 8;
16697
+ /**
16698
+ * The walk only moves forward, so a node moved to a position it already
16699
+ * passed is never visited. Give every original node that is still in the
16700
+ * tree but unvisited the normal treatment, hooks included. Nodes created
16701
+ * during the call are left alone. Fails closed if the tree keeps changing.
16702
+ *
16703
+ * @param root the in-place root
16704
+ * @param before the root's nodes, collected before the walk
16705
+ */
16706
+ const _sanitizeUnvisitedNodes = function _sanitizeUnvisitedNodes(root, before) {
16707
+ const visited = IN_PLACE_VISITED;
16708
+ let original = null;
16709
+ const getOriginal = () => {
16710
+ if (!original) {
16711
+ original = setCreate();
16712
+ arrayForEach(before, (beforeNode) => {
16713
+ setAdd(original, beforeNode);
16714
+ });
16715
+ }
16716
+ return original;
16717
+ };
16718
+ for (let round = 0;; round++) {
16719
+ const live = _collectLiveNodes(root);
16720
+ const containers = [root];
16721
+ let pending = false;
16722
+ arrayForEach(live, (node) => {
16723
+ if (_readNodeType(node) === NODE_TYPE.documentFragment) arrayPush(containers, node);
16724
+ else if (!pending && !setHas(visited, node)) pending = setHas(getOriginal(), node);
16725
+ });
16726
+ if (!pending) return;
16727
+ if (round >= MAX_UNVISITED_ROUNDS) throw typeErrorCreate("the tree kept changing during in-place sanitization; refusing to return it");
16728
+ arrayForEach(containers, (container, index) => {
16729
+ _sanitizeUnvisitedIn(container, index > 0, root, getOriginal());
16730
+ });
16731
+ }
16732
+ };
16733
+ /**
16734
+ * One _sanitizeUnvisitedNodes pass over the root or an open shadow root.
16670
16735
  *
16671
- * NOTE (pending real-Chrome confirmation, see test/declarative-patch-probe
16672
- * .html Q1): this mirrors the existing policy of keeping `for` on
16673
- * <label>/<output>. If the shipping feature can drive a patch through a
16674
- * surviving `for`-on-label/output + `id` pair, this pre-pass and the
16675
- * attribute check at _isBasicCustomElement's caller must additionally drop
16676
- * that pair on the IN_PLACE path. Left as-is until the taxonomy is verified.
16736
+ * @param container the root or an open shadow root
16737
+ * @param inShadow whether container is a shadow root
16738
+ * @param root the in-place root
16739
+ * @param original the root's nodes collected before the walk, as a set
16740
+ */
16741
+ const _sanitizeUnvisitedIn = function _sanitizeUnvisitedIn(container, inShadow, root, original) {
16742
+ const iterator = _createNodeIterator(container);
16743
+ let node;
16744
+ while (node = iterator.nextNode()) {
16745
+ if (!setHas(original, node) || setHas(IN_PLACE_VISITED, node)) continue;
16746
+ if (inShadow) _executeHooks(hooks.uponSanitizeShadowNode, node, null);
16747
+ _sanitizeElements(node, root);
16748
+ _sanitizeAttributes(node, root);
16749
+ if (_isDocumentFragment(node.content)) _sanitizeShadowDOM2(node.content);
16750
+ }
16751
+ };
16752
+ /**
16753
+ * Records that _sanitizeElements processed `node`. No-op outside IN_PLACE.
16677
16754
  *
16678
- * @param root the in-place root to sweep
16755
+ * @param node the node being processed
16679
16756
  */
16757
+ const _markVisited = function _markVisited(node) {
16758
+ if (IN_PLACE_VISITED) setAdd(IN_PLACE_VISITED, node);
16759
+ };
16680
16760
  /**
16681
- * Central policy for declarative-partial-updates patch-linkage attributes,
16682
- * shared by the _neutralizePatchLinkage pre-pass and _isValidAttribute so
16683
- * the two sites cannot drift: `patchsrc` always links, `for` links
16684
- * everywhere except on <label>/<output>, and the whole policy is gated on
16685
- * SAFE_FOR_XML (see the rationale block in _isValidAttribute).
16761
+ * Patch-linkage attributes (declarative partial updates): `patchsrc`
16762
+ * always, `for` everywhere except on <label> and <output>. Gated on
16763
+ * SAFE_FOR_XML. Shared by the IN_PLACE pre-pass and _isValidAttribute.
16686
16764
  *
16687
16765
  * @param lcName the transformCaseFunc'd attribute name
16688
16766
  * @param lcTag the transformCaseFunc'd tag name of the carrying element
@@ -16693,17 +16771,26 @@ function createDOMPurify() {
16693
16771
  if (lcName === "patchsrc") return true;
16694
16772
  return lcName === "for" && lcTag !== "label" && lcTag !== "output";
16695
16773
  };
16774
+ /**
16775
+ * IN_PLACE pre-pass: sever all patch linkage before the walk, so no patch
16776
+ * can fire mid-walk into a part of the tree the walker already passed.
16777
+ * Removes range markers (processing instructions, comments with markup)
16778
+ * and strips linkage attributes. It cannot undo a patch that already fired.
16779
+ *
16780
+ * TODO: if the shipped feature can patch through `for` on <label>/<output>,
16781
+ * drop that pair here too (see test/declarative-patch-probe.html).
16782
+ *
16783
+ * @param root the in-place root to sweep
16784
+ */
16696
16785
  const _neutralizePatchLinkage = function _neutralizePatchLinkage(root) {
16697
16786
  if (!SAFE_FOR_XML) return;
16698
- const stack = [root];
16699
- while (stack.length > 0) {
16700
- const node = stack.pop();
16787
+ _walkTree(root, (node) => {
16701
16788
  const nodeType = _readNodeType(node);
16702
16789
  if (nodeType === NODE_TYPE.processingInstruction || nodeType === NODE_TYPE.comment && regExpTest(COMMENT_MARKUP_PROBE, node.data)) {
16703
16790
  try {
16704
16791
  remove(node);
16705
16792
  } catch (_) {}
16706
- continue;
16793
+ return false;
16707
16794
  }
16708
16795
  if (nodeType === NODE_TYPE.element) {
16709
16796
  const element = node;
@@ -16713,9 +16800,8 @@ function createDOMPurify() {
16713
16800
  if (element.hasAttribute && element.hasAttribute("for") && _isPatchLinkageAttribute("for", lcTag)) element.removeAttribute("for");
16714
16801
  } catch (_) {}
16715
16802
  }
16716
- const childNodes = getChildNodes(node);
16717
- if (childNodes) for (let i = childNodes.length - 1; i >= 0; --i) stack.push(childNodes[i]);
16718
- }
16803
+ return true;
16804
+ });
16719
16805
  };
16720
16806
  /**
16721
16807
  * _initDocument
@@ -16792,6 +16878,27 @@ function createDOMPurify() {
16792
16878
  */
16793
16879
  const _scrubTemplateExpressions2 = function _scrubTemplateExpressions(node) {
16794
16880
  var _node$querySelectorAl;
16881
+ _scrubOwnCharacterData(node);
16882
+ const templates = (_node$querySelectorAl = node.querySelectorAll) === null || _node$querySelectorAl === void 0 ? void 0 : _node$querySelectorAl.call(node, "template");
16883
+ if (templates) arrayForEach(templates, (tmpl) => {
16884
+ if (_isDocumentFragment(tmpl.content)) _scrubTemplateExpressions2(tmpl.content);
16885
+ });
16886
+ };
16887
+ /**
16888
+ * _scrubOwnCharacterData
16889
+ *
16890
+ * Non-recursive core of _scrubTemplateExpressions: normalize `node` and
16891
+ * strip template expressions from its own character data only. Does not
16892
+ * enter <template>.content or attached shadow roots (NodeIterator never
16893
+ * does). Used by _sanitizeShadowDOM, where every nested template content
16894
+ * and shadow root is already walked - and therefore scrubbed - by its own
16895
+ * recursive _sanitizeShadowDOM call; recursing here as well would rescrub
16896
+ * each nested fragment once per ancestor, which is quadratic in nesting
16897
+ * depth.
16898
+ *
16899
+ * @param node The root whose own character data should be scrubbed.
16900
+ */
16901
+ const _scrubOwnCharacterData = function _scrubOwnCharacterData(node) {
16795
16902
  node.normalize();
16796
16903
  const doc = getOwnerDocument ? getOwnerDocument(node) : node.ownerDocument;
16797
16904
  const walker = createNodeIterator.call(doc || node, node, NodeFilter.SHOW_TEXT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_CDATA_SECTION | NodeFilter.SHOW_PROCESSING_INSTRUCTION, null);
@@ -16800,10 +16907,6 @@ function createDOMPurify() {
16800
16907
  currentNode.data = _stripTemplateExpressions(currentNode.data);
16801
16908
  currentNode = walker.nextNode();
16802
16909
  }
16803
- const templates = (_node$querySelectorAl = node.querySelectorAll) === null || _node$querySelectorAl === void 0 ? void 0 : _node$querySelectorAl.call(node, "template");
16804
- if (templates) arrayForEach(templates, (tmpl) => {
16805
- if (_isDocumentFragment(tmpl.content)) _scrubTemplateExpressions2(tmpl.content);
16806
- });
16807
16910
  };
16808
16911
  /**
16809
16912
  * _isClobbered
@@ -16879,7 +16982,7 @@ function createDOMPurify() {
16879
16982
  */
16880
16983
  const _isUnsafeNode = function _isUnsafeNode(currentNode, tagName) {
16881
16984
  if (SAFE_FOR_XML && currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(ELEMENT_MARKUP_PROBE, currentNode.textContent) && regExpTest(ELEMENT_MARKUP_PROBE, currentNode.innerHTML)) return true;
16882
- if (SAFE_FOR_XML && currentNode.namespaceURI === HTML_NAMESPACE && LITERAL_TEXT_ELEMENTS[tagName] && (_isNode(currentNode.firstElementChild) || typeof currentNode.textContent === "string" && regExpTest(LITERAL_TEXT_CLOSE[tagName], currentNode.textContent))) return true;
16985
+ if (SAFE_FOR_XML && LITERAL_TEXT_ELEMENTS[tagName] && _readNodeType(currentNode) === NODE_TYPE.element && _readNamespaceURI(currentNode) === HTML_NAMESPACE && (_isNode(currentNode.firstElementChild) || typeof currentNode.textContent === "string" && regExpTest(ELEMENT_MARKUP_PROBE, currentNode.textContent))) return true;
16883
16986
  if (currentNode.nodeType === NODE_TYPE.processingInstruction) return true;
16884
16987
  if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(COMMENT_MARKUP_PROBE, currentNode.data)) return true;
16885
16988
  return false;
@@ -16923,7 +17026,7 @@ function createDOMPurify() {
16923
17026
  */
16924
17027
  const _sanitizeDisallowedNode = function _sanitizeDisallowedNode(currentNode, tagName, root) {
16925
17028
  if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName) && _matchesNameCheck(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) return false;
16926
- if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
17029
+ if (KEEP_CONTENT && !FORBID_CONTENTS[tagName] && !FORBID_CONTENTS[stringToLowerCase(tagName)]) {
16927
17030
  const parentNode = getParentNode(currentNode);
16928
17031
  const childNodes = getChildNodes(currentNode);
16929
17032
  if (childNodes && parentNode) {
@@ -16956,35 +17059,13 @@ function createDOMPurify() {
16956
17059
  return set === defaultSet || set === setConfigSet ? clone(set) : set;
16957
17060
  };
16958
17061
  /**
16959
- * Shared guard for a node that a hook has detached from the walk tree,
16960
- * used after each element-hook site in _sanitizeElements. Detaching is a
16961
- * long-standing user pattern (issue #469; draw.io-style foreignObject
16962
- * filtering). Per the cached, unclobberable parentNode getter the node is
16963
- * genuinely out of the tree, so it can reach neither the serialized
16964
- * output nor an IN_PLACE live tree; treat it as removed and stop
16965
- * processing it. Without this guard, the unsafe-node / namespace checks
16966
- * would call _forceRemove on a parentless node and hit the REPORT-3
16967
- * fail-closed throw — which exists for nodes DOMPurify wants gone but
16968
- * *cannot* detach (clobbered / parentless roots), the opposite of a node
16969
- * that is already safely gone. The walk root is exempt: a detached
16970
- * IN_PLACE root is legitimate input and must still be fully sanitized,
16971
- * and a kill-decision on it must keep hitting the REPORT-3 throw.
16972
- *
16973
- * Nodes detached by hooks stay the hook's responsibility for placement:
16974
- * they are not recorded in DOMPurify.removed, so the post-walk IN_PLACE
16975
- * pass (which iterates DOMPurify.removed) does not reach them. But a
16976
- * hook-detached subtree can still hold a queued resource-event handler -
16977
- * e.g. an <img onload> that began loading when the caller built the live
16978
- * tree - which fires in page scope after sanitize returns even though the
16979
- * handler never reached the returned tree. That is the audit-5 F1 hazard,
16980
- * and the documented node.remove() hook pattern walks straight into it.
16981
- * So on the IN_PLACE path we neutralize the detached subtree inline,
16982
- * stripping its non-allow-listed attributes before returning, exactly as
16983
- * the post-walk pass does for _forceRemove'd subtrees.
17062
+ * A hook may have detached the node it was called for. If so, treat it as
17063
+ * removed and stop processing it; the walk root is exempt. On the IN_PLACE
17064
+ * path the detached subtree is neutralized right away.
16984
17065
  *
16985
17066
  * @param currentNode the node a hook may have detached
16986
17067
  * @param root the current walk root
16987
- * @return true if the node is detached and now handled, false otherwise
17068
+ * @return true if the node was detached
16988
17069
  */
16989
17070
  const _handleHookDetachedNode = function _handleHookDetachedNode(currentNode, root) {
16990
17071
  if (currentNode === root || getParentNode(currentNode) !== null) return false;
@@ -17001,6 +17082,7 @@ function createDOMPurify() {
17001
17082
  * @return true if node was killed, false if left alive
17002
17083
  */
17003
17084
  const _sanitizeElements = function _sanitizeElements(currentNode, root) {
17085
+ _markVisited(currentNode);
17004
17086
  _executeHooks(hooks.beforeSanitizeElements, currentNode, null);
17005
17087
  if (_handleHookDetachedNode(currentNode, root)) return true;
17006
17088
  if (_isClobbered(currentNode)) {
@@ -17144,6 +17226,22 @@ function createDOMPurify() {
17144
17226
  }
17145
17227
  };
17146
17228
  /**
17229
+ * _isUnsafeAttributeValue
17230
+ *
17231
+ * Value-based attribute checks that the attribute walk applies before any
17232
+ * hook can force-keep an attribute, shared with the public
17233
+ * isValidAttribute() so that it never approves a value sanitize() would
17234
+ * strip.
17235
+ *
17236
+ * @param name the attribute name as found on the node (case preserved)
17237
+ * @param value the attribute value
17238
+ * @returns true if the attribute must be removed because of its value
17239
+ */
17240
+ const _isUnsafeAttributeValue = function _isUnsafeAttributeValue(name, value) {
17241
+ if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, value)) return true;
17242
+ return stringToLowerCase(name) === "attributename" && stringMatch(value, "href") !== null;
17243
+ };
17244
+ /**
17147
17245
  * _sanitizeAttributes
17148
17246
  *
17149
17247
  * @protect attributes
@@ -17187,11 +17285,7 @@ function createDOMPurify() {
17187
17285
  value = SANITIZE_NAMED_PROPS_PREFIX + value;
17188
17286
  recreatedNamedProp = true;
17189
17287
  }
17190
- if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, value)) {
17191
- _removeAttribute(name, currentNode, attr);
17192
- continue;
17193
- }
17194
- if (lcName === "attributename" && stringMatch(value, "href")) {
17288
+ if (_isUnsafeAttributeValue(name, value)) {
17195
17289
  _removeAttribute(name, currentNode, attr);
17196
17290
  continue;
17197
17291
  }
@@ -17239,24 +17333,13 @@ function createDOMPurify() {
17239
17333
  }
17240
17334
  }
17241
17335
  }
17336
+ if (SAFE_FOR_TEMPLATES) _scrubOwnCharacterData(fragment);
17242
17337
  _executeHooks(hooks.afterSanitizeShadowDOM, fragment, null);
17243
17338
  };
17244
17339
  /**
17245
- * _sanitizeAttachedShadowRoots
17246
- *
17247
- * Walks `root` and feeds every attached shadow root we encounter into
17248
- * the existing _sanitizeShadowDOM pipeline. The default node iterator
17249
- * does not descend into shadow trees, so nodes inside an attached
17250
- * shadow root would otherwise be skipped entirely.
17251
- *
17252
- * Two real input paths put attached shadow roots in front of us:
17253
- * 1. IN_PLACE on a DOM node that already has shadow roots attached.
17254
- * 2. DOM-node input where importNode(dirty, true) deep-clones the
17255
- * shadow root because it was created with `clonable: true`.
17256
- *
17257
- * This pass runs once, up front, so the main iteration loop (and the
17258
- * existing _sanitizeShadowDOM template-content recursion) stay
17259
- * untouched — string-input paths are not affected.
17340
+ * Sanitizes every attached shadow root under `root`, since the node
17341
+ * iterator does not enter shadow trees. Needed for IN_PLACE input and for
17342
+ * DOM input whose clonable shadow roots were copied by importNode().
17260
17343
  *
17261
17344
  * @param root the subtree root to walk for attached shadow roots
17262
17345
  */
@@ -17321,6 +17404,8 @@ function createDOMPurify() {
17321
17404
  if (hooks.uponSanitizeAttribute.length > 0) ALLOWED_ATTR = clone(ALLOWED_ATTR);
17322
17405
  DOMPurify.removed = [];
17323
17406
  const inPlace = IN_PLACE && typeof dirty !== "string" && _isNode(dirty);
17407
+ let inPlaceNodes = [];
17408
+ const outerVisited = IN_PLACE_VISITED;
17324
17409
  if (inPlace) {
17325
17410
  _neutralizePatchLinkage(dirty);
17326
17411
  const nn = _readNodeName(dirty);
@@ -17335,12 +17420,8 @@ function createDOMPurify() {
17335
17420
  _neutralizeRoot(dirty);
17336
17421
  throw typeErrorCreate("root node is clobbered and cannot be sanitized in-place");
17337
17422
  }
17338
- try {
17339
- _sanitizeAttachedShadowRoots(dirty);
17340
- } catch (error) {
17341
- _neutralizeRoot(dirty);
17342
- throw error;
17343
- }
17423
+ inPlaceNodes = _collectLiveNodes(dirty);
17424
+ IN_PLACE_VISITED = setCreate();
17344
17425
  } else if (_isNode(dirty)) {
17345
17426
  body = _initDocument("<!---->");
17346
17427
  importedNode = body.ownerDocument.importNode(dirty, true);
@@ -17356,30 +17437,25 @@ function createDOMPurify() {
17356
17437
  if (body && FORCE_BODY) _forceRemove(body.firstChild);
17357
17438
  const walkRoot = inPlace ? dirty : body;
17358
17439
  try {
17440
+ if (inPlace) _sanitizeAttachedShadowRoots(dirty);
17359
17441
  const nodeIterator = _createNodeIterator(walkRoot);
17360
17442
  while (currentNode = nodeIterator.nextNode()) {
17361
17443
  _sanitizeElements(currentNode, walkRoot);
17362
17444
  _sanitizeAttributes(currentNode, walkRoot);
17363
17445
  if (_isDocumentFragment(currentNode.content)) _sanitizeShadowDOM2(currentNode.content);
17364
17446
  }
17447
+ if (inPlace) _sanitizeUnvisitedNodes(dirty, inPlaceNodes);
17365
17448
  } catch (error) {
17366
17449
  if (inPlace) {
17367
17450
  _neutralizeRoot(dirty);
17368
- arrayForEach(DOMPurify.removed, (entry) => {
17369
- if (entry.element) _neutralizeSubtree(entry.element);
17370
- });
17451
+ _neutralizeDiscarded(dirty, inPlaceNodes);
17371
17452
  }
17372
17453
  throw error;
17454
+ } finally {
17455
+ IN_PLACE_VISITED = outerVisited;
17373
17456
  }
17374
17457
  if (inPlace) {
17375
- let rootWasRemoved = false;
17376
- arrayForEach(DOMPurify.removed, (entry) => {
17377
- if (entry.element) {
17378
- if (entry.element === dirty) rootWasRemoved = true;
17379
- _neutralizeSubtree(entry.element);
17380
- }
17381
- });
17382
- if (rootWasRemoved) throw typeErrorCreate("a node selected for removal could not be safely returned; refusing to sanitize in place");
17458
+ if (_neutralizeDiscarded(dirty, inPlaceNodes)) throw typeErrorCreate("a node selected for removal could not be safely returned; refusing to sanitize in place");
17383
17459
  if (SAFE_FOR_TEMPLATES) _scrubTemplateExpressions2(dirty);
17384
17460
  return dirty;
17385
17461
  }
@@ -17416,6 +17492,7 @@ function createDOMPurify() {
17416
17492
  if (!CONFIG) _parseConfig({});
17417
17493
  const lcTag = transformCaseFunc(tag);
17418
17494
  const lcName = transformCaseFunc(attr);
17495
+ if (typeof value === "string" && (_isUnsafeAttributeValue(attr, value) || !ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(SELF_CLOSING_TAG, value))) return false;
17419
17496
  return _isValidAttribute(lcTag, lcName, value);
17420
17497
  };
17421
17498
  DOMPurify.addHook = function(entryPoint, hookFunction) {
@@ -17506,13 +17583,9 @@ const normalizeDeprecatedTShirtSize = (size) => {
17506
17583
  }
17507
17584
  return size;
17508
17585
  };
17509
- /**
17510
- * Returns the short t-shirt size (sm, base, md, ...) for a given verbose
17511
- * value (small, normal, medium, ...). If no mapping exists the value is
17512
- * returned unchanged.
17513
- */
17586
+ // `3xs` shares its verbose value with `2xs` and is skipped, so that `xx-small` resolves to `2xs`.
17514
17587
  const verboseToShortEntries = Object.entries(TShirtSizesMapping).reduce((result, [short, verbose]) => {
17515
- if (!result[verbose]) {
17588
+ if (short !== '3xs' && !result[verbose]) {
17516
17589
  result[verbose] = short;
17517
17590
  }
17518
17591
  return result;
@@ -25911,6 +25984,10 @@ class Button {
25911
25984
  * A11y attributes for the native button element.
25912
25985
  */
25913
25986
  this.a11yControls = '';
25987
+ /**
25988
+ * A11y attributes for the native button element. Maps to `aria-current`, e.g. `page` for the current navigation entry.
25989
+ */
25990
+ this.a11yCurrent = '';
25914
25991
  /**
25915
25992
  * A11y attributes for the native button element.
25916
25993
  */
@@ -25963,10 +26040,15 @@ class Button {
25963
26040
  'title',
25964
26041
  'aria-label',
25965
26042
  'aria-controls',
26043
+ 'aria-current',
25966
26044
  'aria-hidden',
25967
26045
  'tabindex',
25968
26046
  'aria-haspopup',
25969
26047
  ]);
26048
+ if (!this.a11yCurrent && this.inheritAttributes['aria-current']) {
26049
+ this.a11yCurrent = this.inheritAttributes['aria-current'];
26050
+ }
26051
+ delete this.inheritAttributes['aria-current'];
25970
26052
  if (this.el.hasAttribute('ds-popup') && !this.a11yHaspopup) {
25971
26053
  this.a11yHaspopup = 'true';
25972
26054
  }
@@ -26045,9 +26127,10 @@ class Button {
26045
26127
  'title': this.a11yTitle || this.inheritAttributes['title'],
26046
26128
  'aria-label': this.a11yLabel || this.inheritAttributes['aria-label'] || this.a11yTitle || this.inheritAttributes['title'],
26047
26129
  'aria-controls': this.a11yControls || this.inheritAttributes['aria-controls'],
26130
+ 'aria-current': this.a11yCurrent || undefined,
26048
26131
  'aria-haspopup': this.a11yHaspopup || this.inheritAttributes['aria-haspopup'],
26049
26132
  };
26050
- return (hAsync(Host, { key: '1aa7a5df160205f1afd6ff9259126f57cfd93540', onClick: this.handleHostClick, class: {
26133
+ return (hAsync(Host, { key: 'bda96892dc1306808ad72ca435039288a9b76191', onClick: this.handleHostClick, class: {
26051
26134
  'is-wide': this.wide,
26052
26135
  [`is-${this.color || 'primary'}`]: true,
26053
26136
  [`is-${size}`]: hasValue(size),
@@ -26059,7 +26142,7 @@ class Button {
26059
26142
  [`has-shadow`]: this.shadow,
26060
26143
  [`has-no-wrap`]: this.noWrap,
26061
26144
  [`has-brand-icon`]: this.hasBrandIcon,
26062
- } }, hAsync(TagType, Object.assign({ key: '407cbc66f40e0b119d3eb3789e3b0594bdd3e9f0' }, attrs, this.inheritAttributes, { type: this.elementType, id: "button", part: "native", disabled: this.disabled || this.loading, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick, "aria-busy": ariaBooleanToString(!!this.loading), "aria-disabled": ariaBooleanToString(this.disabled || this.loading) }, ariaAttributes), this.loading ? (hAsync("ds-spinner", Object.assign({}, this.loadingAttrs, { part: "spinner", size: "sm", deactivated: !this.loading }))) : (''), this.hasBrandIcon ? (hAsync("ds-brand-icon", { part: "icon", svg: this.isBrandIconSvg ? this.brandIcon : '', src: this.isBrandIconSvg ? '' : this.brandIcon, size: this.brandSize, color: this.brandIconColor })) : hasValue(this.icon) ? (hAsync("ds-icon", Object.assign({}, this.leftIconAttrs, { part: "icon", class: this.square ? '' : 'icon-left', name: this.icon, size: size, turn: this.iconTurn, inverted: this.isIconInverted }))) : (''), hAsync("span", { key: 'c18d7f77a05c20807d783ea1b6eeca05c03f57d2', part: "label" }, hAsync("slot", { key: '8adcfbb2c77f630fc2acd66480993200559bd617' })), !this.hasBrandIcon && hasValue(this.iconRight) ? (hAsync("ds-icon", Object.assign({}, this.leftRightAttrs, { part: "icon-right", class: "icon-right", name: this.iconRight, size: 'sm', turn: this.iconTurn, inverted: this.isIconInverted }))) : (''))));
26145
+ } }, hAsync(TagType, Object.assign({ key: '2cdaa76bd97078354293eebd6b028b1272812907' }, attrs, this.inheritAttributes, { type: this.elementType, id: "button", part: "native", disabled: this.disabled || this.loading, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick, "aria-busy": ariaBooleanToString(!!this.loading), "aria-disabled": ariaBooleanToString(this.disabled || this.loading) }, ariaAttributes), this.loading ? (hAsync("ds-spinner", Object.assign({}, this.loadingAttrs, { part: "spinner", size: "sm", deactivated: !this.loading }))) : (''), this.hasBrandIcon ? (hAsync("ds-brand-icon", { part: "icon", svg: this.isBrandIconSvg ? this.brandIcon : '', src: this.isBrandIconSvg ? '' : this.brandIcon, size: this.brandSize, color: this.brandIconColor })) : hasValue(this.icon) ? (hAsync("ds-icon", Object.assign({}, this.leftIconAttrs, { part: "icon", class: this.square ? '' : 'icon-left', name: this.icon, size: size, turn: this.iconTurn, inverted: this.isIconInverted }))) : (''), hAsync("span", { key: '055c9a82511c44ea3035c9418d902f18e86209e0', part: "label" }, hAsync("slot", { key: '0c811c3be953c3c52ae78d5df91458be89c174ee' })), !this.hasBrandIcon && hasValue(this.iconRight) ? (hAsync("ds-icon", Object.assign({}, this.leftRightAttrs, { part: "icon-right", class: "icon-right", name: this.iconRight, size: 'sm', turn: this.iconTurn, inverted: this.isIconInverted }))) : (''))));
26063
26146
  }
26064
26147
  static get formAssociated() { return true; }
26065
26148
  get el() { return getElement(this); }
@@ -26092,6 +26175,7 @@ class Button {
26092
26175
  "name": [513],
26093
26176
  "value": [1],
26094
26177
  "a11yControls": [1, "a-1-1y-controls"],
26178
+ "a11yCurrent": [1025, "a-1-1y-current"],
26095
26179
  "a11yTitle": [1, "a-1-1y-title"],
26096
26180
  "a11yLabel": [1, "a-1-1y-label"],
26097
26181
  "a11yHaspopup": [1025, "a-1-1y-haspopup"]
@@ -26205,6 +26289,10 @@ __decorate([
26205
26289
  Type$1('string'),
26206
26290
  __metadata("design:type", String)
26207
26291
  ], Button.prototype, "a11yControls", void 0);
26292
+ __decorate([
26293
+ Type$1('string'),
26294
+ __metadata("design:type", String)
26295
+ ], Button.prototype, "a11yCurrent", void 0);
26208
26296
  __decorate([
26209
26297
  Type$1('string'),
26210
26298
  __metadata("design:type", String)
@@ -26625,32 +26713,10 @@ __decorate([
26625
26713
  __metadata("design:type", String)
26626
26714
  ], CardHeader.prototype, "direction", void 0);
26627
26715
 
26628
- const HEADING_VISUAL_LEVELS = [
26629
- 'display',
26630
- 'display-2',
26631
- 'h1',
26632
- 'h2',
26633
- 'h3',
26634
- 'h4',
26635
- 'h5',
26636
- '5xl',
26637
- '4xl',
26638
- '3xl',
26639
- '2xl',
26640
- 'xl',
26641
- 'lg',
26642
- 'md',
26643
- 'base',
26644
- ];
26645
- const HEADING_COLORS = ['primary', 'inverted'];
26646
- const HEADING_TAGS = ['h1', 'h2', 'h3', 'h4', 'h5', 'span', 'p'];
26647
- const HEADING_LEVELS = ['display', 'display-2', 'h1', 'h2', 'h3', 'h4', 'h5', 'span', 'p'];
26648
- const HEADING_SPACES = ['none', 'bottom', 'top', 'all'];
26649
-
26650
26716
  const cardSubtitleHostCss = () => `:host{--_card-subtitle-position:var(--card-subtitle-position, var(--mod-card-subtitle-position, static));--_card-subtitle-top:var(--card-subtitle-top, var(--mod-card-subtitle-top));--_card-subtitle-right:var(--card-subtitle-right, var(--mod-card-subtitle-right));--_card-subtitle-bottom:var(--card-subtitle-bottom, var(--mod-card-subtitle-bottom));--_card-subtitle-left:var(--card-subtitle-left, var(--mod-card-subtitle-left));position:var(--_card-subtitle-position);top:var(--_card-subtitle-top);right:var(--_card-subtitle-right);bottom:var(--_card-subtitle-bottom);left:var(--_card-subtitle-left);--_card-subtitle-m:var(--card-subtitle-m, var(--mod-card-subtitle-m, 0));--_card-subtitle-my:var(--card-subtitle-my, var(--mod-card-subtitle-my));--_card-subtitle-mx:var(--card-subtitle-mx, var(--mod-card-subtitle-mx));--_card-subtitle-ml:var(--card-subtitle-ml, var(--mod-card-subtitle-ml));--_card-subtitle-mr:var(--card-subtitle-mr, var(--mod-card-subtitle-mr));--_card-subtitle-mt:var(--card-subtitle-mt, var(--mod-card-subtitle-mt));--_card-subtitle-mb:var(--card-subtitle-mb, var(--mod-card-subtitle-mb));margin:var(--_card-subtitle-m);margin-inline:var(--_card-subtitle-mx);margin-block:var(--_card-subtitle-my);margin-left:var(--_card-subtitle-ml);margin-right:var(--_card-subtitle-mr);margin-top:var(--_card-subtitle-mt);margin-bottom:var(--_card-subtitle-mb);display:-ms-flexbox;display:flex;margin:var(--_card-subtitle-m);margin-inline:var(--_card-subtitle-mx);margin-block:var(--_card-subtitle-my);margin-left:var(--_card-subtitle-ml);margin-right:var(--_card-subtitle-mr);margin-top:var(--_card-subtitle-mt);margin-bottom:var(--_card-subtitle-mb);position:var(--_card-subtitle-position);top:var(--_card-subtitle-top);right:var(--_card-subtitle-right);bottom:var(--_card-subtitle-bottom);left:var(--_card-subtitle-left)}:host{--mod-heading-color:var(--_card-color-text);color:var(--_card-color-text);grid-area:subtitle;grid-area:subtitle}`;
26651
26717
 
26652
26718
  /**
26653
- * Card subtitle renders a subtitle heading for cards with customizable color and styling.
26719
+ * Card subtitle renders a subtitle heading for cards with an optional inverted style.
26654
26720
  *
26655
26721
  * @slot - The subtitle text.
26656
26722
  * @part card-subtitle - The card subtitle element.
@@ -26679,14 +26745,13 @@ class CardSubtitle {
26679
26745
  * ─────────────────────────────────────────────────────
26680
26746
  */
26681
26747
  render() {
26682
- return (hAsync(Host, { key: 'd83be30191ce9a74ab17f0c477780984296c056c', class: {
26748
+ return (hAsync(Host, { key: '40b48a9ec2447bee033560813be6eb74d1829a89', class: {
26683
26749
  'ds-card-header': true,
26684
- } }, hAsync("span", { key: 'e9987cb8c3cc4f309e7da6a95dd5e1a6756aabb3', class: {
26750
+ } }, hAsync("span", { key: 'de9044fc58428a9209a6a7c349fb90921ae3d368', class: {
26685
26751
  'ds-text': true,
26686
26752
  'is-bold': this.bold,
26687
- [`is-${this.color}`]: hasValue(this.color) && !this.inverted,
26688
26753
  'is-inverted': this.inverted,
26689
- } }, hAsync("slot", { key: 'a71f62b0939612064bfef861fa60239195479356' }))));
26754
+ } }, hAsync("slot", { key: '7ae5d8dc2db26e3fdacb1aea81b87750613f809b' }))));
26690
26755
  }
26691
26756
  get el() { return getElement(this); }
26692
26757
  static get style() { return cardSubtitleHostCss(); }
@@ -26695,8 +26760,7 @@ class CardSubtitle {
26695
26760
  "$tagName$": "ds-card-subtitle",
26696
26761
  "$members$": {
26697
26762
  "inverted": [4],
26698
- "bold": [4],
26699
- "color": [1]
26763
+ "bold": [4]
26700
26764
  },
26701
26765
  "$listeners$": undefined,
26702
26766
  "$lazyBundleId$": "-",
@@ -26717,10 +26781,27 @@ __decorate([
26717
26781
  Type$1('boolean'),
26718
26782
  __metadata("design:type", Boolean)
26719
26783
  ], CardSubtitle.prototype, "bold", void 0);
26720
- __decorate([
26721
- OneOf(HEADING_COLORS),
26722
- __metadata("design:type", String)
26723
- ], CardSubtitle.prototype, "color", void 0);
26784
+
26785
+ const HEADING_VISUAL_LEVELS = [
26786
+ 'display',
26787
+ 'display-2',
26788
+ 'h1',
26789
+ 'h2',
26790
+ 'h3',
26791
+ 'h4',
26792
+ 'h5',
26793
+ '5xl',
26794
+ '4xl',
26795
+ '3xl',
26796
+ '2xl',
26797
+ 'xl',
26798
+ 'lg',
26799
+ 'md',
26800
+ 'base',
26801
+ ];
26802
+ const HEADING_TAGS = ['h1', 'h2', 'h3', 'h4', 'h5', 'span', 'p'];
26803
+ const HEADING_LEVELS = ['display', 'display-2', 'h1', 'h2', 'h3', 'h4', 'h5', 'span', 'p'];
26804
+ const HEADING_SPACES = ['none', 'bottom', 'top', 'all'];
26724
26805
 
26725
26806
  const cardTitleHostCss = () => `:host{--_card-title-position:var(--card-title-position, var(--mod-card-title-position, static));--_card-title-top:var(--card-title-top, var(--mod-card-title-top));--_card-title-right:var(--card-title-right, var(--mod-card-title-right));--_card-title-bottom:var(--card-title-bottom, var(--mod-card-title-bottom));--_card-title-left:var(--card-title-left, var(--mod-card-title-left));position:var(--_card-title-position);top:var(--_card-title-top);right:var(--_card-title-right);bottom:var(--_card-title-bottom);left:var(--_card-title-left);--_card-title-m:var(--card-title-m, var(--mod-card-title-m, 0));--_card-title-my:var(--card-title-my, var(--mod-card-title-my));--_card-title-mx:var(--card-title-mx, var(--mod-card-title-mx));--_card-title-ml:var(--card-title-ml, var(--mod-card-title-ml));--_card-title-mr:var(--card-title-mr, var(--mod-card-title-mr));--_card-title-mt:var(--card-title-mt, var(--mod-card-title-mt));--_card-title-mb:var(--card-title-mb, var(--mod-card-title-mb));margin:var(--_card-title-m);margin-inline:var(--_card-title-mx);margin-block:var(--_card-title-my);margin-left:var(--_card-title-ml);margin-right:var(--_card-title-mr);margin-top:var(--_card-title-mt);margin-bottom:var(--_card-title-mb);display:-ms-flexbox;display:flex;margin:var(--_card-title-m);margin-inline:var(--_card-title-mx);margin-block:var(--_card-title-my);margin-left:var(--_card-title-ml);margin-right:var(--_card-title-mr);margin-top:var(--_card-title-mt);margin-bottom:var(--_card-title-mb);position:var(--_card-title-position);top:var(--_card-title-top);right:var(--_card-title-right);bottom:var(--_card-title-bottom);left:var(--_card-title-left)}:host{--mod-heading-color:var(--_card-color-text);grid-area:title;text-align:inherit}`;
26726
26807
 
@@ -28505,8 +28586,8 @@ __decorate([
28505
28586
  ], Close.prototype, "configChanged", null);
28506
28587
 
28507
28588
  const STACK_LAYOUTS = ['horizontal', 'vertical', 'horizontal-reverse', 'vertical-reverse'];
28508
- const STACK_SPACES = ['auto', 'none', '2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', 'xxl'];
28509
- const STACK_PADDINGS = ['none', '2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', 'xxl'];
28589
+ const STACK_SPACES = ['auto', 'none', '2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', '2xl'];
28590
+ const STACK_PADDINGS = ['none', '2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', '2xl'];
28510
28591
  const STACK_ALIGNMENTS = [
28511
28592
  'top start',
28512
28593
  'top center',
@@ -28566,14 +28647,14 @@ class Content {
28566
28647
  direction = 'row-reverse';
28567
28648
  }
28568
28649
  }
28569
- return (hAsync(Host, { key: '9db1ada951bdf32a045b624204f528d9b815b402', class: {
28650
+ return (hAsync(Host, { key: '9050c16b949a60cf619b4663b6d71a1c78758e03', class: {
28570
28651
  'ds-stack-content': true,
28571
28652
  'as-row': direction === 'row',
28572
28653
  'as-col': direction === 'column',
28573
28654
  [`align-${alignValue}`]: align || alignment,
28574
28655
  [`text-${this.textAlign}`]: hasValue(this.textAlign),
28575
28656
  [`has-space-${this.space}`]: hasValue(this.space),
28576
- } }, hAsync("slot", { key: 'abc5e0b224522a742635ce58f701c55b8bf2f65a' })));
28657
+ } }, hAsync("slot", { key: '72ff568267cde0af61c11dd297d58ed7ef8331c4' })));
28577
28658
  }
28578
28659
  get el() { return getElement(this); }
28579
28660
  static get style() { return contentHostCss(); }
@@ -29715,7 +29796,7 @@ function stepMinus(value, step) {
29715
29796
  return new Big(value).minus(step).toNumber();
29716
29797
  }
29717
29798
 
29718
- const counterHostCss = () => `:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_counter-gap:var(--counter-gap, var(--mod-counter-gap, 0.125rem));--_counter-value-min-width:var(--counter-value-min-width, var(--mod-counter-value-min-width, 3rem));--_counter-value-font-weight:var(--counter-value-font-weight, var(--mod-counter-value-font-weight, var(--ds-alias-text-weight-bold)));--_counter-value-font-family:var(--counter-value-font-family, var(--mod-counter-value-font-family, var(--ds-alias-text-family-text)));--_counter-value-color:var(--counter-value-color, var(--mod-counter-value-color, var(--ds-form-default-label-color)));--_counter-value-animation-duration:var(--counter-value-animation-duration, var(--mod-counter-value-animation-duration, 260ms));--_counter-value-animation-easing:var(--counter-value-animation-easing, var(--mod-counter-value-animation-easing, cubic-bezier(0.22, 1, 0.36, 1)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host{display:block}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host #counter{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:var(--_counter-gap)}:host [part=value]{display:inline-grid;grid-template-columns:1fr;min-width:var(--_counter-value-min-width);text-align:center;font-weight:var(--_counter-value-font-weight);font-family:var(--_counter-value-font-family);color:var(--_counter-value-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.value-slide{grid-area:1/1}@media (prefers-reduced-motion: no-preference){.value-slide.value-out.is-increase{-webkit-animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-out.is-decrease{-webkit-animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-increase{-webkit-animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-decrease{-webkit-animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}}@-webkit-keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-counter-value-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color)}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-counter-value-color:var(--ds-form-disabled-label-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #counter,:host(.is-disabled) [part=value]{pointer-events:none;cursor:default}`;
29799
+ const counterHostCss = () => `:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_counter-gap:var(--counter-gap, var(--mod-counter-gap, 0.125rem));--_counter-value-min-width:var(--counter-value-min-width, var(--mod-counter-value-min-width, 3rem));--_counter-value-font-weight:var(--counter-value-font-weight, var(--mod-counter-value-font-weight, var(--ds-alias-text-weight-bold)));--_counter-value-font-family:var(--counter-value-font-family, var(--mod-counter-value-font-family, var(--ds-alias-text-family-text)));--_counter-value-color:var(--counter-value-color, var(--mod-counter-value-color, var(--ds-form-default-label-color)));--_counter-value-animation-duration:var(--counter-value-animation-duration, var(--mod-counter-value-animation-duration, 260ms));--_counter-value-animation-easing:var(--counter-value-animation-easing, var(--mod-counter-value-animation-easing, cubic-bezier(0.22, 1, 0.36, 1)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host{display:block}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host #counter{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:var(--_counter-gap)}:host [part=value]{display:inline-grid;grid-template-columns:1fr;min-width:var(--_counter-value-min-width);text-align:center;font-weight:var(--_counter-value-font-weight);font-family:var(--_counter-value-font-family);color:var(--_counter-value-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.value-slide{grid-area:1/1}@media (prefers-reduced-motion: no-preference){.value-slide.value-out.is-increase{-webkit-animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-out.is-decrease{-webkit-animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-increase{-webkit-animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-decrease{-webkit-animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}}@-webkit-keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-counter-value-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color)}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-counter-value-color:var(--ds-form-disabled-label-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #counter,:host(.is-disabled) [part=value]{pointer-events:none;cursor:default}`;
29719
29800
 
29720
29801
  const STEP_FALLBACK = 1;
29721
29802
  // Must match the CSS animation duration in counter.host.scss (`.value-slide` `animation-duration`).
@@ -29727,6 +29808,8 @@ const VALUE_ANIMATION_MS = 260;
29727
29808
  * @part value - The span rendering the current value.
29728
29809
  * @part decrease - The decrease (`-`) button.
29729
29810
  * @part increase - The increase (`+`) button.
29811
+ *
29812
+ * @slot invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`.
29730
29813
  */
29731
29814
  class Counter {
29732
29815
  constructor(hostRef) {
@@ -30044,11 +30127,11 @@ class Counter {
30044
30127
  const increaseLabel = i18nDsCounter[this.language].increase;
30045
30128
  const decreaseDisabled = this.disabled || this.readonly || this.value <= this.min;
30046
30129
  const increaseDisabled = this.disabled || this.readonly || this.value >= this.max;
30047
- return (hAsync(Field, { key: '635a8c44149e5f08cc6682d2196698d8fd4b3dba', disabled: this.disabled || this.readonly, color: this.color, invalid: this.invalid, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language }, hAsync("div", Object.assign({ key: '7e0eb54dc1a2825c44892046b507e71008f2d0ad', id: "counter", part: "counter", onKeyDown: this.handleKeyDown }, this.inheritedAttributes), hAsync("ds-button", { key: 'b04c95d286b09bfc778a8e92e16c0ceb5fbaefd0', ref: el => (this.decreaseButtonEl = el), part: "decrease", "data-testid": "ds-counter-decrease", color: this.invalid
30130
+ return (hAsync(Field, { key: '282082964e12c3d53c20035b617ebbd7e173a424', disabled: this.disabled || this.readonly, color: this.color, invalid: this.invalid, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language }, hAsync("div", Object.assign({ key: '4eafc01fe942902d72a9db63e73b345785b1f15a', id: "counter", part: "counter", onKeyDown: this.handleKeyDown }, this.inheritedAttributes), hAsync("ds-button", { key: '165a93be231c9054fc6cf19f82c0a52fdcee6afc', ref: el => (this.decreaseButtonEl = el), part: "decrease", "data-testid": "ds-counter-decrease", color: this.invalid
30048
30131
  ? 'danger'
30049
30132
  : this.color === 'danger' || this.color === 'warning' || this.color === 'success'
30050
30133
  ? this.color
30051
- : 'ghost', size: "sm", square: true, icon: "minus", a11yLabel: decreaseLabel, a11yTitle: decreaseLabel, disabled: decreaseDisabled, onClick: this.handleDecrease, onDsFocus: this.handleFocusDecrease, onDsBlur: this.handleBlurDecrease }), hAsync("span", { key: '4faef5385c53c5abadd242fd837583af3221434f', id: "value", part: "value", "data-testid": "ds-counter-value" }, this.previousValue !== null && (hAsync("span", { key: `prev-${this.previousValue}`, "aria-hidden": "true", class: {
30134
+ : 'ghost', size: "sm", square: true, icon: "minus", a11yLabel: decreaseLabel, a11yTitle: decreaseLabel, disabled: decreaseDisabled, onClick: this.handleDecrease, onDsFocus: this.handleFocusDecrease, onDsBlur: this.handleBlurDecrease }), hAsync("span", { key: 'df30901c4494a28a78a8738f8ad863b6255d4b92', id: "value", part: "value", "data-testid": "ds-counter-value" }, this.previousValue !== null && (hAsync("span", { key: `prev-${this.previousValue}`, "aria-hidden": "true", class: {
30052
30135
  'value-slide': true,
30053
30136
  'value-out': true,
30054
30137
  'is-increase': this.valueDirection === 'increase',
@@ -30058,7 +30141,7 @@ class Counter {
30058
30141
  'value-in': this.previousValue !== null,
30059
30142
  'is-increase': this.valueDirection === 'increase',
30060
30143
  'is-decrease': this.valueDirection === 'decrease',
30061
- } }, formatLocaleNumber(this.value))), hAsync("ds-button", { key: 'ca7098858e2df051efbaea9fffeff61886098cd0', ref: el => (this.increaseButtonEl = el), part: "increase", "data-testid": "ds-counter-increase", color: this.invalid
30144
+ } }, formatLocaleNumber(this.value))), hAsync("ds-button", { key: 'c6273e0b8351d7b9e63a37430ac2f4456acda82f', ref: el => (this.increaseButtonEl = el), part: "increase", "data-testid": "ds-counter-increase", color: this.invalid
30062
30145
  ? 'danger'
30063
30146
  : this.color === 'danger' || this.color === 'warning' || this.color === 'success'
30064
30147
  ? this.color
@@ -30498,7 +30581,7 @@ class Divider {
30498
30581
  */
30499
30582
  this.layout = 'horizontal';
30500
30583
  /**
30501
- * Defines the space between the child elements. Default is xx-small.
30584
+ * Defines the space between the child elements. Default is none.
30502
30585
  */
30503
30586
  this.space = 'none';
30504
30587
  /**
@@ -30519,7 +30602,7 @@ class Divider {
30519
30602
  */
30520
30603
  render() {
30521
30604
  const space = normalizeDeprecatedTShirtSize(this.space) || '';
30522
- return (hAsync(Host, { key: '5990e6d2937498c9dc20b3e606d3068c1deb3f65', role: "separator", class: {
30605
+ return (hAsync(Host, { key: 'cfa7a80d514d569d162515d21d79c7083cd903d8', role: "separator", class: {
30523
30606
  [`is-${this.layout}`]: hasValue(this.layout),
30524
30607
  [`is-${this.color}`]: hasValue(this.color),
30525
30608
  [`has-space-${space}`]: hasValue(this.space),
@@ -35668,7 +35751,7 @@ const ClearButton = ({ value, disabled, readonly, language, onClick, }) => {
35668
35751
  return hAsync("button", { id: "clear", part: "clear", type: "button", "aria-label": label, title: label, onClick: onClick });
35669
35752
  };
35670
35753
 
35671
- const datepickerHostCss = () => `.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{-webkit-transition:all var(--adp-transition-duration) var(--adp-transition-ease);transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);-webkit-box-sizing:content-box;box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:-ms-inline-flexbox;display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-column-gap:12px;-ms-flex-align:center;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;-ms-flex-item-align:end;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:-webkit-gradient(linear, left top, right top, from(var(--adp-time-track-color)), to(var(--adp-time-track-color))) left 50%/100% var(--adp-time-track-height) no-repeat;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;-ms-flex:1;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-box-sizing:border-box;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, .1);--adp-background-color-in-range-focused:rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, .3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);-webkit-box-sizing:content-box;box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, -webkit-max-content);grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;-webkit-transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),-webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),-webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease),-webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{-webkit-transform:translateY(calc(var(--adp-transition-offset) * -1));transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{-webkit-transform:translateX(var(--adp-transition-offset));transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{-webkit-transform:translateY(var(--adp-transition-offset));transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{-webkit-transform:translateX(calc(var(--adp-transition-offset) * -1));transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{-webkit-transition:none;transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);-webkit-box-shadow:none;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){-webkit-transform:translate(-50%, calc(-50% + var(--adp-transition-offset)));transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{-webkit-transition:none;transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);-webkit-box-sizing:border-box;box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{-webkit-box-sizing:content-box;box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;-webkit-transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;-webkit-transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;-webkit-transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_datepicker-family:var(--datepicker-family, var(--mod-datepicker-family, var(--ds-form-default-control-typo-font-family)));--_datepicker-weight:var(--datepicker-weight, var(--mod-datepicker-weight, var(--ds-form-default-control-typo-font-weight)));--_datepicker-line-height:var(--datepicker-line-height, var(--mod-datepicker-line-height, var(--ds-form-default-control-typo-line-height)));--_datepicker-size:var(--datepicker-size, var(--mod-datepicker-size, var(--ds-form-default-control-typo-font-size)));--_datepicker-color:var(--datepicker-color, var(--mod-datepicker-color, var(--ds-form-default-control-value-color)));--_datepicker-placeholder:var(--datepicker-placeholder, var(--mod-datepicker-placeholder, var(--ds-form-default-control-placeholder-color)));--_datepicker-trigger-icon-color-hover:var(--datepicker-trigger-icon-color-hover, var(--mod-datepicker-trigger-icon-color-hover, var(--ds-datepicker-trigger-color-hover)));--_datepicker-trigger-icon-color-active:var(--datepicker-trigger-icon-color-active, var(--mod-datepicker-trigger-icon-color-active, var(--ds-datepicker-trigger-color-active)));--_datepicker-trigger-icon-color-disabled:var(--datepicker-trigger-icon-color-disabled, var(--mod-datepicker-trigger-icon-color-disabled, var(--ds-datepicker-trigger-color-disabled)));--_datepicker-focus-color:var(--datepicker-focus-color, var(--mod-datepicker-focus-color, var(--ds-alias-interaction-focus-color-base)));--_datepicker-popup-shadow:var(--datepicker-popup-shadow, var(--mod-datepicker-popup-shadow, var(--ds-datepicker-popup-shadow)));--_datepicker-calendar-text-color:var(--datepicker-calendar-text-color, var(--mod-datepicker-calendar-text-color, var(--ds-datepicker-calendar-color-text)));--_datepicker-calendar-family:var(--datepicker-calendar-family, var(--mod-datepicker-calendar-family, var(--ds-datepicker-calendar-family)));--_datepicker-calendar-size:var(--datepicker-calendar-size, var(--mod-datepicker-calendar-size, var(--ds-datepicker-calendar-size)));--_datepicker-calendar-weight:var(--datepicker-calendar-weight, var(--mod-datepicker-calendar-weight, var(--ds-datepicker-calendar-weight)));--_datepicker-calendar-radius:var(--datepicker-calendar-radius, var(--mod-datepicker-calendar-radius, var(--ds-datepicker-calendar-radius)));--_datepicker-calendar-shadow:var(--datepicker-calendar-shadow, var(--mod-datepicker-calendar-shadow, var(--ds-datepicker-calendar-shadow)));--_datepicker-calendar-color-inner-border:var(--datepicker-calendar-color-inner-border, var(--mod-datepicker-calendar-color-inner-border, var(--ds-datepicker-calendar-color-inner-border)));--_datepicker-calendar-disabled-color:var(--datepicker-calendar-disabled-color, var(--mod-datepicker-calendar-disabled-color, var(--ds-datepicker-calendar-color-disabled)));--_datepicker-calendar-day-background-hover:var(--datepicker-calendar-day-background-hover, var(--mod-datepicker-calendar-day-background-hover, var(--ds-datepicker-calendar-color-day-hover-background)));--_datepicker-calendar-day-background-active:var(--datepicker-calendar-day-background-active, var(--mod-datepicker-calendar-day-background-active, var(--ds-datepicker-calendar-color-day-active-background)));--_datepicker-calendar-day-background-selected:var(--datepicker-calendar-day-background-selected, var(--mod-datepicker-calendar-day-background-selected, var(--ds-datepicker-calendar-color-day-selected-background)));--_datepicker-calendar-day-background-selected-hover:var(--datepicker-calendar-day-background-selected-hover, var(--mod-datepicker-calendar-day-background-selected-hover, var(--ds-datepicker-calendar-color-day-selected-hover-background)));--_datepicker-calendar-color-current-date:var(--datepicker-calendar-color-current-date, var(--mod-datepicker-calendar-color-current-date, var(--ds-datepicker-calendar-color-current-date)));--_datepicker-calendar-day-weight:var(--datepicker-calendar-day-weight, var(--mod-datepicker-calendar-day-weight, var(--ds-datepicker-calendar-day-weight-base)));--_datepicker-calendar-day-weight-selected:var(--datepicker-calendar-day-weight-selected, var(--mod-datepicker-calendar-day-weight-selected, var(--ds-datepicker-calendar-day-weight-selected)));--_datepicker-calendar-day-name-family:var(--datepicker-calendar-day-name-family, var(--mod-datepicker-calendar-day-name-family, var(--ds-datepicker-calendar-day-name-family)));--_datepicker-calendar-day-name-weight:var(--datepicker-calendar-day-name-weight, var(--mod-datepicker-calendar-day-name-weight, var(--ds-datepicker-calendar-day-name-weight)));--_datepicker-calendar-nav-color:var(--datepicker-calendar-nav-color, var(--mod-datepicker-calendar-nav-color, var(--ds-datepicker-calendar-nav-color-base)));--_datepicker-calendar-nav-color-hover:var(--datepicker-calendar-nav-color-hover, var(--mod-datepicker-calendar-nav-color-hover, var(--ds-datepicker-calendar-nav-color-hover)));--_datepicker-calendar-nav-color-active:var(--datepicker-calendar-nav-color-active, var(--mod-datepicker-calendar-nav-color-active, var(--ds-datepicker-calendar-nav-color-active)));--_datepicker-calendar-nav-radius:var(--datepicker-calendar-nav-radius, var(--mod-datepicker-calendar-nav-radius, var(--ds-datepicker-calendar-nav-radius)));--_datepicker-calendar-nav-color-disabled:var(--datepicker-calendar-nav-color-disabled, var(--mod-datepicker-calendar-nav-color-disabled, var(--ds-datepicker-calendar-nav-color-disabled)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_datepicker-color);font-family:var(--_datepicker-family);font-weight:var(--_datepicker-weight);font-size:var(--_datepicker-size);line-height:var(--_datepicker-line-height);border-radius:var(--_datepicker-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_datepicker-placeholder)}:host #input::-moz-placeholder{color:var(--_datepicker-placeholder)}:host #input:-ms-input-placeholder{color:var(--_datepicker-placeholder)}:host #input::-ms-input-placeholder{color:var(--_datepicker-placeholder)}:host #input::placeholder{color:var(--_datepicker-placeholder)}:host #input::-moz-placeholder{color:var(--_datepicker-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_datepicker-placeholder)}:host #input:-moz-placeholder{color:var(--_datepicker-placeholder)}:host #input:-ms-input-placeholder{color:var(--_datepicker-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host(:not(.is-inline)) #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host(:not(.is-inline)) #container:hover,:host(:not(.is-inline)) #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host(:not(.is-inline)) #container:active,:host(:not(.is-inline)) #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host(:not(.is-inline)) #container:focus-within:not(:active),:host(:not(.is-inline)) #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host(.is-inline) #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem}:host #trigger{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{:host #trigger{display:none !important}}:host #trigger{border-radius:var(--ds-alias-radius-base);background:rgba(0,0,0,0);width:1.5rem;height:1.5rem;border:none;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host #trigger::-moz-focus-inner{border:0}:host #trigger:disabled{pointer-events:none}@media (hover: hover)and (pointer: fine){:host #trigger:hover,:host #trigger.is-hovered{--icon-color:var(--_datepicker-trigger-icon-color-hover)}}:host #trigger:active,:host #trigger.is-pressed{--icon-color:var(--_datepicker-trigger-icon-color-active)}@media (hover: hover)and (pointer: fine){:host #trigger:focus-visible:not(:active),:host #trigger.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important}}:host #clear{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon:var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host #clear{display:none !important}}:host #clear{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:rgba(0,0,0,0);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host #clear::after{content:"";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host #clear:not(:disabled){cursor:pointer}@media (hover: hover)and (pointer: fine){:host #clear:not(:disabled):focus-visible:not(:active),:host #clear:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host #container{position:relative}:host #popup{position:absolute;display:block;top:100%;left:0;z-index:var(--ds-popup-z-index, 100);-webkit-box-shadow:var(--_datepicker-popup-shadow);box-shadow:var(--_datepicker-popup-shadow);transition:transform .2s,opacity .2s,-webkit-transform .2s;opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center top;overflow:hidden}:host #popup[aria-hidden=true]{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}@media (prefers-reduced-motion: reduce){:host #popup{-webkit-transition:none !important;transition:none !important;-webkit-animation:none !important;animation:none !important}}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input,:host(.is-disabled) #clear,:host(.is-disabled) #trigger{pointer-events:none;cursor:default}:host(.is-disabled) #trigger{--icon-color:var(--_datepicker-trigger-icon-color-disabled)}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-date-color:var(--ds-form-disabled-control-value-color);--mod-date-placeholder:var(--ds-form-disabled-control-placeholder-color)}.air-datepicker{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.air-datepicker{display:none !important}}.air-datepicker{--adp-cell-background-color-in-range:unset;--adp-hover-color:unset;--adp-cell-border-width:2px;--adp-padding:0.5rem;--adp-width:264px;--adp-color:var(--_datepicker-calendar-text-color);--adp-font-family:var(--_datepicker-calendar-family);--adp-font-size:var(--_datepicker-calendar-size);--adp-border-color-inner:var(--_datepicker-calendar-color-inner-border);--adp-background-color-hover:var(--_datepicker-calendar-day-background-hover);--adp-background-color-active:var(--_datepicker-calendar-day-background-active);--adp-day-name-color:var(--_datepicker-calendar-text-color);--adp-color-current-date:var(--_datepicker-calendar-text-color);--adp-cell-background-color-selected:var(--_datepicker-calendar-day-background-selected);--adp-cell-background-color-selected-hover:var(--_datepicker-calendar-day-background-selected-hover);--adp-color-other-month:var(--_datepicker-calendar-disabled-color);--adp-color-other-decade:var(--_datepicker-calendar-disabled-color);--adp-color-disabled:var(--_datepicker-calendar-disabled-color);font-family:inherit;font-size:var(--_datepicker-calendar-size);border-radius:var(--_datepicker-calendar-radius);-webkit-box-shadow:var(--_datepicker-calendar-shadow);box-shadow:var(--_datepicker-calendar-shadow);font-weight:var(--_datepicker-calendar-weight);border:none}.air-datepicker *{font-family:inherit}.air-datepicker.-inline-{border:none;-webkit-box-shadow:var(--_datepicker-calendar-shadow);box-shadow:var(--_datepicker-calendar-shadow)}.air-datepicker .air-datepicker-nav{border-width:2px}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button::-moz-focus-inner,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button::-moz-focus-inner{border:0}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button{display:-ms-flexbox;display:flex;gap:.5rem;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2rem;min-width:2rem;color:var(--_datepicker-calendar-nav-color);--icon-color:var(--_datepicker-calendar-nav-color);border-radius:var(--_datepicker-calendar-nav-radius);-webkit-box-shadow:none;box-shadow:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button::-moz-focus-inner,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button::-moz-focus-inner{border:0}@media (hover: hover)and (pointer: fine){.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button:hover,.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button.is-hovered,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button:hover,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button.is-hovered{color:var(--_datepicker-calendar-nav-color-hover);--icon-color:var(--_datepicker-calendar-nav-color-hover)}}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button:active,.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button.is-pressed,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button:active,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button.is-pressed{color:var(--_datepicker-calendar-nav-color-active);--icon-color:var(--_datepicker-calendar-nav-color-active);translate:0 .5px}@media (hover: hover)and (pointer: fine){.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button:focus-visible:not(:active),.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button.is-focused:not(:active),.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button:focus-visible:not(:active),.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important}}.air-datepicker .air-datepicker-nav--action{margin-left:.5rem}.air-datepicker .air-datepicker-nav--title{margin-right:auto}.air-datepicker .air-datepicker-nav--title button{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-pack:start;justify-content:flex-start}.air-datepicker .air-datepicker-body--cells.-days-{gap:.25rem}.air-datepicker .air-datepicker-body--day-name{font-weight:var(--_datepicker-calendar-day-name-weight);font-size:1rem;text-transform:none;font-family:var(--_datepicker-calendar-day-name-family)}.air-datepicker .air-datepicker-cell.-selected-:not(.-disabled-){font-weight:var(--_datepicker-calendar-day-weight-selected)}.air-datepicker .air-datepicker-cell.-day-{font-weight:var(--_datepicker-calendar-day-weight);height:2rem;width:2rem}.air-datepicker .air-datepicker-cell.-day-.-current-:not(.-disabled-){border:2px solid var(--_datepicker-calendar-color-current-date)}.air-datepicker .air-datepicker-cell.-day-.-selected-:not(.-disabled-){font-weight:var(--_datepicker-calendar-day-weight-selected)}.air-datepicker .air-datepicker-cell[tabindex="0"]{outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.air-datepicker .air-datepicker-cell[tabindex="0"]::-moz-focus-inner{border:0}@media (hover: hover)and (pointer: fine){.air-datepicker .air-datepicker-cell[tabindex="0"]:focus-visible:not(:active),.air-datepicker .air-datepicker-cell[tabindex="0"].is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important}}.air-datepicker .air-datepicker-cell.-disabled-{pointer-events:none}.air-datepicker #previous-disabled,.air-datepicker #next-disabled{display:none}.air-datepicker .air-datepicker-nav--action.-disabled-{pointer-events:none;visibility:visible}.air-datepicker .air-datepicker-nav--action.-disabled- button{display:none;visibility:hidden;pointer-events:none}.air-datepicker .air-datepicker-nav--action.-disabled- #previous-disabled,.air-datepicker .air-datepicker-nav--action.-disabled- #next-disabled{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:2rem;height:2rem;color:var(--_datepicker-calendar-nav-color-disabled);--icon-color:var(--_datepicker-calendar-nav-color-disabled);pointer-events:none}.air-datepicker .air-datepicker-nav--action.-disabled- #previous-disabled ds-icon,.air-datepicker .air-datepicker-nav--action.-disabled- #next-disabled ds-icon{pointer-events:none}`;
35754
+ const datepickerHostCss = () => `.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{-webkit-transition:all var(--adp-transition-duration) var(--adp-transition-ease);transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);-webkit-box-sizing:content-box;box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:-ms-inline-flexbox;display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-column-gap:12px;-ms-flex-align:center;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;-ms-flex-item-align:end;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:-webkit-gradient(linear, left top, right top, from(var(--adp-time-track-color)), to(var(--adp-time-track-color))) left 50%/100% var(--adp-time-track-height) no-repeat;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;-ms-flex:1;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-box-sizing:border-box;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, .1);--adp-background-color-in-range-focused:rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, .3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);-webkit-box-sizing:content-box;box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, -webkit-max-content);grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;-webkit-transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),-webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),-webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease),-webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{-webkit-transform:translateY(calc(var(--adp-transition-offset) * -1));transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{-webkit-transform:translateX(var(--adp-transition-offset));transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{-webkit-transform:translateY(var(--adp-transition-offset));transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{-webkit-transform:translateX(calc(var(--adp-transition-offset) * -1));transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{-webkit-transition:none;transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);-webkit-box-shadow:none;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){-webkit-transform:translate(-50%, calc(-50% + var(--adp-transition-offset)));transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{-webkit-transition:none;transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);-webkit-box-sizing:border-box;box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{-webkit-box-sizing:content-box;box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;-webkit-transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;-webkit-transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;-webkit-transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_datepicker-family:var(--datepicker-family, var(--mod-datepicker-family, var(--ds-form-default-control-typo-font-family)));--_datepicker-weight:var(--datepicker-weight, var(--mod-datepicker-weight, var(--ds-form-default-control-typo-font-weight)));--_datepicker-line-height:var(--datepicker-line-height, var(--mod-datepicker-line-height, var(--ds-form-default-control-typo-line-height)));--_datepicker-size:var(--datepicker-size, var(--mod-datepicker-size, var(--ds-form-default-control-typo-font-size)));--_datepicker-color:var(--datepicker-color, var(--mod-datepicker-color, var(--ds-form-default-control-value-color)));--_datepicker-placeholder:var(--datepicker-placeholder, var(--mod-datepicker-placeholder, var(--ds-form-default-control-placeholder-color)));--_datepicker-trigger-icon-color-hover:var(--datepicker-trigger-icon-color-hover, var(--mod-datepicker-trigger-icon-color-hover, var(--ds-datepicker-trigger-color-hover)));--_datepicker-trigger-icon-color-active:var(--datepicker-trigger-icon-color-active, var(--mod-datepicker-trigger-icon-color-active, var(--ds-datepicker-trigger-color-active)));--_datepicker-trigger-icon-color-disabled:var(--datepicker-trigger-icon-color-disabled, var(--mod-datepicker-trigger-icon-color-disabled, var(--ds-datepicker-trigger-color-disabled)));--_datepicker-focus-color:var(--datepicker-focus-color, var(--mod-datepicker-focus-color, var(--ds-alias-interaction-focus-color-base)));--_datepicker-popup-shadow:var(--datepicker-popup-shadow, var(--mod-datepicker-popup-shadow, var(--ds-datepicker-popup-shadow)));--_datepicker-calendar-text-color:var(--datepicker-calendar-text-color, var(--mod-datepicker-calendar-text-color, var(--ds-datepicker-calendar-color-text)));--_datepicker-calendar-family:var(--datepicker-calendar-family, var(--mod-datepicker-calendar-family, var(--ds-datepicker-calendar-family)));--_datepicker-calendar-size:var(--datepicker-calendar-size, var(--mod-datepicker-calendar-size, var(--ds-datepicker-calendar-size)));--_datepicker-calendar-weight:var(--datepicker-calendar-weight, var(--mod-datepicker-calendar-weight, var(--ds-datepicker-calendar-weight)));--_datepicker-calendar-radius:var(--datepicker-calendar-radius, var(--mod-datepicker-calendar-radius, var(--ds-datepicker-calendar-radius)));--_datepicker-calendar-shadow:var(--datepicker-calendar-shadow, var(--mod-datepicker-calendar-shadow, var(--ds-datepicker-calendar-shadow)));--_datepicker-calendar-color-inner-border:var(--datepicker-calendar-color-inner-border, var(--mod-datepicker-calendar-color-inner-border, var(--ds-datepicker-calendar-color-inner-border)));--_datepicker-calendar-disabled-color:var(--datepicker-calendar-disabled-color, var(--mod-datepicker-calendar-disabled-color, var(--ds-datepicker-calendar-color-disabled)));--_datepicker-calendar-day-background-hover:var(--datepicker-calendar-day-background-hover, var(--mod-datepicker-calendar-day-background-hover, var(--ds-datepicker-calendar-color-day-hover-background)));--_datepicker-calendar-day-background-active:var(--datepicker-calendar-day-background-active, var(--mod-datepicker-calendar-day-background-active, var(--ds-datepicker-calendar-color-day-active-background)));--_datepicker-calendar-day-background-selected:var(--datepicker-calendar-day-background-selected, var(--mod-datepicker-calendar-day-background-selected, var(--ds-datepicker-calendar-color-day-selected-background)));--_datepicker-calendar-day-background-selected-hover:var(--datepicker-calendar-day-background-selected-hover, var(--mod-datepicker-calendar-day-background-selected-hover, var(--ds-datepicker-calendar-color-day-selected-hover-background)));--_datepicker-calendar-color-current-date:var(--datepicker-calendar-color-current-date, var(--mod-datepicker-calendar-color-current-date, var(--ds-datepicker-calendar-color-current-date)));--_datepicker-calendar-day-weight:var(--datepicker-calendar-day-weight, var(--mod-datepicker-calendar-day-weight, var(--ds-datepicker-calendar-day-weight-base)));--_datepicker-calendar-day-weight-selected:var(--datepicker-calendar-day-weight-selected, var(--mod-datepicker-calendar-day-weight-selected, var(--ds-datepicker-calendar-day-weight-selected)));--_datepicker-calendar-day-name-family:var(--datepicker-calendar-day-name-family, var(--mod-datepicker-calendar-day-name-family, var(--ds-datepicker-calendar-day-name-family)));--_datepicker-calendar-day-name-weight:var(--datepicker-calendar-day-name-weight, var(--mod-datepicker-calendar-day-name-weight, var(--ds-datepicker-calendar-day-name-weight)));--_datepicker-calendar-nav-color:var(--datepicker-calendar-nav-color, var(--mod-datepicker-calendar-nav-color, var(--ds-datepicker-calendar-nav-color-base)));--_datepicker-calendar-nav-color-hover:var(--datepicker-calendar-nav-color-hover, var(--mod-datepicker-calendar-nav-color-hover, var(--ds-datepicker-calendar-nav-color-hover)));--_datepicker-calendar-nav-color-active:var(--datepicker-calendar-nav-color-active, var(--mod-datepicker-calendar-nav-color-active, var(--ds-datepicker-calendar-nav-color-active)));--_datepicker-calendar-nav-radius:var(--datepicker-calendar-nav-radius, var(--mod-datepicker-calendar-nav-radius, var(--ds-datepicker-calendar-nav-radius)));--_datepicker-calendar-nav-color-disabled:var(--datepicker-calendar-nav-color-disabled, var(--mod-datepicker-calendar-nav-color-disabled, var(--ds-datepicker-calendar-nav-color-disabled)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;min-width:0;color:var(--_datepicker-color);font-family:var(--_datepicker-family);font-weight:var(--_datepicker-weight);font-size:var(--_datepicker-size);line-height:var(--_datepicker-line-height);border-radius:var(--_datepicker-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_datepicker-placeholder)}:host #input::-moz-placeholder{color:var(--_datepicker-placeholder)}:host #input:-ms-input-placeholder{color:var(--_datepicker-placeholder)}:host #input::-ms-input-placeholder{color:var(--_datepicker-placeholder)}:host #input::placeholder{color:var(--_datepicker-placeholder)}:host #input::-moz-placeholder{color:var(--_datepicker-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_datepicker-placeholder)}:host #input:-moz-placeholder{color:var(--_datepicker-placeholder)}:host #input:-ms-input-placeholder{color:var(--_datepicker-placeholder)}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host(:not(.is-inline)) #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host(:not(.is-inline)) #container:hover,:host(:not(.is-inline)) #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host(:not(.is-inline)) #container:active,:host(:not(.is-inline)) #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host(:not(.is-inline)) #container:focus-within:not(:active),:host(:not(.is-inline)) #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host(.is-inline) #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem}:host #trigger{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{:host #trigger{display:none !important}}:host #trigger{border-radius:var(--ds-alias-radius-base);background:rgba(0,0,0,0);width:1.5rem;height:1.5rem;border:none;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host #trigger::-moz-focus-inner{border:0}:host #trigger:disabled{pointer-events:none}@media (hover: hover)and (pointer: fine){:host #trigger:hover,:host #trigger.is-hovered{--icon-color:var(--_datepicker-trigger-icon-color-hover)}}:host #trigger:active,:host #trigger.is-pressed{--icon-color:var(--_datepicker-trigger-icon-color-active)}@media (hover: hover)and (pointer: fine){:host #trigger:focus-visible:not(:active),:host #trigger.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important}}:host #clear{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon:var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host #clear{display:none !important}}:host #clear{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:rgba(0,0,0,0);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host #clear::after{content:"";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host #clear:not(:disabled){cursor:pointer}@media (hover: hover)and (pointer: fine){:host #clear:not(:disabled):focus-visible:not(:active),:host #clear:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host #container{position:relative}:host #popup{position:absolute;display:block;top:100%;left:0;z-index:var(--ds-popup-z-index, 100);-webkit-box-shadow:var(--_datepicker-popup-shadow);box-shadow:var(--_datepicker-popup-shadow);transition:transform .2s,opacity .2s,-webkit-transform .2s;opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center top;overflow:hidden}:host #popup[aria-hidden=true]{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}@media (prefers-reduced-motion: reduce){:host #popup{-webkit-transition:none !important;transition:none !important;-webkit-animation:none !important;animation:none !important}}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input,:host(.is-disabled) #clear,:host(.is-disabled) #trigger{pointer-events:none;cursor:default}:host(.is-disabled) #trigger{--icon-color:var(--_datepicker-trigger-icon-color-disabled)}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-date-color:var(--ds-form-disabled-control-value-color);--mod-date-placeholder:var(--ds-form-disabled-control-placeholder-color)}.air-datepicker{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.air-datepicker{display:none !important}}.air-datepicker{--adp-cell-background-color-in-range:unset;--adp-hover-color:unset;--adp-cell-border-width:2px;--adp-padding:0.5rem;--adp-width:264px;--adp-color:var(--_datepicker-calendar-text-color);--adp-font-family:var(--_datepicker-calendar-family);--adp-font-size:var(--_datepicker-calendar-size);--adp-border-color-inner:var(--_datepicker-calendar-color-inner-border);--adp-background-color-hover:var(--_datepicker-calendar-day-background-hover);--adp-background-color-active:var(--_datepicker-calendar-day-background-active);--adp-day-name-color:var(--_datepicker-calendar-text-color);--adp-color-current-date:var(--_datepicker-calendar-text-color);--adp-cell-background-color-selected:var(--_datepicker-calendar-day-background-selected);--adp-cell-background-color-selected-hover:var(--_datepicker-calendar-day-background-selected-hover);--adp-color-other-month:var(--_datepicker-calendar-disabled-color);--adp-color-other-decade:var(--_datepicker-calendar-disabled-color);--adp-color-disabled:var(--_datepicker-calendar-disabled-color);font-family:inherit;font-size:var(--_datepicker-calendar-size);border-radius:var(--_datepicker-calendar-radius);-webkit-box-shadow:var(--_datepicker-calendar-shadow);box-shadow:var(--_datepicker-calendar-shadow);font-weight:var(--_datepicker-calendar-weight);border:none}.air-datepicker *{font-family:inherit}.air-datepicker.-inline-{border:none;-webkit-box-shadow:var(--_datepicker-calendar-shadow);box-shadow:var(--_datepicker-calendar-shadow)}.air-datepicker .air-datepicker-nav{border-width:2px}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button::-moz-focus-inner,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button::-moz-focus-inner{border:0}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button{display:-ms-flexbox;display:flex;gap:.5rem;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2rem;min-width:2rem;color:var(--_datepicker-calendar-nav-color);--icon-color:var(--_datepicker-calendar-nav-color);border-radius:var(--_datepicker-calendar-nav-radius);-webkit-box-shadow:none;box-shadow:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button::-moz-focus-inner,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button::-moz-focus-inner{border:0}@media (hover: hover)and (pointer: fine){.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button:hover,.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button.is-hovered,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button:hover,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button.is-hovered{color:var(--_datepicker-calendar-nav-color-hover);--icon-color:var(--_datepicker-calendar-nav-color-hover)}}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button:active,.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button.is-pressed,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button:active,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button.is-pressed{color:var(--_datepicker-calendar-nav-color-active);--icon-color:var(--_datepicker-calendar-nav-color-active);translate:0 .5px}@media (hover: hover)and (pointer: fine){.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button:focus-visible:not(:active),.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button.is-focused:not(:active),.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button:focus-visible:not(:active),.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important}}.air-datepicker .air-datepicker-nav--action{margin-left:.5rem}.air-datepicker .air-datepicker-nav--title{margin-right:auto}.air-datepicker .air-datepicker-nav--title button{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-pack:start;justify-content:flex-start}.air-datepicker .air-datepicker-body--cells.-days-{gap:.25rem}.air-datepicker .air-datepicker-body--day-name{font-weight:var(--_datepicker-calendar-day-name-weight);font-size:1rem;text-transform:none;font-family:var(--_datepicker-calendar-day-name-family)}.air-datepicker .air-datepicker-cell.-selected-:not(.-disabled-){font-weight:var(--_datepicker-calendar-day-weight-selected)}.air-datepicker .air-datepicker-cell.-day-{font-weight:var(--_datepicker-calendar-day-weight);height:2rem;width:2rem}.air-datepicker .air-datepicker-cell.-day-.-current-:not(.-disabled-){border:2px solid var(--_datepicker-calendar-color-current-date)}.air-datepicker .air-datepicker-cell.-day-.-selected-:not(.-disabled-){font-weight:var(--_datepicker-calendar-day-weight-selected)}.air-datepicker .air-datepicker-cell[tabindex="0"]{outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.air-datepicker .air-datepicker-cell[tabindex="0"]::-moz-focus-inner{border:0}@media (hover: hover)and (pointer: fine){.air-datepicker .air-datepicker-cell[tabindex="0"]:focus-visible:not(:active),.air-datepicker .air-datepicker-cell[tabindex="0"].is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important}}.air-datepicker .air-datepicker-cell.-disabled-{pointer-events:none}.air-datepicker #previous-disabled,.air-datepicker #next-disabled{display:none}.air-datepicker .air-datepicker-nav--action.-disabled-{pointer-events:none;visibility:visible}.air-datepicker .air-datepicker-nav--action.-disabled- button{display:none;visibility:hidden;pointer-events:none}.air-datepicker .air-datepicker-nav--action.-disabled- #previous-disabled,.air-datepicker .air-datepicker-nav--action.-disabled- #next-disabled{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:2rem;height:2rem;color:var(--_datepicker-calendar-nav-color-disabled);--icon-color:var(--_datepicker-calendar-nav-color-disabled);pointer-events:none}.air-datepicker .air-datepicker-nav--action.-disabled- #previous-disabled ds-icon,.air-datepicker .air-datepicker-nav--action.-disabled- #next-disabled ds-icon{pointer-events:none}`;
35672
35755
 
35673
35756
  /**
35674
35757
  * Datepicker renders a masked date input field with an interactive calendar popup for date selection.
@@ -38809,7 +38892,7 @@ class SelectPickerController {
38809
38892
  }
38810
38893
  }
38811
38894
 
38812
- const selectHostCss = () => `:root{--ss-primary-color:#5897fb;--ss-bg-color:#ffffff;--ss-font-color:#4d4d4d;--ss-placeholder-color:#8d8d8d;--ss-disabled-color:#dcdee2;--ss-border-color:#dcdee2;--ss-highlight-color:#fffb8c;--ss-focus-color:var(--ss-primary-color);--ss-success-color:#00b755;--ss-error-color:#dc3545;--ss-main-height:40px;--ss-content-height:300px;--ss-modal-height:85vh;--ss-modal-width:min(90vw, 400px);--ss-search-height:var(--ss-main-height);--ss-option-height:var(--ss-main-height);--ss-spacing-l:9px;--ss-spacing-m:7px;--ss-spacing-s:5px;--ss-animation-timing:0.2s;--ss-border-radius:4px;--ss-modal-z-index:1000001}@-webkit-keyframes ss-valueIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes ss-valueIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes ss-valueOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes ss-valueOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:0 var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing);transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing)}@media (prefers-reduced-motion: reduce){.ss-main{-webkit-transition:background-color var(--ss-animation-timing);transition:background-color var(--ss-animation-timing)}}.ss-main{overflow:hidden}.ss-main:focus{-webkit-box-shadow:0 0 5px var(--ss-focus-color);box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-dir-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-dir-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-item-align:stretch;align-self:stretch;gap:var(--ss-spacing-m);-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;max-width:100%;padding:var(--ss-spacing-s) 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.ss-main .ss-values:has(.ss-multi-string){-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:0}.ss-main .ss-values:has(.ss-single),.ss-main .ss-values:has(.ss-placeholder){-ms-flex-wrap:nowrap;flex-wrap:nowrap}.ss-main .ss-values .ss-single,.ss-main .ss-values .ss-placeholder,.ss-main .ss-values .ss-multi-string{display:block;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;width:100%;max-width:100%;margin:0;padding:0 var(--ss-spacing-m) 0 calc(var(--ss-spacing-l) - var(--ss-spacing-s));line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box}.ss-main .ss-values .ss-placeholder{color:var(--ss-placeholder-color)}.ss-main .ss-values .ss-max{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-value{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);-webkit-animation-name:ss-valueIn;animation-name:ss-valueIn;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (prefers-reduced-motion: reduce){.ss-main .ss-values .ss-value{-webkit-animation:none;animation:none}}.ss-main .ss-values .ss-value.ss-value-out{-webkit-animation-name:ss-valueOut;animation-name:ss-valueOut;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.ss-main .ss-values .ss-value.ss-highlighted{-webkit-box-shadow:inset 0 0 0 2px var(--ss-bg-color);box-shadow:inset 0 0 0 2px var(--ss-bg-color);outline:2px solid var(--ss-font-color);outline-offset:-2px}.ss-main .ss-values .ss-value .ss-value-text{-ms-flex:1;flex:1;min-width:0;font-size:12px;line-height:1;color:var(--ss-bg-color);padding:var(--ss-spacing-s) var(--ss-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-value .ss-value-delete{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);-webkit-box-sizing:content-box;box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition:var(--ss-animation-timing);transition:var(--ss-animation-timing)}.ss-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ss-content{position:absolute;display:-ms-flexbox;display:flex;height:auto;-ms-flex-direction:column;flex-direction:column;width:auto;max-height:var(--ss-content-height);-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);min-height:0;-webkit-transition:opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);transition:opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);overflow:hidden;z-index:10000}@media (prefers-reduced-motion: reduce){.ss-content{-webkit-transition:none;transition:none}}.ss-content.ss-relative{position:relative;height:100%;z-index:auto}.ss-content.ss-fixed{position:fixed}.ss-content.ss-dir-above{-webkit-transform-origin:center bottom;transform-origin:center bottom;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-dir-below{-webkit-transform-origin:center top;transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content.ss-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}.ss-content .ss-search{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:var(--ss-spacing-s);min-height:var(--ss-search-height);padding:0 var(--ss-spacing-s);-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid var(--ss-border-color)}.ss-content .ss-search input{display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;line-height:inherit;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;min-width:0;min-height:0;height:100%;padding:0 var(--ss-spacing-m);margin:0;border:none;background-color:var(--ss-bg-color);outline:0;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.ss-content .ss-search input::-webkit-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::-moz-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:-ms-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::-ms-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{-webkit-box-shadow:none;box-shadow:none}.ss-content .ss-search .ss-addable{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:22px;height:22px;margin:auto 0;padding:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-primary-color)}.ss-content .ss-search .ss-addable svg{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:0 0 auto;flex:0 0 auto;width:10px;height:10px;margin:0}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-search .ss-selectall{margin-left:auto}.ss-content .ss-selectall{-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;gap:var(--ss-spacing-s);-webkit-transition:opacity var(--ss-animation-timing);transition:opacity var(--ss-animation-timing)}.ss-content .ss-selectall:hover{opacity:.7}.ss-content .ss-selectall span{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:65%;color:var(--ss-font-color);text-align:center;white-space:nowrap}.ss-content .ss-selectall svg{-ms-flex:0 0 auto;flex:0 0 auto;width:15px;height:15px;border-radius:calc(var(--ss-border-radius)*.5)}.ss-content .ss-selectall svg path{stroke-linecap:round;stroke-linejoin:round;-webkit-transition:fill var(--ss-animation-timing),stroke var(--ss-animation-timing);transition:fill var(--ss-animation-timing),stroke var(--ss-animation-timing)}.ss-content .ss-selectall svg path:first-child{fill:var(--ss-bg-color);stroke:var(--ss-border-color);stroke-width:8}.ss-content .ss-selectall svg path:last-child{fill:none;stroke:rgba(0,0,0,0);stroke-width:10}.ss-content .ss-selectall.ss-selected svg{-webkit-animation-name:ss-valueIn;animation-name:ss-valueIn;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@media (prefers-reduced-motion: reduce){.ss-content .ss-selectall.ss-selected svg{-webkit-animation:none;animation:none}}.ss-content .ss-selectall.ss-selected svg path:first-child{fill:var(--ss-primary-color);stroke:var(--ss-primary-color)}.ss-content .ss-selectall.ss-selected svg path:last-child{stroke:var(--ss-bg-color)}.ss-content.ss-dir-above .ss-search{border-bottom:none;border-top:1px solid var(--ss-border-color)}.ss-content .ss-list{-ms-flex:1 1 auto;flex:1 1 auto;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-option{min-height:0;-webkit-transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease;transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease}.ss-content .ss-list .ss-optgroup:not(.ss-close):not(.ss-open) .ss-option{min-height:var(--ss-option-height)}.ss-content .ss-list .ss-optgroup.ss-open .ss-option{min-height:var(--ss-option-height);max-height:100px;opacity:1;overflow:visible}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;max-height:0;opacity:0;overflow:hidden}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{-ms-flex:1 1 auto;flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{-ms-flex:1 1 auto;flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition:var(--ss-animation-timing);transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:0 var(--ss-spacing-l) 0 calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;content-visibility:auto;contain-intrinsic-size:auto var(--ss-option-height)}.ss-content .ss-list .ss-option:hover:not(.ss-disabled){color:var(--ss-bg-color);background-color:var(--ss-primary-color);border-left:5px solid var(--ss-primary-color);-webkit-transition:border-left var(--ss-animation-timing) ease;transition:border-left var(--ss-animation-timing) ease}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}.ss-content .ss-list .ss-search{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;min-height:var(--ss-search-height);padding:0 var(--ss-spacing-l)}.ss-modal-overlay{position:fixed;inset:0;z-index:var(--ss-modal-z-index);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--ss-spacing-l);-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(0,0,0,.8);opacity:0;-webkit-transition:opacity var(--ss-animation-timing);transition:opacity var(--ss-animation-timing)}@media (prefers-reduced-motion: reduce){.ss-modal-overlay{-webkit-transition:none;transition:none}}.ss-modal-overlay.ss-open{opacity:1}.ss-modal-overlay .ss-modal-dialog{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:var(--ss-modal-width);max-height:var(--ss-modal-height);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-modal-title{-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding:0 0 var(--ss-spacing-l);-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:bold;font-size:1.35em;line-height:1.3;color:#fff;text-align:left;background:none;border:none}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content{position:relative !important;top:auto !important;left:auto !important;width:100% !important;max-width:100%;max-height:var(--ss-modal-height);min-height:0;margin:0 !important;-webkit-transform-origin:center center;transform-origin:center center;z-index:1;border-radius:var(--ss-border-radius);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close{position:absolute;top:0;right:0;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:28px;height:28px;padding:0;margin:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);color:var(--ss-font-color);cursor:pointer;outline:0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.5);box-shadow:0 1px 4px rgba(0,0,0,.5);-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:hover{background-color:var(--ss-bg-color);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:focus{-webkit-box-shadow:0 0 5px var(--ss-focus-color);box-shadow:0 0 5px var(--ss-focus-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg{width:10px;height:10px}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg path{fill:none;stroke:currentColor;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-list{min-height:0;overflow-x:hidden;overflow-y:auto;border-radius:0 0 var(--ss-border-radius) var(--ss-border-radius);scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-search.ss-hide~.ss-list{border-radius:var(--ss-border-radius)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-above,.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-below{-ms-flex-direction:column;flex-direction:column;-webkit-transform-origin:center center;transform-origin:center center}:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_select-family:var(--select-family, var(--mod-select-family, var(--ds-form-default-control-typo-font-family)));--_select-weight:var(--select-weight, var(--mod-select-weight, var(--ds-form-default-control-typo-font-weight)));--_select-line-height:var(--select-line-height, var(--mod-select-line-height, var(--ds-form-default-control-typo-line-height)));--_select-size:var(--select-size, var(--mod-select-size, var(--ds-form-default-control-typo-font-size)));--_select-color:var(--select-color, var(--mod-select-color, var(--ds-form-default-control-value-color)));--_select-placeholder:var(--select-placeholder, var(--mod-select-placeholder, var(--ds-form-default-control-placeholder-color)));--_select-background-color:var(--select-background-color, var(--mod-select-background-color, var(--ds-select-color-background)));--_select-text-color:var(--select-text-color, var(--mod-select-text-color, var(--ds-select-color-text)));--_select-primary-color:var(--select-primary-color, var(--mod-select-primary-color, var(--ds-select-color-primary)));--_select-placeholder-color:var(--select-placeholder-color, var(--mod-select-placeholder-color, var(--ds-select-color-placeholder)));--_select-disabled-color:var(--select-disabled-color, var(--mod-select-disabled-color, var(--ds-select-color-disabled)));--_select-border-color:var(--select-border-color, var(--mod-select-border-color, var(--ds-select-color-border)));--_select-highlight-color:var(--select-highlight-color, var(--mod-select-highlight-color, var(--ds-select-color-highlight)));--_select-focus-color:var(--select-focus-color, var(--mod-select-focus-color, var(--ds-select-color-focus)));--_select-success-color:var(--select-success-color, var(--mod-select-success-color, var(--ds-select-color-success)));--_select-error-color:var(--select-error-color, var(--mod-select-error-color, var(--ds-select-color-error)));--_select-radius:var(--select-radius, var(--mod-select-radius, var(--ds-select-radius)));--_select-content-family:var(--select-content-family, var(--mod-select-content-family, var(--ds-select-content-family)));--_select-content-background-color:var(--select-content-background-color, var(--mod-select-content-background-color, var(--ds-select-content-color-background)));--_select-content-shadow:var(--select-content-shadow, var(--mod-select-content-shadow, var(--ds-select-content-shadow)));--_select-content-border:var(--select-content-border, var(--mod-select-content-border, var(--ds-select-content-border)));--_select-content-radius:var(--select-content-radius, var(--mod-select-content-radius, var(--ds-select-content-radius)));--_select-content-padding:var(--select-content-padding, var(--mod-select-content-padding, var(--ds-select-content-padding)));--_select-search-text-color:var(--select-search-text-color, var(--mod-select-search-text-color, var(--ds-select-search-color-text)));--_select-option-text-color:var(--select-option-text-color, var(--mod-select-option-text-color, var(--ds-select-option-color-text-base)));--_select-option-background-color:var(--select-option-background-color, var(--mod-select-option-background-color, var(--ds-select-option-color-background-base)));--_select-option-border-color:var(--select-option-border-color, var(--mod-select-option-border-color, var(--ds-select-option-color-border)));--_select-option-selected-weight:var(--select-option-selected-weight, var(--mod-select-option-selected-weight, var(--ds-select-option-weight-selected)));--_select-option-selected-icon-color:var(--select-option-selected-icon-color, var(--mod-select-option-selected-icon-color, var(--ds-select-option-color-icon-selected)));--_select-option-selected-text-color:var(--select-option-selected-text-color, var(--mod-select-option-selected-text-color, var(--ds-select-option-color-text-selected)));--_select-option-selected-background-color:var(--select-option-selected-background-color, var(--mod-select-option-selected-background-color, var(--ds-select-option-color-background-selected)));--_select-option-hover-text-color:var(--select-option-hover-text-color, var(--mod-select-option-hover-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-hover-background-color:var(--select-option-hover-background-color, var(--mod-select-option-hover-background-color, var(--ds-select-option-color-background-hover)));--_select-option-highlight-text-color:var(--select-option-highlight-text-color, var(--mod-select-option-highlight-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-highlight-background-color:var(--select-option-highlight-background-color, var(--mod-select-option-highlight-background-color, var(--ds-select-option-color-background-highlight)));--_select-option-disabled-text-color:var(--select-option-disabled-text-color, var(--mod-select-option-disabled-text-color, var(--ds-select-option-color-text-disabled)));--_select-option-disabled-background-color:var(--select-option-disabled-background-color, var(--mod-select-option-disabled-background-color, var(--ds-select-option-color-background-disabled)));--_select-optgroup-background-color:var(--select-optgroup-background-color, var(--mod-select-optgroup-background-color, var(--ds-select-optgroup-color-background)));--_select-optgroup-text-color:var(--select-optgroup-text-color, var(--mod-select-optgroup-text-color, var(--ds-select-optgroup-color-text)));--_select-optgroup-weight:var(--select-optgroup-weight, var(--mod-select-optgroup-weight, var(--ds-select-optgroup-weight)));--_select-icon-color:var(--select-icon-color, var(--mod-select-icon-color, var(--ds-select-icon-color-base)));--_select-icon-hover-color:var(--select-icon-hover-color, var(--mod-select-icon-hover-color, var(--ds-select-icon-color-hover)));--_select-icon-active-color:var(--select-icon-active-color, var(--mod-select-icon-active-color, var(--ds-select-icon-color-active)));--_select-tag-background-color:var(--select-tag-background-color, var(--mod-select-tag-background-color, var(--ds-select-chip-color-background)));--_select-tag-text-color:var(--select-tag-text-color, var(--mod-select-tag-text-color, var(--ds-select-chip-color-text)));--_select-tag-family:var(--select-tag-family, var(--mod-select-tag-family, var(--ds-select-chip-family)));--_select-checkbox-border-color:var(--select-checkbox-border-color, var(--mod-select-checkbox-border-color, var(--ds-select-checkbox-color-border-base)));--_select-checkbox-selected-background-color:var(--select-checkbox-selected-background-color, var(--mod-select-checkbox-selected-background-color, var(--ds-select-checkbox-color-background-selected)));--_select-checkbox-selected-border-color:var(--select-checkbox-selected-border-color, var(--mod-select-checkbox-selected-border-color, var(--ds-select-checkbox-color-border-selected)));--_select-focus-ring-color:var(--select-focus-ring-color, var(--mod-select-focus-ring-color, var(--ds-select-color-focus-ring)));--ss-bg-color:var(--_select-background-color);--ss-font-color:var(--_select-text-color);--ss-primary-color:var(--_select-primary-color);--ss-placeholder-color:var(--_select-placeholder-color);--ss-disabled-color:var(--_select-disabled-color);--ss-border-color:var(--_select-border-color);--ss-highlight-color:var(--_select-highlight-color);--ss-focus-color:var(--_select-focus-color);--ss-success-color:var(--_select-success-color);--ss-error-color:var(--_select-error-color);--ss-main-height:40px;--ss-content-height:300px;--ss-modal-height:85vh;--ss-modal-width:min(90vw, 400px);--ss-search-height:var(--ss-main-height);--ss-option-height:var(--ss-main-height);--ss-spacing-l:8px;--ss-spacing-m:4px;--ss-spacing-s:2px;--ss-icon-spacing:10px;--ss-animation-timing:0.2s;--ss-border-radius:var(--_select-radius);--ss-modal-z-index:1000001}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host select{display:none}:host #container{position:relative;padding-inline:0;cursor:pointer}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled){pointer-events:none;cursor:default;--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-select-text-color:var(--ds-form-disabled-control-value-color);--mod-select-placeholder-color:var(--ds-form-disabled-control-placeholder-color)}:host(.is-disabled) .ss-main.ss-disabled{background:none}:host(.is-disabled) .ss-main.ss-disabled .ss-arrow{background-color:var(--ds-form-disabled-control-value-color)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value{background-color:var(--ds-tag-disabled-color-background)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value .ss-value-text{color:var(--ds-tag-disabled-color-text)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{display:none}:host #container{position:relative}:host #popup{display:block}:host .ss-main{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{:host .ss-main{display:none !important}}:host .ss-main{padding:0;margin:0;border:none;-webkit-box-shadow:none;box-shadow:none;background:none;font-family:var(--_select-content-family)}:host .ss-content{background-color:var(--_select-content-background-color);-webkit-box-shadow:var(--_select-content-shadow);box-shadow:var(--_select-content-shadow);border-radius:var(--_select-content-radius);padding:var(--_select-content-padding) 0;border:var(--_select-content-border);margin:0 !important;position:absolute;top:calc(100% + 4px);left:-4px;width:calc(100% + 8px);z-index:var(--ds-alias-z-index-popup);min-height:0;max-height:300px;height:auto}@media (prefers-reduced-motion: reduce){:host .ss-content{-webkit-transition:none !important;transition:none !important;-webkit-animation:none !important;animation:none !important}}:host .ss-content .ss-list{scrollbar-width:thin;scrollbar-color:var(--_select-option-border-color) rgba(0,0,0,0)}:host .ss-content .ss-list::-webkit-scrollbar{width:8px}:host .ss-content .ss-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}:host .ss-content .ss-list::-webkit-scrollbar-thumb{background-color:var(--_select-option-border-color);background-clip:padding-box;border:2px solid rgba(0,0,0,0);border-radius:9999px}:host .ss-content>.ss-search{position:relative;border-bottom:var(--_select-content-border);margin-bottom:var(--_select-content-padding);padding:0 var(--_select-content-padding)}:host .ss-content>.ss-search::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;content:"";position:absolute;top:50%;left:calc(var(--_select-content-padding)*3);width:14px;height:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--_select-placeholder-color);pointer-events:none}:host .ss-content>.ss-search input{color:var(--_select-search-text-color);padding-left:calc(var(--_select-content-padding) + var(--_select-content-padding) + 14px + var(--ss-spacing-l))}:host .ss-content>.ss-search input[type=search]::-ms-clear{display:none;width:0;height:0}:host .ss-content>.ss-search input[type=search]::-ms-reveal{display:none;width:0;height:0}:host .ss-content>.ss-search input[type=search]::-webkit-search-decoration,:host .ss-content>.ss-search input[type=search]::-webkit-search-cancel-button,:host .ss-content>.ss-search input[type=search]::-webkit-search-results-button,:host .ss-content>.ss-search input[type=search]::-webkit-search-results-decoration{display:none}:host .ss-list .ss-search{padding:0 calc(var(--_select-content-padding)*2);color:var(--_select-placeholder-color);border:none}:host .ss-content .ss-list .ss-option .ss-search-highlight{font-weight:var(--_select-option-selected-weight);color:var(--_select-option-highlight-text-color);border-radius:var(--_select-radius)}:host .ss-content .ss-list .ss-option{color:var(--_select-option-text-color);background-color:var(--_select-option-background-color);border-left:none !important;border-radius:var(--ds-alias-radius-base);margin:0 var(--_select-content-padding)}:host .ss-content .ss-list .ss-option::after{display:block;content:"";width:14px;height:14px;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;margin-left:auto}:host .ss-content .ss-list .ss-option:hover:not(.ss-disabled):not(.ss-highlighted){color:var(--_select-option-text-color);background-color:var(--_select-option-background-color)}:host .ss-content .ss-list .ss-option.ss-selected{font-weight:var(--_select-option-selected-weight);background-color:var(--_select-option-selected-background-color);color:var(--_select-option-selected-text-color)}:host .ss-content .ss-list .ss-option.ss-selected::after{-webkit-mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--_select-option-selected-icon-color)}:host .ss-content .ss-list .ss-option:active:not(.ss-disabled){background-color:var(--_select-option-hover-background-color);color:var(--_select-option-hover-text-color)}:host .ss-content .ss-list .ss-option.ss-highlighted{background-color:var(--_select-option-highlight-background-color);color:var(--_select-option-highlight-text-color)}:host .ss-content .ss-list .ss-option.ss-disabled{background-color:var(--_select-option-disabled-background-color);color:var(--_select-option-disabled-text-color)}:host .ss-main .ss-deselect{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon:var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host .ss-main .ss-deselect{display:none !important}}:host .ss-main .ss-deselect{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:rgba(0,0,0,0);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .ss-main .ss-deselect::after{content:"";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host .ss-main .ss-deselect:not(:disabled){cursor:pointer}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:not(:disabled):focus-visible:not(:active),:host .ss-main .ss-deselect:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host .ss-main .ss-deselect{--close-color-icon:var(--_select-icon-color);--close-color-focus:var(--_select-focus-ring-color)}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:hover,:host .ss-main .ss-deselect.is-hovered{--close-color-icon:var(--_select-icon-hover-color)}}:host .ss-main .ss-deselect:active,:host .ss-main .ss-deselect.is-pressed{--close-color-icon:var(--_select-icon-active-color)}:host .ss-main .ss-deselect svg{display:none}:host .ss-main .ss-arrow{display:block;width:1rem;height:1rem;margin-inline:var(--ss-icon-spacing);-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--_select-icon-color);-webkit-transition:-webkit-transform var(--ss-animation-timing) ease-in-out;transition:-webkit-transform var(--ss-animation-timing) ease-in-out;transition:transform var(--ss-animation-timing) ease-in-out;transition:transform var(--ss-animation-timing) ease-in-out, -webkit-transform var(--ss-animation-timing) ease-in-out}:host .ss-main .ss-arrow path{display:none}:host .ss-main.ss-dir-below .ss-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host .ss-main .ss-values{padding-inline:var(--ss-icon-spacing)}:host .ss-main .ss-values .ss-single{padding-inline:0}:host .ss-main .ss-values .ss-value{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;min-height:1.5rem;padding-block:var(--ds-tag-size-sm-padding-y);padding-inline:var(--ds-tag-size-sm-padding-x);border-radius:var(--ds-tag-radius);background-color:var(--_select-tag-background-color)}:host .ss-main .ss-values .ss-value .ss-value-text{color:var(--_select-tag-text-color);font-family:var(--_select-tag-family);line-height:1;font-size:var(--ds-tag-size-sm-font-size);font-weight:var(--ds-tag-size-sm-font-weight);padding:0}:host .ss-main .ss-values .ss-value .ss-value-delete{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon:var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host .ss-main .ss-values .ss-value .ss-value-delete{display:none !important}}:host .ss-main .ss-values .ss-value .ss-value-delete{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:var(--_close-color-background);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .ss-main .ss-values .ss-value .ss-value-delete::after{content:"";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled){cursor:pointer}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):hover{background:var(--_close-color-background-hover)}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):active{background:var(--_close-color-background-active)}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):focus-visible:not(:active),:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host .ss-main .ss-values .ss-value .ss-value-delete{--close-size-icon:20px;--close-color-focus:var(--_select-focus-ring-color);margin:0 -0.5rem 0 .25rem;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}:host .ss-main .ss-values .ss-value .ss-value-delete svg{display:none}:host .ss-content .ss-list .ss-optgroup .ss-optgroup-label{background-color:var(--_select-optgroup-background-color);color:var(--_select-optgroup-text-color);font-weight:var(--_select-optgroup-weight)}:host #popup.is-multiple .ss-content .ss-list .ss-option::after{display:none}:host #popup.is-multiple .ss-content .ss-list .ss-option::before{width:16px;height:16px;content:"";border:2px solid var(--_select-checkbox-border-color);border-radius:var(--_select-radius);margin-right:.5rem;-ms-flex-negative:0;flex-shrink:0}:host #popup.is-multiple .ss-content .ss-list .ss-option.ss-selected::before{background-color:var(--_select-checkbox-selected-background-color);border-color:var(--_select-checkbox-selected-border-color);background-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill='%23ffffff' fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");background-size:75%;background-repeat:no-repeat;background-position:center}`;
38895
+ const selectHostCss = () => `:root{--ss-primary-color:#5897fb;--ss-bg-color:#ffffff;--ss-font-color:#4d4d4d;--ss-placeholder-color:#8d8d8d;--ss-disabled-color:#dcdee2;--ss-border-color:#dcdee2;--ss-highlight-color:#fffb8c;--ss-focus-color:var(--ss-primary-color);--ss-success-color:#00b755;--ss-error-color:#dc3545;--ss-main-height:40px;--ss-content-height:300px;--ss-modal-height:85vh;--ss-modal-width:min(90vw, 400px);--ss-search-height:var(--ss-main-height);--ss-option-height:var(--ss-main-height);--ss-spacing-l:9px;--ss-spacing-m:7px;--ss-spacing-s:5px;--ss-animation-timing:0.2s;--ss-border-radius:4px;--ss-modal-z-index:1000001}@-webkit-keyframes ss-valueIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes ss-valueIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes ss-valueOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes ss-valueOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:0 var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing);transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing)}@media (prefers-reduced-motion: reduce){.ss-main{-webkit-transition:background-color var(--ss-animation-timing);transition:background-color var(--ss-animation-timing)}}.ss-main{overflow:hidden}.ss-main:focus{-webkit-box-shadow:0 0 5px var(--ss-focus-color);box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-dir-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-dir-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-item-align:stretch;align-self:stretch;gap:var(--ss-spacing-m);-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;max-width:100%;padding:var(--ss-spacing-s) 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.ss-main .ss-values:has(.ss-multi-string){-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:0}.ss-main .ss-values:has(.ss-single),.ss-main .ss-values:has(.ss-placeholder){-ms-flex-wrap:nowrap;flex-wrap:nowrap}.ss-main .ss-values .ss-single,.ss-main .ss-values .ss-placeholder,.ss-main .ss-values .ss-multi-string{display:block;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;width:100%;max-width:100%;margin:0;padding:0 var(--ss-spacing-m) 0 calc(var(--ss-spacing-l) - var(--ss-spacing-s));line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box}.ss-main .ss-values .ss-placeholder{color:var(--ss-placeholder-color)}.ss-main .ss-values .ss-max{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-value{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);-webkit-animation-name:ss-valueIn;animation-name:ss-valueIn;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (prefers-reduced-motion: reduce){.ss-main .ss-values .ss-value{-webkit-animation:none;animation:none}}.ss-main .ss-values .ss-value.ss-value-out{-webkit-animation-name:ss-valueOut;animation-name:ss-valueOut;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.ss-main .ss-values .ss-value.ss-highlighted{-webkit-box-shadow:inset 0 0 0 2px var(--ss-bg-color);box-shadow:inset 0 0 0 2px var(--ss-bg-color);outline:2px solid var(--ss-font-color);outline-offset:-2px}.ss-main .ss-values .ss-value .ss-value-text{-ms-flex:1;flex:1;min-width:0;font-size:12px;line-height:1;color:var(--ss-bg-color);padding:var(--ss-spacing-s) var(--ss-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-value .ss-value-delete{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);-webkit-box-sizing:content-box;box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition:var(--ss-animation-timing);transition:var(--ss-animation-timing)}.ss-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ss-content{position:absolute;display:-ms-flexbox;display:flex;height:auto;-ms-flex-direction:column;flex-direction:column;width:auto;max-height:var(--ss-content-height);-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);min-height:0;-webkit-transition:opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);transition:opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);overflow:hidden;z-index:10000}@media (prefers-reduced-motion: reduce){.ss-content{-webkit-transition:none;transition:none}}.ss-content.ss-relative{position:relative;height:100%;z-index:auto}.ss-content.ss-fixed{position:fixed}.ss-content.ss-dir-above{-webkit-transform-origin:center bottom;transform-origin:center bottom;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-dir-below{-webkit-transform-origin:center top;transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content.ss-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}.ss-content .ss-search{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:var(--ss-spacing-s);min-height:var(--ss-search-height);padding:0 var(--ss-spacing-s);-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid var(--ss-border-color)}.ss-content .ss-search input{display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;line-height:inherit;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;min-width:0;min-height:0;height:100%;padding:0 var(--ss-spacing-m);margin:0;border:none;background-color:var(--ss-bg-color);outline:0;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.ss-content .ss-search input::-webkit-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::-moz-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:-ms-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::-ms-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{-webkit-box-shadow:none;box-shadow:none}.ss-content .ss-search .ss-addable{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:22px;height:22px;margin:auto 0;padding:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-primary-color)}.ss-content .ss-search .ss-addable svg{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:0 0 auto;flex:0 0 auto;width:10px;height:10px;margin:0}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-search .ss-selectall{margin-left:auto}.ss-content .ss-selectall{-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;gap:var(--ss-spacing-s);-webkit-transition:opacity var(--ss-animation-timing);transition:opacity var(--ss-animation-timing)}.ss-content .ss-selectall:hover{opacity:.7}.ss-content .ss-selectall span{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:65%;color:var(--ss-font-color);text-align:center;white-space:nowrap}.ss-content .ss-selectall svg{-ms-flex:0 0 auto;flex:0 0 auto;width:15px;height:15px;border-radius:calc(var(--ss-border-radius)*.5)}.ss-content .ss-selectall svg path{stroke-linecap:round;stroke-linejoin:round;-webkit-transition:fill var(--ss-animation-timing),stroke var(--ss-animation-timing);transition:fill var(--ss-animation-timing),stroke var(--ss-animation-timing)}.ss-content .ss-selectall svg path:first-child{fill:var(--ss-bg-color);stroke:var(--ss-border-color);stroke-width:8}.ss-content .ss-selectall svg path:last-child{fill:none;stroke:rgba(0,0,0,0);stroke-width:10}.ss-content .ss-selectall.ss-selected svg{-webkit-animation-name:ss-valueIn;animation-name:ss-valueIn;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@media (prefers-reduced-motion: reduce){.ss-content .ss-selectall.ss-selected svg{-webkit-animation:none;animation:none}}.ss-content .ss-selectall.ss-selected svg path:first-child{fill:var(--ss-primary-color);stroke:var(--ss-primary-color)}.ss-content .ss-selectall.ss-selected svg path:last-child{stroke:var(--ss-bg-color)}.ss-content.ss-dir-above .ss-search{border-bottom:none;border-top:1px solid var(--ss-border-color)}.ss-content .ss-list{-ms-flex:1 1 auto;flex:1 1 auto;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-option{min-height:0;-webkit-transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease;transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease}.ss-content .ss-list .ss-optgroup:not(.ss-close):not(.ss-open) .ss-option{min-height:var(--ss-option-height)}.ss-content .ss-list .ss-optgroup.ss-open .ss-option{min-height:var(--ss-option-height);max-height:100px;opacity:1;overflow:visible}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;max-height:0;opacity:0;overflow:hidden}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{-ms-flex:1 1 auto;flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{-ms-flex:1 1 auto;flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition:var(--ss-animation-timing);transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:0 var(--ss-spacing-l) 0 calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;content-visibility:auto;contain-intrinsic-size:auto var(--ss-option-height)}.ss-content .ss-list .ss-option:hover:not(.ss-disabled){color:var(--ss-bg-color);background-color:var(--ss-primary-color);border-left:5px solid var(--ss-primary-color);-webkit-transition:border-left var(--ss-animation-timing) ease;transition:border-left var(--ss-animation-timing) ease}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}.ss-content .ss-list .ss-search{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;min-height:var(--ss-search-height);padding:0 var(--ss-spacing-l)}.ss-modal-overlay{position:fixed;inset:0;z-index:var(--ss-modal-z-index);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--ss-spacing-l);-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(0,0,0,.8);opacity:0;-webkit-transition:opacity var(--ss-animation-timing);transition:opacity var(--ss-animation-timing)}@media (prefers-reduced-motion: reduce){.ss-modal-overlay{-webkit-transition:none;transition:none}}.ss-modal-overlay.ss-open{opacity:1}.ss-modal-overlay .ss-modal-dialog{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:var(--ss-modal-width);max-height:var(--ss-modal-height);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-modal-title{-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding:0 0 var(--ss-spacing-l);-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:bold;font-size:1.35em;line-height:1.3;color:#fff;text-align:left;background:none;border:none}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content{position:relative !important;top:auto !important;left:auto !important;width:100% !important;max-width:100%;max-height:var(--ss-modal-height);min-height:0;margin:0 !important;-webkit-transform-origin:center center;transform-origin:center center;z-index:1;border-radius:var(--ss-border-radius);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close{position:absolute;top:0;right:0;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:28px;height:28px;padding:0;margin:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);color:var(--ss-font-color);cursor:pointer;outline:0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.5);box-shadow:0 1px 4px rgba(0,0,0,.5);-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:hover{background-color:var(--ss-bg-color);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:focus{-webkit-box-shadow:0 0 5px var(--ss-focus-color);box-shadow:0 0 5px var(--ss-focus-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg{width:10px;height:10px}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg path{fill:none;stroke:currentColor;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-list{min-height:0;overflow-x:hidden;overflow-y:auto;border-radius:0 0 var(--ss-border-radius) var(--ss-border-radius);scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-search.ss-hide~.ss-list{border-radius:var(--ss-border-radius)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-above,.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-below{-ms-flex-direction:column;flex-direction:column;-webkit-transform-origin:center center;transform-origin:center center}:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_select-family:var(--select-family, var(--mod-select-family, var(--ds-form-default-control-typo-font-family)));--_select-weight:var(--select-weight, var(--mod-select-weight, var(--ds-form-default-control-typo-font-weight)));--_select-line-height:var(--select-line-height, var(--mod-select-line-height, var(--ds-form-default-control-typo-line-height)));--_select-size:var(--select-size, var(--mod-select-size, var(--ds-form-default-control-typo-font-size)));--_select-color:var(--select-color, var(--mod-select-color, var(--ds-form-default-control-value-color)));--_select-placeholder:var(--select-placeholder, var(--mod-select-placeholder, var(--ds-form-default-control-placeholder-color)));--_select-background-color:var(--select-background-color, var(--mod-select-background-color, var(--ds-select-color-background)));--_select-text-color:var(--select-text-color, var(--mod-select-text-color, var(--ds-select-color-text)));--_select-primary-color:var(--select-primary-color, var(--mod-select-primary-color, var(--ds-select-color-primary)));--_select-placeholder-color:var(--select-placeholder-color, var(--mod-select-placeholder-color, var(--ds-select-color-placeholder)));--_select-disabled-color:var(--select-disabled-color, var(--mod-select-disabled-color, var(--ds-select-color-disabled)));--_select-border-color:var(--select-border-color, var(--mod-select-border-color, var(--ds-select-color-border)));--_select-highlight-color:var(--select-highlight-color, var(--mod-select-highlight-color, var(--ds-select-color-highlight)));--_select-focus-color:var(--select-focus-color, var(--mod-select-focus-color, var(--ds-select-color-focus)));--_select-success-color:var(--select-success-color, var(--mod-select-success-color, var(--ds-select-color-success)));--_select-error-color:var(--select-error-color, var(--mod-select-error-color, var(--ds-select-color-error)));--_select-radius:var(--select-radius, var(--mod-select-radius, var(--ds-select-radius)));--_select-content-family:var(--select-content-family, var(--mod-select-content-family, var(--ds-select-content-family)));--_select-content-background-color:var(--select-content-background-color, var(--mod-select-content-background-color, var(--ds-select-content-color-background)));--_select-content-shadow:var(--select-content-shadow, var(--mod-select-content-shadow, var(--ds-select-content-shadow)));--_select-content-border:var(--select-content-border, var(--mod-select-content-border, var(--ds-select-content-border)));--_select-content-radius:var(--select-content-radius, var(--mod-select-content-radius, var(--ds-select-content-radius)));--_select-content-padding:var(--select-content-padding, var(--mod-select-content-padding, var(--ds-select-content-padding)));--_select-search-text-color:var(--select-search-text-color, var(--mod-select-search-text-color, var(--ds-select-search-color-text)));--_select-option-text-color:var(--select-option-text-color, var(--mod-select-option-text-color, var(--ds-select-option-color-text-base)));--_select-option-background-color:var(--select-option-background-color, var(--mod-select-option-background-color, var(--ds-select-option-color-background-base)));--_select-option-border-color:var(--select-option-border-color, var(--mod-select-option-border-color, var(--ds-select-option-color-border)));--_select-option-selected-weight:var(--select-option-selected-weight, var(--mod-select-option-selected-weight, var(--ds-select-option-weight-selected)));--_select-option-selected-icon-color:var(--select-option-selected-icon-color, var(--mod-select-option-selected-icon-color, var(--ds-select-option-color-icon-selected)));--_select-option-selected-text-color:var(--select-option-selected-text-color, var(--mod-select-option-selected-text-color, var(--ds-select-option-color-text-selected)));--_select-option-selected-background-color:var(--select-option-selected-background-color, var(--mod-select-option-selected-background-color, var(--ds-select-option-color-background-selected)));--_select-option-hover-text-color:var(--select-option-hover-text-color, var(--mod-select-option-hover-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-hover-background-color:var(--select-option-hover-background-color, var(--mod-select-option-hover-background-color, var(--ds-select-option-color-background-hover)));--_select-option-highlight-text-color:var(--select-option-highlight-text-color, var(--mod-select-option-highlight-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-highlight-background-color:var(--select-option-highlight-background-color, var(--mod-select-option-highlight-background-color, var(--ds-select-option-color-background-highlight)));--_select-option-disabled-text-color:var(--select-option-disabled-text-color, var(--mod-select-option-disabled-text-color, var(--ds-select-option-color-text-disabled)));--_select-option-disabled-background-color:var(--select-option-disabled-background-color, var(--mod-select-option-disabled-background-color, var(--ds-select-option-color-background-disabled)));--_select-optgroup-background-color:var(--select-optgroup-background-color, var(--mod-select-optgroup-background-color, var(--ds-select-optgroup-color-background)));--_select-optgroup-text-color:var(--select-optgroup-text-color, var(--mod-select-optgroup-text-color, var(--ds-select-optgroup-color-text)));--_select-optgroup-weight:var(--select-optgroup-weight, var(--mod-select-optgroup-weight, var(--ds-select-optgroup-weight)));--_select-icon-color:var(--select-icon-color, var(--mod-select-icon-color, var(--ds-select-icon-color-base)));--_select-icon-hover-color:var(--select-icon-hover-color, var(--mod-select-icon-hover-color, var(--ds-select-icon-color-hover)));--_select-icon-active-color:var(--select-icon-active-color, var(--mod-select-icon-active-color, var(--ds-select-icon-color-active)));--_select-tag-background-color:var(--select-tag-background-color, var(--mod-select-tag-background-color, var(--ds-select-chip-color-background)));--_select-tag-text-color:var(--select-tag-text-color, var(--mod-select-tag-text-color, var(--ds-select-chip-color-text)));--_select-tag-family:var(--select-tag-family, var(--mod-select-tag-family, var(--ds-select-chip-family)));--_select-checkbox-border-color:var(--select-checkbox-border-color, var(--mod-select-checkbox-border-color, var(--ds-select-checkbox-color-border-base)));--_select-checkbox-selected-background-color:var(--select-checkbox-selected-background-color, var(--mod-select-checkbox-selected-background-color, var(--ds-select-checkbox-color-background-selected)));--_select-checkbox-selected-border-color:var(--select-checkbox-selected-border-color, var(--mod-select-checkbox-selected-border-color, var(--ds-select-checkbox-color-border-selected)));--_select-focus-ring-color:var(--select-focus-ring-color, var(--mod-select-focus-ring-color, var(--ds-select-color-focus-ring)));--ss-bg-color:var(--_select-background-color);--ss-font-color:var(--_select-text-color);--ss-primary-color:var(--_select-primary-color);--ss-placeholder-color:var(--_select-placeholder-color);--ss-disabled-color:var(--_select-disabled-color);--ss-border-color:var(--_select-border-color);--ss-highlight-color:var(--_select-highlight-color);--ss-focus-color:var(--_select-focus-color);--ss-success-color:var(--_select-success-color);--ss-error-color:var(--_select-error-color);--ss-main-height:40px;--ss-content-height:300px;--ss-modal-height:85vh;--ss-modal-width:min(90vw, 400px);--ss-search-height:var(--ss-main-height);--ss-option-height:var(--ss-main-height);--ss-spacing-l:8px;--ss-spacing-m:4px;--ss-spacing-s:2px;--ss-icon-spacing:10px;--ss-animation-timing:0.2s;--ss-border-radius:var(--_select-radius);--ss-modal-z-index:1000001}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host select{display:none}:host #container{position:relative;padding-inline:0;cursor:pointer}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled){pointer-events:none;cursor:default;--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-select-text-color:var(--ds-form-disabled-control-value-color);--mod-select-placeholder-color:var(--ds-form-disabled-control-placeholder-color)}:host(.is-disabled) .ss-main.ss-disabled{background:none}:host(.is-disabled) .ss-main.ss-disabled .ss-arrow{background-color:var(--ds-form-disabled-control-value-color)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value{background-color:var(--ds-tag-disabled-color-background)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value .ss-value-text{color:var(--ds-tag-disabled-color-text)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{display:none}:host #container{position:relative}:host #popup{display:block}:host .ss-main{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{:host .ss-main{display:none !important}}:host .ss-main{padding:0;margin:0;border:none;-webkit-box-shadow:none;box-shadow:none;background:none;font-family:var(--_select-content-family)}:host .ss-content{background-color:var(--_select-content-background-color);-webkit-box-shadow:var(--_select-content-shadow);box-shadow:var(--_select-content-shadow);border-radius:var(--_select-content-radius);padding:var(--_select-content-padding) 0;border:var(--_select-content-border);margin:0 !important;position:absolute;top:calc(100% + 4px);left:-4px;width:calc(100% + 8px);z-index:var(--ds-alias-z-index-popup);min-height:0;max-height:300px;height:auto}@media (prefers-reduced-motion: reduce){:host .ss-content{-webkit-transition:none !important;transition:none !important;-webkit-animation:none !important;animation:none !important}}:host .ss-content .ss-list{scrollbar-width:thin;scrollbar-color:var(--_select-option-border-color) rgba(0,0,0,0)}:host .ss-content .ss-list::-webkit-scrollbar{width:8px}:host .ss-content .ss-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}:host .ss-content .ss-list::-webkit-scrollbar-thumb{background-color:var(--_select-option-border-color);background-clip:padding-box;border:2px solid rgba(0,0,0,0);border-radius:9999px}:host .ss-content>.ss-search{position:relative;border-bottom:var(--_select-content-border);margin-bottom:var(--_select-content-padding);padding:0 var(--_select-content-padding)}:host .ss-content>.ss-search::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;content:"";position:absolute;top:50%;left:calc(var(--_select-content-padding)*3);width:14px;height:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--_select-placeholder-color);pointer-events:none}:host .ss-content>.ss-search input{color:var(--_select-search-text-color);padding-left:calc(var(--_select-content-padding) + var(--_select-content-padding) + 14px + var(--ss-spacing-l))}:host .ss-content>.ss-search input[type=search]::-ms-clear{display:none;width:0;height:0}:host .ss-content>.ss-search input[type=search]::-ms-reveal{display:none;width:0;height:0}:host .ss-content>.ss-search input[type=search]::-webkit-search-decoration,:host .ss-content>.ss-search input[type=search]::-webkit-search-cancel-button,:host .ss-content>.ss-search input[type=search]::-webkit-search-results-button,:host .ss-content>.ss-search input[type=search]::-webkit-search-results-decoration{display:none}:host .ss-list .ss-search{padding:0 calc(var(--_select-content-padding)*2);color:var(--_select-placeholder-color);border:none}:host .ss-content .ss-list .ss-option .ss-search-highlight{font-weight:var(--_select-option-selected-weight);color:var(--_select-option-highlight-text-color);border-radius:var(--_select-radius)}:host .ss-content .ss-list .ss-option{color:var(--_select-option-text-color);background-color:var(--_select-option-background-color);border-left:none !important;border-radius:var(--ds-alias-radius-base);margin:0 var(--_select-content-padding)}:host .ss-content .ss-list .ss-option::after{display:block;content:"";width:14px;height:14px;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;margin-left:auto}:host .ss-content .ss-list .ss-option:hover:not(.ss-disabled):not(.ss-highlighted){color:var(--_select-option-text-color);background-color:var(--_select-option-background-color)}:host .ss-content .ss-list .ss-option.ss-selected{font-weight:var(--_select-option-selected-weight);background-color:var(--_select-option-selected-background-color);color:var(--_select-option-selected-text-color)}:host .ss-content .ss-list .ss-option.ss-selected::after{-webkit-mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--_select-option-selected-icon-color)}:host .ss-content .ss-list .ss-option:active:not(.ss-disabled){background-color:var(--_select-option-hover-background-color);color:var(--_select-option-hover-text-color)}:host .ss-content .ss-list .ss-option.ss-highlighted{background-color:var(--_select-option-highlight-background-color);color:var(--_select-option-highlight-text-color)}:host .ss-content .ss-list .ss-option.ss-disabled{background-color:var(--_select-option-disabled-background-color);color:var(--_select-option-disabled-text-color)}:host .ss-main .ss-deselect{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon:var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host .ss-main .ss-deselect{display:none !important}}:host .ss-main .ss-deselect{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:rgba(0,0,0,0);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .ss-main .ss-deselect::after{content:"";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host .ss-main .ss-deselect:not(:disabled){cursor:pointer}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:not(:disabled):focus-visible:not(:active),:host .ss-main .ss-deselect:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host .ss-main .ss-deselect{--close-color-icon:var(--_select-icon-color);--close-color-focus:var(--_select-focus-ring-color)}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:hover,:host .ss-main .ss-deselect.is-hovered{--close-color-icon:var(--_select-icon-hover-color)}}:host .ss-main .ss-deselect:active,:host .ss-main .ss-deselect.is-pressed{--close-color-icon:var(--_select-icon-active-color)}:host .ss-main .ss-deselect svg{display:none}:host .ss-main .ss-arrow{display:block;width:1rem;height:1rem;margin-inline:var(--ss-icon-spacing);-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--_select-icon-color);-webkit-transition:-webkit-transform var(--ss-animation-timing) ease-in-out;transition:-webkit-transform var(--ss-animation-timing) ease-in-out;transition:transform var(--ss-animation-timing) ease-in-out;transition:transform var(--ss-animation-timing) ease-in-out, -webkit-transform var(--ss-animation-timing) ease-in-out}:host .ss-main .ss-arrow path{display:none}:host .ss-main.ss-dir-below .ss-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host .ss-main .ss-values{padding-inline:var(--ss-icon-spacing)}:host .ss-main .ss-values .ss-single{padding-inline:0}:host .ss-main .ss-values .ss-value{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;min-height:1.5rem;padding-block:var(--ds-tag-size-sm-padding-y);padding-inline:var(--ds-tag-size-sm-padding-x);border-radius:var(--ds-tag-radius);background-color:var(--_select-tag-background-color)}:host .ss-main .ss-values .ss-value .ss-value-text{color:var(--_select-tag-text-color);font-family:var(--_select-tag-family);line-height:1;font-size:var(--ds-tag-size-sm-font-size);font-weight:var(--ds-tag-size-sm-font-weight);padding:0}:host .ss-main .ss-values .ss-value .ss-value-delete{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon:var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host .ss-main .ss-values .ss-value .ss-value-delete{display:none !important}}:host .ss-main .ss-values .ss-value .ss-value-delete{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:var(--_close-color-background);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .ss-main .ss-values .ss-value .ss-value-delete::after{content:"";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled){cursor:pointer}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):hover{background:var(--_close-color-background-hover)}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):active{background:var(--_close-color-background-active)}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):focus-visible:not(:active),:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host .ss-main .ss-values .ss-value .ss-value-delete{--close-size-icon:20px;--close-color-focus:var(--_select-focus-ring-color);margin:0 -0.5rem 0 .25rem;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}:host .ss-main .ss-values .ss-value .ss-value-delete svg{display:none}:host .ss-content .ss-list .ss-optgroup .ss-optgroup-label{background-color:var(--_select-optgroup-background-color);color:var(--_select-optgroup-text-color);font-weight:var(--_select-optgroup-weight)}:host #popup.is-multiple .ss-content .ss-list .ss-option::after{display:none}:host #popup.is-multiple .ss-content .ss-list .ss-option::before{width:16px;height:16px;content:"";border:2px solid var(--_select-checkbox-border-color);border-radius:var(--_select-radius);margin-right:.5rem;-ms-flex-negative:0;flex-shrink:0}:host #popup.is-multiple .ss-content .ss-list .ss-option.ss-selected::before{background-color:var(--_select-checkbox-selected-background-color);border-color:var(--_select-checkbox-selected-border-color);background-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill='%23ffffff' fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");background-size:75%;background-repeat:no-repeat;background-position:center}`;
38813
38896
 
38814
38897
  /**
38815
38898
  * Select renders an accessible single- or multi-select dropdown backed by Slim Select,
@@ -39550,7 +39633,7 @@ const i18nDsFileUpload = {
39550
39633
  },
39551
39634
  };
39552
39635
 
39553
- const fileUploadHostCss = () => `:host{--_file-upload-label-family:var(--file-upload-label-family, var(--mod-file-upload-label-family, var(--ds-alias-text-family-text)));--_file-upload-label-weight:var(--file-upload-label-weight, var(--mod-file-upload-label-weight, var(--ds-alias-text-weight-bold)));--_file-upload-label-size:var(--file-upload-label-size, var(--mod-file-upload-label-size, var(--ds-alias-text-size-base)));--_file-upload-label-line-height:var(--file-upload-label-line-height, var(--mod-file-upload-label-line-height, var(--ds-alias-text-line-height-text)));--_file-upload-drop-zone-border-color:var(--file-upload-drop-zone-border-color, var(--mod-file-upload-drop-zone-border-color, var(--ds-alias-border-color-grey)));--_file-upload-drop-zone-background:var(--file-upload-drop-zone-background, var(--mod-file-upload-drop-zone-background, var(--ds-alias-surface-transparent)));--_file-upload-drop-zone-hover-background:var(--file-upload-drop-zone-hover-background, var(--mod-file-upload-drop-zone-hover-background, var(--ds-alias-surface-grey-lighter)));--_file-upload-drop-zone-hover-border-color:var(--file-upload-drop-zone-hover-border-color, var(--mod-file-upload-drop-zone-hover-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-hover-text-color:var(--file-upload-drop-zone-hover-text-color, var(--mod-file-upload-drop-zone-hover-text-color, var(--ds-alias-text-color-primary-hover)));--_file-upload-drop-zone-active-background:var(--file-upload-drop-zone-active-background, var(--mod-file-upload-drop-zone-active-background, var(--ds-alias-surface-grey-light)));--_file-upload-drop-zone-active-border-color:var(--file-upload-drop-zone-active-border-color, var(--mod-file-upload-drop-zone-active-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-active-text-color:var(--file-upload-drop-zone-active-text-color, var(--mod-file-upload-drop-zone-active-text-color, var(--ds-alias-text-color-primary-active)));--_file-upload-drop-zone-focus-border-color:var(--file-upload-drop-zone-focus-border-color, var(--mod-file-upload-drop-zone-focus-border-color, var(--ds-alias-interaction-focus-color-border)));--_file-upload-drop-zone-disabled-background:var(--file-upload-drop-zone-disabled-background, var(--mod-file-upload-drop-zone-disabled-background, var(--ds-alias-surface-grey-light)));--_file-upload-drop-zone-disabled-border-color:var(--file-upload-drop-zone-disabled-border-color, var(--mod-file-upload-drop-zone-disabled-border-color, var(--ds-button-color-disabled-base-text)));--_file-upload-drop-zone-disabled-text-color:var(--file-upload-drop-zone-disabled-text-color, var(--mod-file-upload-drop-zone-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-file-list-background:var(--file-upload-file-list-background, var(--mod-file-upload-file-list-background, var(--ds-alias-surface-grey-light)));--_file-upload-file-name-color:var(--file-upload-file-name-color, var(--mod-file-upload-file-name-color, var(--ds-alias-text-color-primary)));--_file-upload-file-size-color:var(--file-upload-file-size-color, var(--mod-file-upload-file-size-color, var(--ds-alias-text-color-primary-light)));--_file-upload-disabled-icon-color:var(--file-upload-disabled-icon-color, var(--mod-file-upload-disabled-icon-color, var(--ds-button-color-disabled-base-text)));--_file-upload-disabled-text-color:var(--file-upload-disabled-text-color, var(--mod-file-upload-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-family:var(--file-upload-family, var(--mod-file-upload-family, var(--ds-form-default-control-typo-font-family)));--_file-upload-weight:var(--file-upload-weight, var(--mod-file-upload-weight, var(--ds-form-default-control-typo-font-weight)));--_file-upload-line-height:var(--file-upload-line-height, var(--mod-file-upload-line-height, var(--ds-form-default-control-typo-line-height)));--_file-upload-size:var(--file-upload-size, var(--mod-file-upload-size, var(--ds-form-default-control-typo-font-size)));--_file-upload-color:var(--file-upload-color, var(--mod-file-upload-color, var(--ds-form-default-control-value-color)));--_file-upload-placeholder:var(--file-upload-placeholder, var(--mod-file-upload-placeholder, var(--ds-form-default-control-placeholder-color)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{position:relative;display:block;width:100%}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_file-upload-color);font-family:var(--_file-upload-family);font-weight:var(--_file-upload-weight);font-size:var(--_file-upload-size);line-height:var(--_file-upload-line-height);border-radius:var(--_file-upload-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input:-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host input[type=file],:host #drop-zone-status{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host #drop-zone{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;width:100%;padding:1rem;border:2px dashed var(--_file-upload-drop-zone-border-color);border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-drop-zone-background)}@media (hover: hover)and (pointer: fine){:host #drop-zone:hover:not(.is-disabled){background-color:var(--_file-upload-drop-zone-hover-background);color:var(--_file-upload-drop-zone-hover-text-color);--icon-color:var(--_file-upload-drop-zone-hover-text-color);cursor:pointer}}:host #drop-zone:active:not(.is-disabled){border-color:var(--_file-upload-drop-zone-active-border-color);background-color:var(--_file-upload-drop-zone-active-background);color:var(--_file-upload-drop-zone-active-text-color);--icon-color:var(--_file-upload-drop-zone-active-text-color)}:host #drop-zone:focus-within:not(.is-disabled):not(:active){border-color:var(--_file-upload-drop-zone-focus-border-color)}:host #drop-zone.is-disabled{background-color:var(--_file-upload-drop-zone-disabled-background);border-color:var(--_file-upload-drop-zone-disabled-border-color);color:var(--_file-upload-drop-zone-disabled-text-color);--icon-color:var(--_file-upload-drop-zone-disabled-text-color);cursor:default;--_spinner-circle-background-color:var(--ds-global-color-grey-3)}:host #drop-zone-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base);text-align:center}:host #file-list{margin-block:1rem;display:grid;gap:.5rem}:host #file-list li{padding:.5rem 1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-file-list-background);display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host #file-list li .ds-stack{width:100%}:host #file-list li .file-name{color:var(--_file-upload-file-name-color);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base)}:host #file-list li .file-size{color:var(--_file-upload-file-size-color);font-size:var(--ds-alias-text-size-xs)}:host #file-list.is-disabled li{--icon-color:var(--_file-upload-disabled-icon-color)}:host #file-list.is-disabled li .file-name{color:var(--_file-upload-disabled-text-color)}:host #file-list.is-disabled li .file-size{color:var(--_file-upload-disabled-text-color)}:host(.is-danger){--mod-file-upload-description-color:var(--ds-form-danger-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-file-upload-description-color:var(--ds-form-success-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-success)}:host(.is-warning){--mod-file-upload-description-color:var(--ds-form-warning-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-warning)}`;
39636
+ const fileUploadHostCss = () => `:host{--_file-upload-label-family:var(--file-upload-label-family, var(--mod-file-upload-label-family, var(--ds-alias-text-family-text)));--_file-upload-label-weight:var(--file-upload-label-weight, var(--mod-file-upload-label-weight, var(--ds-alias-text-weight-bold)));--_file-upload-label-size:var(--file-upload-label-size, var(--mod-file-upload-label-size, var(--ds-alias-text-size-base)));--_file-upload-label-line-height:var(--file-upload-label-line-height, var(--mod-file-upload-label-line-height, var(--ds-alias-text-line-height-text)));--_file-upload-drop-zone-border-color:var(--file-upload-drop-zone-border-color, var(--mod-file-upload-drop-zone-border-color, var(--ds-alias-border-color-grey)));--_file-upload-drop-zone-background:var(--file-upload-drop-zone-background, var(--mod-file-upload-drop-zone-background, var(--ds-alias-surface-transparent)));--_file-upload-drop-zone-hover-background:var(--file-upload-drop-zone-hover-background, var(--mod-file-upload-drop-zone-hover-background, var(--ds-alias-surface-grey-lighter)));--_file-upload-drop-zone-hover-border-color:var(--file-upload-drop-zone-hover-border-color, var(--mod-file-upload-drop-zone-hover-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-hover-text-color:var(--file-upload-drop-zone-hover-text-color, var(--mod-file-upload-drop-zone-hover-text-color, var(--ds-alias-text-color-primary-hover)));--_file-upload-drop-zone-active-background:var(--file-upload-drop-zone-active-background, var(--mod-file-upload-drop-zone-active-background, var(--ds-alias-surface-grey-light)));--_file-upload-drop-zone-active-border-color:var(--file-upload-drop-zone-active-border-color, var(--mod-file-upload-drop-zone-active-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-active-text-color:var(--file-upload-drop-zone-active-text-color, var(--mod-file-upload-drop-zone-active-text-color, var(--ds-alias-text-color-primary-active)));--_file-upload-drop-zone-focus-border-color:var(--file-upload-drop-zone-focus-border-color, var(--mod-file-upload-drop-zone-focus-border-color, var(--ds-alias-interaction-focus-color-border)));--_file-upload-drop-zone-disabled-background:var(--file-upload-drop-zone-disabled-background, var(--mod-file-upload-drop-zone-disabled-background, var(--ds-alias-surface-grey-light)));--_file-upload-drop-zone-disabled-border-color:var(--file-upload-drop-zone-disabled-border-color, var(--mod-file-upload-drop-zone-disabled-border-color, var(--ds-button-color-disabled-base-text)));--_file-upload-drop-zone-disabled-text-color:var(--file-upload-drop-zone-disabled-text-color, var(--mod-file-upload-drop-zone-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-file-list-background:var(--file-upload-file-list-background, var(--mod-file-upload-file-list-background, var(--ds-alias-surface-grey-light)));--_file-upload-file-name-color:var(--file-upload-file-name-color, var(--mod-file-upload-file-name-color, var(--ds-alias-text-color-primary)));--_file-upload-file-size-color:var(--file-upload-file-size-color, var(--mod-file-upload-file-size-color, var(--ds-alias-text-color-primary-light)));--_file-upload-disabled-icon-color:var(--file-upload-disabled-icon-color, var(--mod-file-upload-disabled-icon-color, var(--ds-button-color-disabled-base-text)));--_file-upload-disabled-text-color:var(--file-upload-disabled-text-color, var(--mod-file-upload-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-family:var(--file-upload-family, var(--mod-file-upload-family, var(--ds-form-default-control-typo-font-family)));--_file-upload-weight:var(--file-upload-weight, var(--mod-file-upload-weight, var(--ds-form-default-control-typo-font-weight)));--_file-upload-line-height:var(--file-upload-line-height, var(--mod-file-upload-line-height, var(--ds-form-default-control-typo-line-height)));--_file-upload-size:var(--file-upload-size, var(--mod-file-upload-size, var(--ds-form-default-control-typo-font-size)));--_file-upload-color:var(--file-upload-color, var(--mod-file-upload-color, var(--ds-form-default-control-value-color)));--_file-upload-placeholder:var(--file-upload-placeholder, var(--mod-file-upload-placeholder, var(--ds-form-default-control-placeholder-color)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{position:relative;display:block;width:100%}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;min-width:0;color:var(--_file-upload-color);font-family:var(--_file-upload-family);font-weight:var(--_file-upload-weight);font-size:var(--_file-upload-size);line-height:var(--_file-upload-line-height);border-radius:var(--_file-upload-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input:-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host input[type=file],:host #drop-zone-status{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host #drop-zone{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;width:100%;padding:1rem;border:2px dashed var(--_file-upload-drop-zone-border-color);border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-drop-zone-background)}@media (hover: hover)and (pointer: fine){:host #drop-zone:hover:not(.is-disabled){background-color:var(--_file-upload-drop-zone-hover-background);color:var(--_file-upload-drop-zone-hover-text-color);--icon-color:var(--_file-upload-drop-zone-hover-text-color);cursor:pointer}}:host #drop-zone:active:not(.is-disabled){border-color:var(--_file-upload-drop-zone-active-border-color);background-color:var(--_file-upload-drop-zone-active-background);color:var(--_file-upload-drop-zone-active-text-color);--icon-color:var(--_file-upload-drop-zone-active-text-color)}:host #drop-zone:focus-within:not(.is-disabled):not(:active){border-color:var(--_file-upload-drop-zone-focus-border-color)}:host #drop-zone.is-disabled{background-color:var(--_file-upload-drop-zone-disabled-background);border-color:var(--_file-upload-drop-zone-disabled-border-color);color:var(--_file-upload-drop-zone-disabled-text-color);--icon-color:var(--_file-upload-drop-zone-disabled-text-color);cursor:default;--_spinner-circle-background-color:var(--ds-global-color-grey-3)}:host #drop-zone-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base);text-align:center}:host #file-list{margin-block:1rem;display:grid;gap:.5rem}:host #file-list li{padding:.5rem 1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-file-list-background);display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host #file-list li .ds-stack{width:100%}:host #file-list li .file-name{color:var(--_file-upload-file-name-color);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base)}:host #file-list li .file-size{color:var(--_file-upload-file-size-color);font-size:var(--ds-alias-text-size-xs)}:host #file-list.is-disabled li{--icon-color:var(--_file-upload-disabled-icon-color)}:host #file-list.is-disabled li .file-name{color:var(--_file-upload-disabled-text-color)}:host #file-list.is-disabled li .file-size{color:var(--_file-upload-disabled-text-color)}:host(.is-danger){--mod-file-upload-description-color:var(--ds-form-danger-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-file-upload-description-color:var(--ds-form-success-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-success)}:host(.is-warning){--mod-file-upload-description-color:var(--ds-form-warning-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-warning)}`;
39554
39637
 
39555
39638
  /**
39556
39639
  * FileUpload renders a drag-drop file upload area with optional file list, validation, and form field integration.
@@ -40014,16 +40097,8 @@ const HEADING_SIZES = {
40014
40097
  'md': 'md',
40015
40098
  'base': 'base',
40016
40099
  };
40017
- const HEADING_COLOR_MAP = {
40018
- primary: 'primary',
40019
- info: 'info',
40020
- success: 'success',
40021
- warning: 'warning',
40022
- danger: 'danger',
40023
- white: 'white',
40024
- };
40025
40100
 
40026
- const headingHostCss = () => `:host{--_heading-position:var(--heading-position, var(--mod-heading-position, static));--_heading-top:var(--heading-top, var(--mod-heading-top));--_heading-right:var(--heading-right, var(--mod-heading-right));--_heading-bottom:var(--heading-bottom, var(--mod-heading-bottom));--_heading-left:var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m:var(--heading-m, var(--mod-heading-m, 0));--_heading-my:var(--heading-my, var(--mod-heading-my));--_heading-mx:var(--heading-mx, var(--mod-heading-mx));--_heading-ml:var(--heading-ml, var(--mod-heading-ml));--_heading-mr:var(--heading-mr, var(--mod-heading-mr));--_heading-mt:var(--heading-mt, var(--mod-heading-mt));--_heading-mb:var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-family:var(--heading-family, var(--mod-heading-family, var(--ds-heading-level-1-font-family)));--_heading-weight:var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-level-1-font-weight)));--_heading-line-height:var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-level-1-line-height)));--_heading-size:var(--heading-size, var(--mod-heading-size, var(--ds-heading-level-1-font-size)));--_heading-color:var(--heading-color, var(--mod-heading-color, var(--ds-heading-color-primary)));--_heading-margin:var(--heading-margin, var(--mod-heading-margin, var(--ds-device-space-xs)));--_heading-shadow:var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align:var(--heading-text-align, var(--mod-heading-text-align, inherit))}:host{--_heading-position:var(--heading-position, var(--mod-heading-position, static));--_heading-top:var(--heading-top, var(--mod-heading-top));--_heading-right:var(--heading-right, var(--mod-heading-right));--_heading-bottom:var(--heading-bottom, var(--mod-heading-bottom));--_heading-left:var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m:var(--heading-m, var(--mod-heading-m, 0));--_heading-my:var(--heading-my, var(--mod-heading-my));--_heading-mx:var(--heading-mx, var(--mod-heading-mx));--_heading-ml:var(--heading-ml, var(--mod-heading-ml));--_heading-mr:var(--heading-mr, var(--mod-heading-mr));--_heading-mt:var(--heading-mt, var(--mod-heading-mt));--_heading-mb:var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-family:var(--heading-family, var(--mod-heading-family, var(--ds-heading-level-light1-font-family)));--_heading-weight:var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-level-light1-font-weight)));--_heading-line-height:var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-level-light1-line-height)));--_heading-size:var(--heading-size, var(--mod-heading-size, var(--ds-heading-level-light1-font-size)));--_heading-color:var(--heading-color, var(--mod-heading-color, var(--ds-heading-color-primary)));--_heading-margin:var(--heading-margin, var(--mod-heading-margin, var(--ds-device-space-xs)));--_heading-shadow:var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align:var(--heading-text-align, var(--mod-heading-text-align, inherit))}#heading{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;color:var(--_heading-color);font-family:var(--_heading-family);font-weight:var(--_heading-weight);font-size:var(--_heading-size);line-height:var(--_heading-line-height);text-align:var(--_heading-text-align);text-shadow:var(--_heading-shadow)}#heading em:not(.ds-text),#heading span:not(.ds-text){font-weight:inherit}#heading b,#heading strong,#heading .is-bold{font-weight:var(--ds-alias-text-weight-bold)}:host(.has-no-wrap) #heading{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.has-shadow){--mod-heading-shadow:var(--ds-heading-shadow)}:host(.is-primary){--mod-heading-color:var(--ds-heading-color-primary)}:host(.is-inverted){--mod-heading-color:var(--ds-heading-color-inverted)}:host(.is-5xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-display1-font-family);--mod-heading-weight:var(--ds-heading-level-display1-font-weight);--mod-heading-line-height:var(--ds-heading-level-display1-line-height);--mod-heading-size:var(--ds-heading-level-display1-font-size)}:host(.is-5xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light-display1-font-family);--mod-heading-weight:var(--ds-heading-level-light-display1-font-weight);--mod-heading-line-height:var(--ds-heading-level-light-display1-line-height);--mod-heading-size:var(--ds-heading-level-light-display1-font-size)}:host(.is-4xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-display2-font-family);--mod-heading-weight:var(--ds-heading-level-display2-font-weight);--mod-heading-line-height:var(--ds-heading-level-display2-line-height);--mod-heading-size:var(--ds-heading-level-display2-font-size)}:host(.is-4xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light-display2-font-family);--mod-heading-weight:var(--ds-heading-level-light-display2-font-weight);--mod-heading-line-height:var(--ds-heading-level-light-display2-line-height);--mod-heading-size:var(--ds-heading-level-light-display2-font-size)}:host(.is-3xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-1-font-family);--mod-heading-weight:var(--ds-heading-level-1-font-weight);--mod-heading-line-height:var(--ds-heading-level-1-line-height);--mod-heading-size:var(--ds-heading-level-1-font-size)}:host(.is-3xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light1-font-family);--mod-heading-weight:var(--ds-heading-level-light1-font-weight);--mod-heading-line-height:var(--ds-heading-level-light1-line-height);--mod-heading-size:var(--ds-heading-level-light1-font-size)}:host(.is-2xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-2-font-family);--mod-heading-weight:var(--ds-heading-level-2-font-weight);--mod-heading-line-height:var(--ds-heading-level-2-line-height);--mod-heading-size:var(--ds-heading-level-2-font-size)}:host(.is-2xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light2-font-family);--mod-heading-weight:var(--ds-heading-level-light2-font-weight);--mod-heading-line-height:var(--ds-heading-level-light2-line-height);--mod-heading-size:var(--ds-heading-level-light2-font-size)}:host(.is-xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-3-font-family);--mod-heading-weight:var(--ds-heading-level-3-font-weight);--mod-heading-line-height:var(--ds-heading-level-3-line-height);--mod-heading-size:var(--ds-heading-level-3-font-size)}:host(.is-xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light3-font-family);--mod-heading-weight:var(--ds-heading-level-light3-font-weight);--mod-heading-line-height:var(--ds-heading-level-light3-line-height);--mod-heading-size:var(--ds-heading-level-light3-font-size)}:host(.is-lg:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-4-font-family);--mod-heading-weight:var(--ds-heading-level-4-font-weight);--mod-heading-line-height:var(--ds-heading-level-4-line-height);--mod-heading-size:var(--ds-heading-level-4-font-size)}:host(.is-lg.is-subtitle){--mod-heading-family:var(--ds-heading-level-light4-font-family);--mod-heading-weight:var(--ds-heading-level-light4-font-weight);--mod-heading-line-height:var(--ds-heading-level-light4-line-height);--mod-heading-size:var(--ds-heading-level-light4-font-size)}:host(.is-base:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-5-font-family);--mod-heading-weight:var(--ds-heading-level-5-font-weight);--mod-heading-line-height:var(--ds-heading-level-5-line-height);--mod-heading-size:var(--ds-heading-level-5-font-size)}:host(.is-base.is-subtitle){--mod-heading-family:var(--ds-heading-level-light5-font-family);--mod-heading-weight:var(--ds-heading-level-light5-font-weight);--mod-heading-line-height:var(--ds-heading-level-light5-line-height);--mod-heading-size:var(--ds-heading-level-light5-font-size)}:host(.has-space-all){--heading-mt:var(--_heading-margin);--heading-mb:var(--_heading-margin)}:host(.has-space-top){--heading-mt:var(--_heading-margin);--heading-mb:0}:host(.has-space-bottom){--heading-mt:0;--heading-mb:var(--_heading-margin)}:host(.has-space-none){--heading-mt:0;--heading-mb:0}:host{display:block}`;
40101
+ const headingHostCss = () => `:host{--_heading-position:var(--heading-position, var(--mod-heading-position, static));--_heading-top:var(--heading-top, var(--mod-heading-top));--_heading-right:var(--heading-right, var(--mod-heading-right));--_heading-bottom:var(--heading-bottom, var(--mod-heading-bottom));--_heading-left:var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m:var(--heading-m, var(--mod-heading-m, 0));--_heading-my:var(--heading-my, var(--mod-heading-my));--_heading-mx:var(--heading-mx, var(--mod-heading-mx));--_heading-ml:var(--heading-ml, var(--mod-heading-ml));--_heading-mr:var(--heading-mr, var(--mod-heading-mr));--_heading-mt:var(--heading-mt, var(--mod-heading-mt));--_heading-mb:var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-family:var(--heading-family, var(--mod-heading-family, var(--ds-heading-level-1-font-family)));--_heading-weight:var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-level-1-font-weight)));--_heading-line-height:var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-level-1-line-height)));--_heading-size:var(--heading-size, var(--mod-heading-size, var(--ds-heading-level-1-font-size)));--_heading-color:var(--heading-color, var(--mod-heading-color, var(--ds-heading-color-primary)));--_heading-margin:var(--heading-margin, var(--mod-heading-margin, var(--ds-device-space-xs)));--_heading-shadow:var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align:var(--heading-text-align, var(--mod-heading-text-align, inherit))}:host{--_heading-position:var(--heading-position, var(--mod-heading-position, static));--_heading-top:var(--heading-top, var(--mod-heading-top));--_heading-right:var(--heading-right, var(--mod-heading-right));--_heading-bottom:var(--heading-bottom, var(--mod-heading-bottom));--_heading-left:var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m:var(--heading-m, var(--mod-heading-m, 0));--_heading-my:var(--heading-my, var(--mod-heading-my));--_heading-mx:var(--heading-mx, var(--mod-heading-mx));--_heading-ml:var(--heading-ml, var(--mod-heading-ml));--_heading-mr:var(--heading-mr, var(--mod-heading-mr));--_heading-mt:var(--heading-mt, var(--mod-heading-mt));--_heading-mb:var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-family:var(--heading-family, var(--mod-heading-family, var(--ds-heading-level-light1-font-family)));--_heading-weight:var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-level-light1-font-weight)));--_heading-line-height:var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-level-light1-line-height)));--_heading-size:var(--heading-size, var(--mod-heading-size, var(--ds-heading-level-light1-font-size)));--_heading-color:var(--heading-color, var(--mod-heading-color, var(--ds-heading-color-primary)));--_heading-margin:var(--heading-margin, var(--mod-heading-margin, var(--ds-device-space-xs)));--_heading-shadow:var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align:var(--heading-text-align, var(--mod-heading-text-align, inherit))}#heading{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;color:var(--_heading-color);font-family:var(--_heading-family);font-weight:var(--_heading-weight);font-size:var(--_heading-size);line-height:var(--_heading-line-height);text-align:var(--_heading-text-align);text-shadow:var(--_heading-shadow)}#heading em:not(.ds-text),#heading span:not(.ds-text){font-weight:inherit}#heading b,#heading strong,#heading .is-bold{font-weight:var(--ds-alias-text-weight-bold)}:host(.has-no-wrap) #heading{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.has-shadow){--mod-heading-shadow:var(--ds-heading-shadow)}:host(.is-inverted){--mod-heading-color:var(--ds-heading-color-inverted)}:host(.is-5xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-display1-font-family);--mod-heading-weight:var(--ds-heading-level-display1-font-weight);--mod-heading-line-height:var(--ds-heading-level-display1-line-height);--mod-heading-size:var(--ds-heading-level-display1-font-size)}:host(.is-5xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light-display1-font-family);--mod-heading-weight:var(--ds-heading-level-light-display1-font-weight);--mod-heading-line-height:var(--ds-heading-level-light-display1-line-height);--mod-heading-size:var(--ds-heading-level-light-display1-font-size)}:host(.is-4xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-display2-font-family);--mod-heading-weight:var(--ds-heading-level-display2-font-weight);--mod-heading-line-height:var(--ds-heading-level-display2-line-height);--mod-heading-size:var(--ds-heading-level-display2-font-size)}:host(.is-4xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light-display2-font-family);--mod-heading-weight:var(--ds-heading-level-light-display2-font-weight);--mod-heading-line-height:var(--ds-heading-level-light-display2-line-height);--mod-heading-size:var(--ds-heading-level-light-display2-font-size)}:host(.is-3xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-1-font-family);--mod-heading-weight:var(--ds-heading-level-1-font-weight);--mod-heading-line-height:var(--ds-heading-level-1-line-height);--mod-heading-size:var(--ds-heading-level-1-font-size)}:host(.is-3xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light1-font-family);--mod-heading-weight:var(--ds-heading-level-light1-font-weight);--mod-heading-line-height:var(--ds-heading-level-light1-line-height);--mod-heading-size:var(--ds-heading-level-light1-font-size)}:host(.is-2xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-2-font-family);--mod-heading-weight:var(--ds-heading-level-2-font-weight);--mod-heading-line-height:var(--ds-heading-level-2-line-height);--mod-heading-size:var(--ds-heading-level-2-font-size)}:host(.is-2xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light2-font-family);--mod-heading-weight:var(--ds-heading-level-light2-font-weight);--mod-heading-line-height:var(--ds-heading-level-light2-line-height);--mod-heading-size:var(--ds-heading-level-light2-font-size)}:host(.is-xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-3-font-family);--mod-heading-weight:var(--ds-heading-level-3-font-weight);--mod-heading-line-height:var(--ds-heading-level-3-line-height);--mod-heading-size:var(--ds-heading-level-3-font-size)}:host(.is-xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light3-font-family);--mod-heading-weight:var(--ds-heading-level-light3-font-weight);--mod-heading-line-height:var(--ds-heading-level-light3-line-height);--mod-heading-size:var(--ds-heading-level-light3-font-size)}:host(.is-lg:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-4-font-family);--mod-heading-weight:var(--ds-heading-level-4-font-weight);--mod-heading-line-height:var(--ds-heading-level-4-line-height);--mod-heading-size:var(--ds-heading-level-4-font-size)}:host(.is-lg.is-subtitle){--mod-heading-family:var(--ds-heading-level-light4-font-family);--mod-heading-weight:var(--ds-heading-level-light4-font-weight);--mod-heading-line-height:var(--ds-heading-level-light4-line-height);--mod-heading-size:var(--ds-heading-level-light4-font-size)}:host(.is-base:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-5-font-family);--mod-heading-weight:var(--ds-heading-level-5-font-weight);--mod-heading-line-height:var(--ds-heading-level-5-line-height);--mod-heading-size:var(--ds-heading-level-5-font-size)}:host(.is-base.is-subtitle){--mod-heading-family:var(--ds-heading-level-light5-font-family);--mod-heading-weight:var(--ds-heading-level-light5-font-weight);--mod-heading-line-height:var(--ds-heading-level-light5-line-height);--mod-heading-size:var(--ds-heading-level-light5-font-size)}:host(.has-space-all){--heading-mt:var(--_heading-margin);--heading-mb:var(--_heading-margin)}:host(.has-space-top){--heading-mt:var(--_heading-margin);--heading-mb:0}:host(.has-space-bottom){--heading-mt:0;--heading-mb:var(--_heading-margin)}:host(.has-space-none){--heading-mt:0;--heading-mb:0}:host{display:block}`;
40027
40102
 
40028
40103
  /**
40029
40104
  * Heading renders semantic HTML heading elements (h1–h6) with flexible styling options for visual hierarchy independent of markup level.
@@ -40109,13 +40184,6 @@ class Heading {
40109
40184
  }
40110
40185
  return 1;
40111
40186
  }
40112
- get fontColor() {
40113
- if (this.inverted) {
40114
- return 'inverted';
40115
- }
40116
- const color = this.color;
40117
- return color ? HEADING_COLOR_MAP[color] : undefined;
40118
- }
40119
40187
  get fontSize() {
40120
40188
  return HEADING_SIZES[this.visualLevel ? this.visualLevel : this.level];
40121
40189
  }
@@ -40139,14 +40207,14 @@ class Heading {
40139
40207
  // 'base': 'level5',
40140
40208
  // }
40141
40209
  // const level = `is-${this.subtitle ? 'light' : 'bold'}-${levelMap[this.autoFontSize || '3xl']}`
40142
- return (hAsync(Host, { key: 'eb6a9d39d3060e7776363272e86413b0c95a807a', class: {
40210
+ return (hAsync(Host, { key: 'b14aed2c5da373bb0b5da6a0a9ebc2b183bea56a', class: {
40143
40211
  [`is-${this.autoFontSize}`]: this.autoFontSize !== undefined,
40144
- [`is-${this.fontColor}`]: hasValue(this.fontColor),
40212
+ 'is-inverted': this.inverted,
40145
40213
  'is-subtitle': this.subtitle,
40146
40214
  [`has-space-${this.space}`]: hasValue(this.space),
40147
40215
  'has-no-wrap': this.noWrap,
40148
40216
  'has-shadow': this.shadow,
40149
- } }, hAsync(Heading, { key: '961c539735e2a0719ae8e2369ebf568718226385', id: "heading", part: "heading", ref: (headingEl) => (this.headingEl = headingEl) }, hAsync("slot", { key: '911e161ed5bb682cfcffc8ee7f6242c1984dfe23' }))));
40217
+ } }, hAsync(Heading, { key: '292e98f4ac28e40767dace83d1c7f859794b22e5', id: "heading", part: "heading", ref: (headingEl) => (this.headingEl = headingEl) }, hAsync("slot", { key: '52c01fec4eb9518ba832010f100988a357a1eb2c' }))));
40150
40218
  }
40151
40219
  get el() { return getElement(this); }
40152
40220
  static get watchers() { return {
@@ -40171,14 +40239,13 @@ class Heading {
40171
40239
  "noWrap": [516, "no-wrap"],
40172
40240
  "subtitle": [516],
40173
40241
  "space": [513],
40174
- "color": [513],
40175
40242
  "inverted": [516],
40176
40243
  "shadow": [516],
40177
40244
  "autoFontSize": [32]
40178
40245
  },
40179
40246
  "$listeners$": undefined,
40180
40247
  "$lazyBundleId$": "-",
40181
- "$attrsToReflect$": [["level", "level"], ["visualLevel", "visual-level"], ["autoLevel", "auto-level"], ["noWrap", "no-wrap"], ["subtitle", "subtitle"], ["space", "space"], ["color", "color"], ["inverted", "inverted"], ["shadow", "shadow"]]
40248
+ "$attrsToReflect$": [["level", "level"], ["visualLevel", "visual-level"], ["autoLevel", "auto-level"], ["noWrap", "no-wrap"], ["subtitle", "subtitle"], ["space", "space"], ["inverted", "inverted"], ["shadow", "shadow"]]
40182
40249
  }; }
40183
40250
  }
40184
40251
  __decorate([
@@ -40211,10 +40278,6 @@ __decorate([
40211
40278
  OneOf(HEADING_SPACES),
40212
40279
  __metadata("design:type", String)
40213
40280
  ], Heading.prototype, "space", void 0);
40214
- __decorate([
40215
- OneOf(HEADING_COLORS),
40216
- __metadata("design:type", String)
40217
- ], Heading.prototype, "color", void 0);
40218
40281
  __decorate([
40219
40282
  Type$1('boolean'),
40220
40283
  __metadata("design:type", Boolean)
@@ -42086,12 +42149,14 @@ const masks = [
42086
42149
  ];
42087
42150
  const getMask = (name) => masks.find(m => m.name === name);
42088
42151
 
42089
- const inputHostCss = () => `:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-default-control-typo-font-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-default-control-typo-font-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-default-control-typo-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-default-control-typo-font-size)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-default-control-value-color)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-default-control-placeholder-color)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-input-color:var(--ds-form-disabled-control-value-color);--mod-input-placeholder:var(--ds-form-disabled-control-placeholder-color)}`;
42152
+ const inputHostCss = () => `:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-default-control-typo-font-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-default-control-typo-font-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-default-control-typo-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-default-control-typo-font-size)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-default-control-value-color)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-default-control-placeholder-color)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;min-width:0;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-input-color:var(--ds-form-disabled-control-value-color);--mod-input-placeholder:var(--ds-form-disabled-control-placeholder-color)}`;
42090
42153
 
42091
42154
  /**
42092
42155
  * Input renders a text input field with validation, masking, autocomplete, and optional help/error messaging.
42093
42156
  *
42094
42157
  * @slot invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`.
42158
+ * @slot start - Content placed before the native input inside the field, for example an icon or a button.
42159
+ * @slot end - Content placed after the native input inside the field, for example an icon or a button.
42095
42160
  * @part input - The native HTML input element.
42096
42161
  * @part prefix - The prefix wrapper (if used).
42097
42162
  * @part suffix - The suffix wrapper (if used).
@@ -42374,7 +42439,7 @@ class Input {
42374
42439
  inputProps = { pattern: this.pattern };
42375
42440
  }
42376
42441
  const isInvalid = this.invalid || this.hasInvalidTextSlotContent;
42377
- return (hAsync(Field, { key: '82b24049b649558af66e14b60210618aba2a0744', disabled: this.disabled, color: this.color, invalid: isInvalid, loading: this.loading, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language }, hAsync("input", Object.assign({ key: 'c4735b5a8d76b75d875bd19c759979e9a1327490', id: "input", part: "input", name: this.name, ref: inputEl => (this.control.nativeEl = inputEl), "aria-describedby": "description", "aria-invalid": isInvalid ? 'true' : 'false', disabled: this.disabled, accept: this.accept, inputMode: this.inputmode, autoCapitalize: this.autocapitalize, autocomplete: this.autocomplete, autocorrect: this.autocorrect, autofocus: this.autofocus, min: this.min, max: this.max, minLength: this.minLength, maxLength: this.maxLength, multiple: this.multiple, placeholder: this.placeholder || '', readonly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: value, onClick: ev => this.handleClick(ev), onFocus: ev => this.handleFocus(ev), onBlur: ev => this.handleBlur(ev), onInput: ev => this.handleInput(ev), onKeyDown: ev => this.handleKeydown(ev), onKeyPress: ev => this.dsKeyPress.emit(ev) }, inputProps, this.inheritedAttributes))));
42442
+ return (hAsync(Field, { key: '6ad3e1924cbae4e2afdf127d2b89a6b99fdf8918', disabled: this.disabled, color: this.color, invalid: isInvalid, loading: this.loading, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language }, hAsync("input", Object.assign({ key: '68b4e4ccec07f6be6399b539a2708e71c35876a2', id: "input", part: "input", name: this.name, ref: inputEl => (this.control.nativeEl = inputEl), "aria-describedby": "description", "aria-invalid": isInvalid ? 'true' : 'false', disabled: this.disabled, accept: this.accept, inputMode: this.inputmode, autoCapitalize: this.autocapitalize, autocomplete: this.autocomplete, autocorrect: this.autocorrect, autofocus: this.autofocus, min: this.min, max: this.max, minLength: this.minLength, maxLength: this.maxLength, multiple: this.multiple, placeholder: this.placeholder || '', readonly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: value, onClick: ev => this.handleClick(ev), onFocus: ev => this.handleFocus(ev), onBlur: ev => this.handleBlur(ev), onInput: ev => this.handleInput(ev), onKeyDown: ev => this.handleKeydown(ev), onKeyPress: ev => this.dsKeyPress.emit(ev) }, inputProps, this.inheritedAttributes))));
42378
42443
  }
42379
42444
  static get formAssociated() { return true; }
42380
42445
  get el() { return getElement(this); }
@@ -44081,7 +44146,7 @@ function validateKeyDown({ key, ctrlKey, metaKey, selectionStart, selectionEnd,
44081
44146
  return true;
44082
44147
  }
44083
44148
 
44084
- const numberInputHostCss = () => `:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-default-control-typo-font-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-default-control-typo-font-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-default-control-typo-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-default-control-typo-font-size)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-default-control-value-color)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-default-control-placeholder-color)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-input-color:var(--ds-form-disabled-control-value-color);--mod-input-placeholder:var(--ds-form-disabled-control-placeholder-color)}`;
44149
+ const numberInputHostCss = () => `:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-default-control-typo-font-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-default-control-typo-font-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-default-control-typo-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-default-control-typo-font-size)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-default-control-value-color)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-default-control-placeholder-color)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;min-width:0;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-input-color:var(--ds-form-disabled-control-value-color);--mod-input-placeholder:var(--ds-form-disabled-control-placeholder-color)}`;
44085
44150
 
44086
44151
  /**
44087
44152
  * Number input renders a specialized text input for numeric values with increment/decrement buttons, formatting, and validation.
@@ -49947,7 +50012,7 @@ function getFlagSvg(code) {
49947
50012
  return flag;
49948
50013
  }
49949
50014
 
49950
- const phoneInputHostCss = () => `:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_phone-input-family:var(--phone-input-family, var(--mod-phone-input-family, var(--ds-form-default-control-typo-font-family)));--_phone-input-weight:var(--phone-input-weight, var(--mod-phone-input-weight, var(--ds-form-default-control-typo-font-weight)));--_phone-input-line-height:var(--phone-input-line-height, var(--mod-phone-input-line-height, var(--ds-form-default-control-typo-line-height)));--_phone-input-size:var(--phone-input-size, var(--mod-phone-input-size, var(--ds-form-default-control-typo-font-size)));--_phone-input-color:var(--phone-input-color, var(--mod-phone-input-color, var(--ds-form-default-control-value-color)));--_phone-input-placeholder:var(--phone-input-placeholder, var(--mod-phone-input-placeholder, var(--ds-form-default-control-placeholder-color)));--_phone-input-flag-width:var(--phone-input-flag-width, var(--mod-phone-input-flag-width, calc(var(--ds-device-space-base) * 1.5)));--_phone-input-flag-height:var(--phone-input-flag-height, var(--mod-phone-input-flag-height, var(--ds-device-space-base)));--_phone-input-flag-empty-background:var(--phone-input-flag-empty-background, var(--mod-phone-input-flag-empty-background, var(--ds-phone-input-flag-background-color-empty)));--_phone-input-flag-empty-radius:var(--phone-input-flag-empty-radius, var(--mod-phone-input-flag-empty-radius, var(--ds-phone-input-flag-radius-empty)));--_phone-input-popup-width:var(--phone-input-popup-width, var(--mod-phone-input-popup-width, 18.75rem));--_phone-input-popup-background:var(--phone-input-popup-background, var(--mod-phone-input-popup-background, var(--ds-phone-input-popup-color-background)));--_phone-input-popup-shadow:var(--phone-input-popup-shadow, var(--mod-phone-input-popup-shadow, var(--ds-select-content-shadow)));--_phone-input-popup-padding:var(--phone-input-popup-padding, var(--mod-phone-input-popup-padding, var(--ds-phone-input-popup-padding)));--_phone-input-popup-radius:var(--phone-input-popup-radius, var(--mod-phone-input-popup-radius, var(--ds-phone-input-popup-radius)));--_phone-input-popup-border:var(--phone-input-popup-border, var(--mod-phone-input-popup-border, var(--ds-phone-input-popup-border)));--_phone-input-filter-placeholder-color:var(--phone-input-filter-placeholder-color, var(--mod-phone-input-filter-placeholder-color, var(--ds-phone-input-filter-color-placeholder)));--_phone-input-scrollbar-color:var(--phone-input-scrollbar-color, var(--mod-phone-input-scrollbar-color, var(--ds-phone-input-scrollbar-color)));--_phone-input-scrollbar-radius:var(--phone-input-scrollbar-radius, var(--mod-phone-input-scrollbar-radius, var(--ds-phone-input-scrollbar-radius)));--_phone-input-scrollbar-border-width:var(--phone-input-scrollbar-border-width, var(--mod-phone-input-scrollbar-border-width, var(--ds-phone-input-scrollbar-border-width)));--_phone-input-option-color:var(--phone-input-option-color, var(--mod-phone-input-option-color, var(--ds-select-option-color-text-base)));--_phone-input-option-background:var(--phone-input-option-background, var(--mod-phone-input-option-background, var(--ds-select-option-color-background-base)));--_phone-input-option-hover-background:var(--phone-input-option-hover-background, var(--mod-phone-input-option-hover-background, var(--ds-select-option-color-background-highlight)));--_phone-input-option-selected-background:var(--phone-input-option-selected-background, var(--mod-phone-input-option-selected-background, var(--ds-select-option-color-background-selected)));--_phone-input-option-border:var(--phone-input-option-border, var(--mod-phone-input-option-border, var(--ds-select-option-color-border)));--_phone-input-option-radius:var(--phone-input-option-radius, var(--mod-phone-input-option-radius, var(--ds-phone-input-option-radius)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_phone-input-color);font-family:var(--_phone-input-family);font-weight:var(--_phone-input-weight);font-size:var(--_phone-input-size);line-height:var(--_phone-input-line-height);border-radius:var(--_phone-input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_phone-input-placeholder)}:host #input::-moz-placeholder{color:var(--_phone-input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_phone-input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_phone-input-placeholder)}:host #input::placeholder{color:var(--_phone-input-placeholder)}:host #input::-moz-placeholder{color:var(--_phone-input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_phone-input-placeholder)}:host #input:-moz-placeholder{color:var(--_phone-input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_phone-input-placeholder)}:host{min-width:0}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap);min-width:0}:host #container{position:relative;min-width:0;gap:0;padding-inline:0}:host #input-segment{-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-item-align:stretch;align-self:stretch;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-inline:.5rem}:host #country-trigger{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:stretch;align-self:stretch;margin:0;padding-inline:calc(.5rem + 2px);border:none;-webkit-border-end:var(--_form-container-border);border-inline-end:var(--_form-container-border);border-radius:0;outline:none;background:rgba(0,0,0,0);color:var(--_phone-input-color);font-family:var(--_phone-input-family);font-weight:var(--_phone-input-weight);font-size:var(--_phone-input-size);line-height:var(--_phone-input-line-height);cursor:pointer}:host #country-trigger:disabled{cursor:default}:host #input-segment{position:relative}:host #country-trigger:focus-visible::after,:host #input-segment:has(#input:focus-visible)::after{content:"";position:absolute;z-index:1;inset-block:calc(var(--ds-alias-border-width-base, 1px)*-1);pointer-events:none;border:var(--_form-container-focus-border)}:host #country-trigger:focus-visible::after{inset-inline:calc(var(--ds-alias-border-width-base, 1px)*-1) 0;border-start-start-radius:var(--_form-container-radius);border-end-start-radius:var(--_form-container-radius);width:100%}:host #input-segment:has(#input:focus-visible)::after{inset-inline:calc(var(--ds-alias-border-width-base, 1px)*-1);border-start-end-radius:var(--_form-container-radius);border-end-end-radius:var(--_form-container-radius)}:host .flag{display:block;width:var(--_phone-input-flag-width);height:var(--_phone-input-flag-height);border-radius:.125rem;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;background:var(--_form-container-background)}:host .flag svg{display:block;width:100%;height:100%}:host .flag.is-empty{background:var(--_phone-input-flag-empty-background);border-radius:var(--_phone-input-flag-empty-radius)}:host .calling-code{white-space:nowrap}:host .chevron{display:block;width:.75rem;height:.75rem;-ms-flex-negative:0;flex-shrink:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--_phone-input-color);-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out}:host(.is-open){z-index:var(--ds-alias-z-index-popup)}:host(.is-open) .chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.is-open) #country-trigger::after{content:"";position:absolute;z-index:1;inset-block:calc(var(--ds-alias-border-width-base, 1px)*-1);inset-inline:calc(var(--ds-alias-border-width-base, 1px)*-1) 0;pointer-events:none;border:var(--_form-container-focus-border);border-start-start-radius:var(--_form-container-radius);border-end-start-radius:var(--_form-container-radius);width:100%}:host #popup{position:absolute;top:100%;left:0;z-index:var(--ds-alias-z-index-popup);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:min(var(--_phone-input-popup-width),100%);max-height:18.75rem;background:var(--_phone-input-popup-background);-webkit-box-shadow:var(--_phone-input-popup-shadow);box-shadow:var(--_phone-input-popup-shadow);overflow:hidden;margin:var(--_phone-input-popup-padding) 0 0 0;border-radius:var(--_phone-input-popup-radius);padding:var(--_phone-input-popup-padding) 0;border:var(--_phone-input-popup-border);transition:transform .2s,opacity .2s,-webkit-transform .2s;opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center top}:host #popup[aria-hidden=true]{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}@media (prefers-reduced-motion: reduce){:host #popup{-webkit-transition:none !important;transition:none !important;-webkit-animation:none !important;animation:none !important}}:host .filter{position:relative;-ms-flex-negative:0;flex-shrink:0;border-bottom:var(--_form-container-border)}:host .filter::before{content:"";position:absolute;top:50%;left:.5rem;width:14px;height:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--_phone-input-filter-placeholder-color);pointer-events:none}:host .filter input{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding:.5rem .5rem .5rem calc(.5rem + 14px + .5rem);border:none;border-radius:0;outline:none;-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,0);color:var(--_phone-input-color);font-family:var(--_phone-input-family);font-size:var(--_phone-input-size)}:host .filter input::-webkit-input-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input::-moz-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input:-ms-input-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input::-ms-input-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input::placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input::-moz-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input::-webkit-input-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input:-moz-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input:-ms-input-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .sr-only{border:none !important;clip:rect(0, 0, 0, 0) !important;height:.01em !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:.01em !important}:host #country-list{-ms-flex:1;flex:1;overflow:auto;padding-top:var(--_phone-input-popup-padding);scrollbar-width:thin;scrollbar-color:var(--_phone-input-scrollbar-color) rgba(0,0,0,0)}:host #country-list::-webkit-scrollbar{width:8px}:host #country-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}:host #country-list::-webkit-scrollbar-thumb{background-color:var(--_phone-input-scrollbar-color);background-clip:padding-box;border:var(--_phone-input-scrollbar-border-width) solid rgba(0,0,0,0);border-radius:var(--_phone-input-scrollbar-radius)}:host .option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem;padding:.5rem;background:var(--_phone-input-option-background);color:var(--_phone-input-option-color);cursor:pointer;border-radius:var(--_phone-input-option-radius);margin:0 var(--_phone-input-popup-padding)}:host .option:last-child{border-bottom:none}:host .option.is-selected{background:var(--_phone-input-option-selected-background)}:host .option.is-active{background:var(--_phone-input-option-hover-background)}:host .option-name{-ms-flex:1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .option-code{-ms-flex-negative:0;flex-shrink:0;color:var(--_phone-input-placeholder)}:host .no-results{padding:.5rem;color:var(--_phone-input-placeholder)}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input,:host(.is-disabled) #country-trigger{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-phone-input-color:var(--ds-form-disabled-control-value-color);--mod-phone-input-placeholder:var(--ds-form-disabled-control-placeholder-color)}@media (prefers-reduced-motion: reduce){:host .chevron{-webkit-transition:none;transition:none}}`;
50015
+ const phoneInputHostCss = () => `:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_phone-input-family:var(--phone-input-family, var(--mod-phone-input-family, var(--ds-form-default-control-typo-font-family)));--_phone-input-weight:var(--phone-input-weight, var(--mod-phone-input-weight, var(--ds-form-default-control-typo-font-weight)));--_phone-input-line-height:var(--phone-input-line-height, var(--mod-phone-input-line-height, var(--ds-form-default-control-typo-line-height)));--_phone-input-size:var(--phone-input-size, var(--mod-phone-input-size, var(--ds-form-default-control-typo-font-size)));--_phone-input-color:var(--phone-input-color, var(--mod-phone-input-color, var(--ds-form-default-control-value-color)));--_phone-input-placeholder:var(--phone-input-placeholder, var(--mod-phone-input-placeholder, var(--ds-form-default-control-placeholder-color)));--_phone-input-flag-width:var(--phone-input-flag-width, var(--mod-phone-input-flag-width, calc(var(--ds-device-space-base) * 1.5)));--_phone-input-flag-height:var(--phone-input-flag-height, var(--mod-phone-input-flag-height, var(--ds-device-space-base)));--_phone-input-flag-empty-background:var(--phone-input-flag-empty-background, var(--mod-phone-input-flag-empty-background, var(--ds-phone-input-flag-background-color-empty)));--_phone-input-flag-empty-radius:var(--phone-input-flag-empty-radius, var(--mod-phone-input-flag-empty-radius, var(--ds-phone-input-flag-radius-empty)));--_phone-input-popup-width:var(--phone-input-popup-width, var(--mod-phone-input-popup-width, 18.75rem));--_phone-input-popup-background:var(--phone-input-popup-background, var(--mod-phone-input-popup-background, var(--ds-phone-input-popup-color-background)));--_phone-input-popup-shadow:var(--phone-input-popup-shadow, var(--mod-phone-input-popup-shadow, var(--ds-select-content-shadow)));--_phone-input-popup-padding:var(--phone-input-popup-padding, var(--mod-phone-input-popup-padding, var(--ds-phone-input-popup-padding)));--_phone-input-popup-radius:var(--phone-input-popup-radius, var(--mod-phone-input-popup-radius, var(--ds-phone-input-popup-radius)));--_phone-input-popup-border:var(--phone-input-popup-border, var(--mod-phone-input-popup-border, var(--ds-phone-input-popup-border)));--_phone-input-filter-placeholder-color:var(--phone-input-filter-placeholder-color, var(--mod-phone-input-filter-placeholder-color, var(--ds-phone-input-filter-color-placeholder)));--_phone-input-scrollbar-color:var(--phone-input-scrollbar-color, var(--mod-phone-input-scrollbar-color, var(--ds-phone-input-scrollbar-color)));--_phone-input-scrollbar-radius:var(--phone-input-scrollbar-radius, var(--mod-phone-input-scrollbar-radius, var(--ds-phone-input-scrollbar-radius)));--_phone-input-scrollbar-border-width:var(--phone-input-scrollbar-border-width, var(--mod-phone-input-scrollbar-border-width, var(--ds-phone-input-scrollbar-border-width)));--_phone-input-option-color:var(--phone-input-option-color, var(--mod-phone-input-option-color, var(--ds-select-option-color-text-base)));--_phone-input-option-background:var(--phone-input-option-background, var(--mod-phone-input-option-background, var(--ds-select-option-color-background-base)));--_phone-input-option-hover-background:var(--phone-input-option-hover-background, var(--mod-phone-input-option-hover-background, var(--ds-select-option-color-background-highlight)));--_phone-input-option-selected-background:var(--phone-input-option-selected-background, var(--mod-phone-input-option-selected-background, var(--ds-select-option-color-background-selected)));--_phone-input-option-border:var(--phone-input-option-border, var(--mod-phone-input-option-border, var(--ds-select-option-color-border)));--_phone-input-option-radius:var(--phone-input-option-radius, var(--mod-phone-input-option-radius, var(--ds-phone-input-option-radius)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;min-width:0;color:var(--_phone-input-color);font-family:var(--_phone-input-family);font-weight:var(--_phone-input-weight);font-size:var(--_phone-input-size);line-height:var(--_phone-input-line-height);border-radius:var(--_phone-input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_phone-input-placeholder)}:host #input::-moz-placeholder{color:var(--_phone-input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_phone-input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_phone-input-placeholder)}:host #input::placeholder{color:var(--_phone-input-placeholder)}:host #input::-moz-placeholder{color:var(--_phone-input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_phone-input-placeholder)}:host #input:-moz-placeholder{color:var(--_phone-input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_phone-input-placeholder)}:host{min-width:0}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap);min-width:0}:host #container{position:relative;min-width:0;gap:0;padding-inline:0}:host #input-segment{-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-item-align:stretch;align-self:stretch;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-inline:.5rem}:host #country-trigger{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:stretch;align-self:stretch;margin:0;padding-inline:calc(.5rem + 2px);border:none;-webkit-border-end:var(--_form-container-border);border-inline-end:var(--_form-container-border);border-radius:0;outline:none;background:rgba(0,0,0,0);color:var(--_phone-input-color);font-family:var(--_phone-input-family);font-weight:var(--_phone-input-weight);font-size:var(--_phone-input-size);line-height:var(--_phone-input-line-height);cursor:pointer}:host #country-trigger:disabled{cursor:default}:host #input-segment{position:relative}:host #country-trigger:focus-visible::after,:host #input-segment:has(#input:focus-visible)::after{content:"";position:absolute;z-index:1;inset-block:calc(var(--ds-alias-border-width-base, 1px)*-1);pointer-events:none;border:var(--_form-container-focus-border)}:host #country-trigger:focus-visible::after{inset-inline:calc(var(--ds-alias-border-width-base, 1px)*-1) 0;border-start-start-radius:var(--_form-container-radius);border-end-start-radius:var(--_form-container-radius);width:100%}:host #input-segment:has(#input:focus-visible)::after{inset-inline:calc(var(--ds-alias-border-width-base, 1px)*-1);border-start-end-radius:var(--_form-container-radius);border-end-end-radius:var(--_form-container-radius)}:host .flag{display:block;width:var(--_phone-input-flag-width);height:var(--_phone-input-flag-height);border-radius:.125rem;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;background:var(--_form-container-background)}:host .flag svg{display:block;width:100%;height:100%}:host .flag.is-empty{background:var(--_phone-input-flag-empty-background);border-radius:var(--_phone-input-flag-empty-radius)}:host .calling-code{white-space:nowrap}:host .chevron{display:block;width:.75rem;height:.75rem;-ms-flex-negative:0;flex-shrink:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--_phone-input-color);-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out}:host(.is-open){z-index:var(--ds-alias-z-index-popup)}:host(.is-open) .chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.is-open) #country-trigger::after{content:"";position:absolute;z-index:1;inset-block:calc(var(--ds-alias-border-width-base, 1px)*-1);inset-inline:calc(var(--ds-alias-border-width-base, 1px)*-1) 0;pointer-events:none;border:var(--_form-container-focus-border);border-start-start-radius:var(--_form-container-radius);border-end-start-radius:var(--_form-container-radius);width:100%}:host #popup{position:absolute;top:100%;left:0;z-index:var(--ds-alias-z-index-popup);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:min(var(--_phone-input-popup-width),100%);max-height:18.75rem;background:var(--_phone-input-popup-background);-webkit-box-shadow:var(--_phone-input-popup-shadow);box-shadow:var(--_phone-input-popup-shadow);overflow:hidden;margin:var(--_phone-input-popup-padding) 0 0 0;border-radius:var(--_phone-input-popup-radius);padding:var(--_phone-input-popup-padding) 0;border:var(--_phone-input-popup-border);transition:transform .2s,opacity .2s,-webkit-transform .2s;opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center top}:host #popup[aria-hidden=true]{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}@media (prefers-reduced-motion: reduce){:host #popup{-webkit-transition:none !important;transition:none !important;-webkit-animation:none !important;animation:none !important}}:host .filter{position:relative;-ms-flex-negative:0;flex-shrink:0;border-bottom:var(--_form-container-border)}:host .filter::before{content:"";position:absolute;top:50%;left:.5rem;width:14px;height:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--_phone-input-filter-placeholder-color);pointer-events:none}:host .filter input{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding:.5rem .5rem .5rem calc(.5rem + 14px + .5rem);border:none;border-radius:0;outline:none;-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,0);color:var(--_phone-input-color);font-family:var(--_phone-input-family);font-size:var(--_phone-input-size)}:host .filter input::-webkit-input-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input::-moz-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input:-ms-input-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input::-ms-input-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input::placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input::-moz-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input::-webkit-input-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input:-moz-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input:-ms-input-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .sr-only{border:none !important;clip:rect(0, 0, 0, 0) !important;height:.01em !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:.01em !important}:host #country-list{-ms-flex:1;flex:1;overflow:auto;padding-top:var(--_phone-input-popup-padding);scrollbar-width:thin;scrollbar-color:var(--_phone-input-scrollbar-color) rgba(0,0,0,0)}:host #country-list::-webkit-scrollbar{width:8px}:host #country-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}:host #country-list::-webkit-scrollbar-thumb{background-color:var(--_phone-input-scrollbar-color);background-clip:padding-box;border:var(--_phone-input-scrollbar-border-width) solid rgba(0,0,0,0);border-radius:var(--_phone-input-scrollbar-radius)}:host .option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem;padding:.5rem;background:var(--_phone-input-option-background);color:var(--_phone-input-option-color);cursor:pointer;border-radius:var(--_phone-input-option-radius);margin:0 var(--_phone-input-popup-padding)}:host .option:last-child{border-bottom:none}:host .option.is-selected{background:var(--_phone-input-option-selected-background)}:host .option.is-active{background:var(--_phone-input-option-hover-background)}:host .option-name{-ms-flex:1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .option-code{-ms-flex-negative:0;flex-shrink:0;color:var(--_phone-input-placeholder)}:host .no-results{padding:.5rem;color:var(--_phone-input-placeholder)}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input,:host(.is-disabled) #country-trigger{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-phone-input-color:var(--ds-form-disabled-control-value-color);--mod-phone-input-placeholder:var(--ds-form-disabled-control-placeholder-color)}@media (prefers-reduced-motion: reduce){:host .chevron{-webkit-transition:none;transition:none}}`;
49951
50016
 
49952
50017
  /**
49953
50018
  * Phone input renders an international phone number field with a country picker
@@ -57249,7 +57314,7 @@ function buildFormat(step) {
57249
57314
  };
57250
57315
  }
57251
57316
 
57252
- const sliderHostCss = () => `.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;-webkit-transform-style:flat;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.noUi-state-drag *{cursor:inherit !important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;-webkit-box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:before,.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub{background:#aaa}.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0, 50%);transform:translate(0, 50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%, 0);transform:translate(50%, 0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0, -18px);transform:translate(0, -18px);top:auto;right:28px}:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_slider-track-height:var(--slider-track-height, var(--mod-slider-track-height, 0.75rem));--_slider-track-radius:var(--slider-track-radius, var(--mod-slider-track-radius, var(--ds-alias-radius-rounded)));--_slider-track-color:var(--slider-track-color, var(--mod-slider-track-color, var(--ds-global-color-grey-2)));--_slider-connect-color:var(--slider-connect-color, var(--mod-slider-connect-color, var(--ds-global-color-primary-5)));--_slider-thumb-size:var(--slider-thumb-size, var(--mod-slider-thumb-size, 1.5rem));--_slider-thumb-radius:var(--slider-thumb-radius, var(--mod-slider-thumb-radius, var(--ds-alias-radius-rounded)));--_slider-thumb-color:var(--slider-thumb-color, var(--mod-slider-thumb-color, var(--ds-global-color-white)));--_slider-thumb-hover-color:var(--slider-thumb-hover-color, var(--mod-slider-thumb-hover-color, var(--ds-global-color-sky-1)));--_slider-thumb-active-color:var(--slider-thumb-active-color, var(--mod-slider-thumb-active-color, var(--ds-global-color-sky-1)));--_slider-thumb-border-color:var(--slider-thumb-border-color, var(--mod-slider-thumb-border-color, var(--ds-global-color-primary-5)));--_slider-thumb-border-color-hover:var(--slider-thumb-border-color-hover, var(--mod-slider-thumb-border-color-hover, var(--ds-global-color-sky-5)));--_slider-thumb-border-color-active:var(--slider-thumb-border-color-active, var(--mod-slider-thumb-border-color-active, var(--ds-global-color-primary-6)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{padding-inline:calc(var(--_slider-thumb-size)/2)}:host #slider{width:100%;cursor:pointer;height:var(--_slider-track-height);background:var(--_slider-track-color);border:none;border-radius:var(--_slider-track-radius);-webkit-box-shadow:none;box-shadow:none}:host .noUi-connects{border-radius:var(--_slider-track-radius)}:host .noUi-connect{background:var(--_slider-connect-color)}:host .noUi-handle{width:var(--_slider-thumb-size);height:var(--_slider-thumb-size);top:calc((var(--_slider-track-height) - var(--_slider-thumb-size))/2);right:calc(var(--_slider-thumb-size)/-2);background:var(--_slider-thumb-color);border:2px solid var(--_slider-thumb-border-color);border-radius:var(--_slider-thumb-radius);-webkit-box-shadow:#fff 0 0 0 2px;box-shadow:#fff 0 0 0 2px;cursor:-webkit-grab;cursor:grab}:host .noUi-handle::before,:host .noUi-handle::after{display:none}@media (hover: hover)and (pointer: fine){:host .noUi-handle:hover{background:var(--_slider-thumb-hover-color);border-color:var(--_slider-thumb-border-color-hover)}}:host .noUi-handle:active,:host .noUi-handle.noUi-active{background:var(--_slider-thumb-active-color);border-color:var(--_slider-thumb-border-color-active);cursor:-webkit-grabbing;cursor:grabbing}:host .noUi-handle:focus-visible{outline:none}@media (hover: hover)and (pointer: fine){:host .noUi-handle:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host .noUi-tooltip{background:var(--ds-global-color-primary-5);color:var(--ds-global-color-white);font-size:var(--ds-alias-text-size-sm);font-weight:var(--ds-alias-text-weight-bold);font-family:var(--ds-alias-text-family-text);border-radius:var(--ds-alias-radius-rounded);line-height:1;padding:.4rem .4rem;bottom:130%;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translate(-50%, 4px);transform:translate(-50%, 4px);-webkit-transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);will-change:opacity,transform}:host .noUi-handle.noUi-active .noUi-tooltip,:host .noUi-handle:hover .noUi-tooltip,:host .noUi-handle:active .noUi-tooltip,:host .noUi-handle:focus-visible .noUi-tooltip{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms;transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1)}@media (prefers-reduced-motion: reduce){:host .noUi-tooltip{-webkit-transition:none !important;transition:none !important}}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-slider-connect-color:var(--ds-alias-text-color-danger);--mod-slider-thumb-border-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color);--mod-slider-connect-color:var(--ds-alias-text-color-success);--mod-slider-thumb-border-color:var(--ds-alias-text-color-success)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color);--mod-slider-connect-color:var(--ds-alias-text-color-warning);--mod-slider-thumb-border-color:var(--ds-alias-text-color-warning)}:host(.is-brand-yellow){--mod-slider-track-color:var(--ds-global-color-yellow-2);--mod-slider-connect-color:var(--ds-global-color-yellow-4)}:host(.is-brand-purple){--mod-slider-track-color:var(--ds-global-color-purple-2);--mod-slider-connect-color:var(--ds-global-color-purple-4)}:host(.is-brand-red){--mod-slider-track-color:var(--ds-global-color-red-2);--mod-slider-connect-color:var(--ds-global-color-red-4)}:host(.is-brand-green){--mod-slider-track-color:var(--ds-global-color-green-2);--mod-slider-connect-color:var(--ds-global-color-green-4)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #slider{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-slider-track-color:var(--ds-global-color-grey-1);--mod-slider-connect-color:var(--ds-global-color-grey-3);--mod-slider-thumb-color:var(--ds-global-color-grey-3);--mod-slider-thumb-border-color:var(--ds-global-color-grey-3)}:host(.is-disabled) .noUi-handle{cursor:default}`;
57317
+ const sliderHostCss = () => `.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;-webkit-transform-style:flat;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.noUi-state-drag *{cursor:inherit !important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;-webkit-box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:before,.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub{background:#aaa}.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0, 50%);transform:translate(0, 50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%, 0);transform:translate(50%, 0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0, -18px);transform:translate(0, -18px);top:auto;right:28px}:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_slider-track-height:var(--slider-track-height, var(--mod-slider-track-height, 0.75rem));--_slider-track-radius:var(--slider-track-radius, var(--mod-slider-track-radius, var(--ds-alias-radius-rounded)));--_slider-track-color:var(--slider-track-color, var(--mod-slider-track-color, var(--ds-global-color-grey-2)));--_slider-connect-color:var(--slider-connect-color, var(--mod-slider-connect-color, var(--ds-global-color-primary-5)));--_slider-thumb-size:var(--slider-thumb-size, var(--mod-slider-thumb-size, 1.5rem));--_slider-thumb-radius:var(--slider-thumb-radius, var(--mod-slider-thumb-radius, var(--ds-alias-radius-rounded)));--_slider-thumb-color:var(--slider-thumb-color, var(--mod-slider-thumb-color, var(--ds-global-color-white)));--_slider-thumb-hover-color:var(--slider-thumb-hover-color, var(--mod-slider-thumb-hover-color, var(--ds-global-color-sky-1)));--_slider-thumb-active-color:var(--slider-thumb-active-color, var(--mod-slider-thumb-active-color, var(--ds-global-color-sky-1)));--_slider-thumb-border-color:var(--slider-thumb-border-color, var(--mod-slider-thumb-border-color, var(--ds-global-color-primary-5)));--_slider-thumb-border-color-hover:var(--slider-thumb-border-color-hover, var(--mod-slider-thumb-border-color-hover, var(--ds-global-color-sky-5)));--_slider-thumb-border-color-active:var(--slider-thumb-border-color-active, var(--mod-slider-thumb-border-color-active, var(--ds-global-color-primary-6)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{padding-inline:calc(var(--_slider-thumb-size)/2)}:host #slider{width:100%;cursor:pointer;height:var(--_slider-track-height);background:var(--_slider-track-color);border:none;border-radius:var(--_slider-track-radius);-webkit-box-shadow:none;box-shadow:none}:host .noUi-connects{border-radius:var(--_slider-track-radius)}:host .noUi-connect{background:var(--_slider-connect-color)}:host .noUi-handle{width:var(--_slider-thumb-size);height:var(--_slider-thumb-size);top:calc((var(--_slider-track-height) - var(--_slider-thumb-size))/2);right:calc(var(--_slider-thumb-size)/-2);background:var(--_slider-thumb-color);border:2px solid var(--_slider-thumb-border-color);border-radius:var(--_slider-thumb-radius);-webkit-box-shadow:#fff 0 0 0 2px;box-shadow:#fff 0 0 0 2px;cursor:-webkit-grab;cursor:grab}:host .noUi-handle::before,:host .noUi-handle::after{display:none}@media (hover: hover)and (pointer: fine){:host .noUi-handle:hover{background:var(--_slider-thumb-hover-color);border-color:var(--_slider-thumb-border-color-hover)}}:host .noUi-handle:active,:host .noUi-handle.noUi-active{background:var(--_slider-thumb-active-color);border-color:var(--_slider-thumb-border-color-active);cursor:-webkit-grabbing;cursor:grabbing}:host .noUi-handle:focus-visible{outline:none}@media (hover: hover)and (pointer: fine){:host .noUi-handle:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host .noUi-tooltip{background:var(--ds-global-color-primary-5);color:var(--ds-global-color-white);font-size:var(--ds-alias-text-size-sm);font-weight:var(--ds-alias-text-weight-bold);font-family:var(--ds-alias-text-family-text);border-radius:var(--ds-alias-radius-rounded);line-height:1;padding:.4rem .4rem;bottom:130%;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translate(-50%, 4px);transform:translate(-50%, 4px);-webkit-transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);will-change:opacity,transform}:host .noUi-handle.noUi-active .noUi-tooltip,:host .noUi-handle:hover .noUi-tooltip,:host .noUi-handle:active .noUi-tooltip,:host .noUi-handle:focus-visible .noUi-tooltip{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms;transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1)}@media (prefers-reduced-motion: reduce){:host .noUi-tooltip{-webkit-transition:none !important;transition:none !important}}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-slider-connect-color:var(--ds-alias-text-color-danger);--mod-slider-thumb-border-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color);--mod-slider-connect-color:var(--ds-alias-text-color-success);--mod-slider-thumb-border-color:var(--ds-alias-text-color-success)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color);--mod-slider-connect-color:var(--ds-alias-text-color-warning);--mod-slider-thumb-border-color:var(--ds-alias-text-color-warning)}:host(.is-brand-yellow){--mod-slider-track-color:var(--ds-global-color-yellow-2);--mod-slider-connect-color:var(--ds-global-color-yellow-4)}:host(.is-brand-purple){--mod-slider-track-color:var(--ds-global-color-purple-2);--mod-slider-connect-color:var(--ds-global-color-purple-4)}:host(.is-brand-red){--mod-slider-track-color:var(--ds-global-color-red-2);--mod-slider-connect-color:var(--ds-global-color-red-4)}:host(.is-brand-green){--mod-slider-track-color:var(--ds-global-color-green-2);--mod-slider-connect-color:var(--ds-global-color-green-4)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #slider{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-slider-track-color:var(--ds-global-color-grey-1);--mod-slider-connect-color:var(--ds-global-color-grey-3);--mod-slider-thumb-color:var(--ds-global-color-grey-3);--mod-slider-thumb-border-color:var(--ds-global-color-grey-3)}:host(.is-disabled) .noUi-handle{cursor:default}`;
57253
57318
 
57254
57319
  /**
57255
57320
  * Slider renders a noUiSlider-backed slider with validation and label/description messaging.
@@ -58269,10 +58334,12 @@ class Stack {
58269
58334
  if (this.alignment) {
58270
58335
  alignValue = this.alignment.split(' ').join('-');
58271
58336
  }
58272
- return (hAsync(Host, { key: '9d2f5fd3de8f6cf59064882572af921214b1e046', class: {
58337
+ return (hAsync(Host, { key: 'daf62e1eb100f42244b08750517a8d3b5120d0ab', class: {
58273
58338
  'ds-stack': true,
58274
58339
  'as-row': this.direction === 'row',
58275
58340
  'as-col': this.direction === 'column',
58341
+ 'as-row-reverse': this.direction === 'row-reverse',
58342
+ 'as-col-reverse': this.direction === 'column-reverse',
58276
58343
  'has-wrap': this.useWrap === true,
58277
58344
  'fit-content': this.fitContent === true,
58278
58345
  [`align-${alignValue}`]: align || alignment,
@@ -58282,7 +58349,7 @@ class Stack {
58282
58349
  [`p-${p}`]: hasValue(this.p),
58283
58350
  [`px-${px}`]: hasValue(this.px),
58284
58351
  [`py-${py}`]: hasValue(this.py),
58285
- } }, hAsync("slot", { key: '1dfe4af03e413819e9f0091fed1045806e2ea858' })));
58352
+ } }, hAsync("slot", { key: 'ed60bade936acf7e29d472cdfb7e21f5ca734509' })));
58286
58353
  }
58287
58354
  get el() { return getElement(this); }
58288
58355
  static get style() { return stackHostCss(); }
@@ -59749,7 +59816,7 @@ __decorate([
59749
59816
 
59750
59817
  const TEXTAREA_WRAPS = ['hard', 'soft', 'off'];
59751
59818
 
59752
- const textareaHostCss = () => `:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_textarea-family:var(--textarea-family, var(--mod-textarea-family, var(--ds-form-default-control-typo-font-family)));--_textarea-weight:var(--textarea-weight, var(--mod-textarea-weight, var(--ds-form-default-control-typo-font-weight)));--_textarea-line-height:var(--textarea-line-height, var(--mod-textarea-line-height, var(--ds-form-default-control-typo-line-height)));--_textarea-size:var(--textarea-size, var(--mod-textarea-size, var(--ds-form-default-control-typo-font-size)));--_textarea-color:var(--textarea-color, var(--mod-textarea-color, var(--ds-form-default-control-value-color)));--_textarea-placeholder:var(--textarea-placeholder, var(--mod-textarea-placeholder, var(--ds-form-default-control-placeholder-color)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #textarea{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_textarea-color);font-family:var(--_textarea-family);font-weight:var(--_textarea-weight);font-size:var(--_textarea-size);line-height:var(--_textarea-line-height);border-radius:var(--_textarea-container-radius)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host textarea{padding:0}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-ms-flex-align:center;align-items:center;padding-block:.5rem}:host #container textarea{resize:vertical}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #textarea{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-textarea-color:var(--ds-form-disabled-control-value-color);--mod-textarea-placeholder:var(--ds-form-disabled-control-placeholder-color)}`;
59819
+ const textareaHostCss = () => `:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_textarea-family:var(--textarea-family, var(--mod-textarea-family, var(--ds-form-default-control-typo-font-family)));--_textarea-weight:var(--textarea-weight, var(--mod-textarea-weight, var(--ds-form-default-control-typo-font-weight)));--_textarea-line-height:var(--textarea-line-height, var(--mod-textarea-line-height, var(--ds-form-default-control-typo-line-height)));--_textarea-size:var(--textarea-size, var(--mod-textarea-size, var(--ds-form-default-control-typo-font-size)));--_textarea-color:var(--textarea-color, var(--mod-textarea-color, var(--ds-form-default-control-value-color)));--_textarea-placeholder:var(--textarea-placeholder, var(--mod-textarea-placeholder, var(--ds-form-default-control-placeholder-color)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #textarea{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;min-width:0;color:var(--_textarea-color);font-family:var(--_textarea-family);font-weight:var(--_textarea-weight);font-size:var(--_textarea-size);line-height:var(--_textarea-line-height);border-radius:var(--_textarea-container-radius)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host textarea{padding:0}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{-ms-flex-align:center;align-items:center;padding-block:.5rem}:host #container textarea{resize:vertical}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #textarea{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-textarea-color:var(--ds-form-disabled-control-value-color);--mod-textarea-placeholder:var(--ds-form-disabled-control-placeholder-color)}`;
59753
59820
 
59754
59821
  /**
59755
59822
  * Textarea renders a multi-line text input field with validation, resizing, and optional help/error messaging.
@@ -60377,7 +60444,7 @@ const TOGGLE_LABEL_POSITIONS = ['left', 'top', 'right'];
60377
60444
  // export type ToggleGroupBlurDetail = FocusEvent
60378
60445
  // export type ToggleGroupBlur = ToggleGroupCustomEvent<ToggleGroupBlurDetail>
60379
60446
 
60380
- const toggleHostCss = () => `:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{--_toggle-gap:var(--toggle-gap, var(--mod-toggle-gap, 0.5rem));--_toggle-label-base-color:var(--toggle-label-base-color, var(--mod-toggle-label-base-color, inherit));--_toggle-label-hover-color:var(--toggle-label-hover-color, var(--mod-toggle-label-hover-color, var(--ds-toggle-label-color-hover)));--_toggle-label-active-color:var(--toggle-label-active-color, var(--mod-toggle-label-active-color, var(--ds-toggle-label-color-active)));--_toggle-label-disabled-color:var(--toggle-label-disabled-color, var(--mod-toggle-label-disabled-color, var(--ds-toggle-label-color-disabled)));--_toggle-height:var(--toggle-height, var(--mod-toggle-height, 1.5rem));--_toggle-width:var(--toggle-width, var(--mod-toggle-width, 2.5rem));--_toggle-border-width:var(--toggle-border-width, var(--mod-toggle-border-width, var(--ds-toggle-border-width)));--_toggle-radius:var(--toggle-radius, var(--mod-toggle-radius, var(--ds-toggle-radius)));--_toggle-py:var(--toggle-py, var(--mod-toggle-py, 0.25rem));--_toggle-min-height:var(--toggle-min-height, var(--mod-toggle-min-height, 3rem));--_toggle-unchecked-base-color-background:var(--toggle-unchecked-base-color-background, var(--mod-toggle-unchecked-base-color-background, var(--ds-toggle-unchecked-color-base-background)));--_toggle-unchecked-base-color-tick:var(--toggle-unchecked-base-color-tick, var(--mod-toggle-unchecked-base-color-tick, var(--ds-toggle-unchecked-color-base-tick)));--_toggle-unchecked-hover-color-background:var(--toggle-unchecked-hover-color-background, var(--mod-toggle-unchecked-hover-color-background, var(--ds-toggle-unchecked-color-hover-background)));--_toggle-unchecked-hover-color-tick:var(--toggle-unchecked-hover-color-tick, var(--mod-toggle-unchecked-hover-color-tick, var(--ds-toggle-unchecked-color-hover-tick)));--_toggle-unchecked-active-color-background:var(--toggle-unchecked-active-color-background, var(--mod-toggle-unchecked-active-color-background, var(--ds-toggle-unchecked-color-active-background)));--_toggle-unchecked-active-color-tick:var(--toggle-unchecked-active-color-tick, var(--mod-toggle-unchecked-active-color-tick, var(--ds-toggle-unchecked-color-active-tick)));--_toggle-unchecked-disabled-color-background:var(--toggle-unchecked-disabled-color-background, var(--mod-toggle-unchecked-disabled-color-background, var(--ds-toggle-unchecked-color-disabled-background)));--_toggle-unchecked-disabled-color-tick:var(--toggle-unchecked-disabled-color-tick, var(--mod-toggle-unchecked-disabled-color-tick, var(--ds-toggle-unchecked-color-disabled-tick)));--_toggle-checked-base-color-background:var(--toggle-checked-base-color-background, var(--mod-toggle-checked-base-color-background, var(--ds-toggle-checked-color-base-background)));--_toggle-checked-base-color-tick:var(--toggle-checked-base-color-tick, var(--mod-toggle-checked-base-color-tick, var(--ds-toggle-checked-color-base-tick)));--_toggle-checked-base-color-icon:var(--toggle-checked-base-color-icon, var(--mod-toggle-checked-base-color-icon, var(--ds-toggle-checked-color-base-icon)));--_toggle-checked-hover-color-background:var(--toggle-checked-hover-color-background, var(--mod-toggle-checked-hover-color-background, var(--ds-toggle-checked-color-hover-background)));--_toggle-checked-hover-color-tick:var(--toggle-checked-hover-color-tick, var(--mod-toggle-checked-hover-color-tick, var(--ds-toggle-checked-color-hover-tick)));--_toggle-checked-active-color-background:var(--toggle-checked-active-color-background, var(--mod-toggle-checked-active-color-background, var(--ds-toggle-checked-color-active-background)));--_toggle-checked-active-color-tick:var(--toggle-checked-active-color-tick, var(--mod-toggle-checked-active-color-tick, var(--ds-toggle-checked-color-active-tick)));--_toggle-checked-disabled-color-background:var(--toggle-checked-disabled-color-background, var(--mod-toggle-checked-disabled-color-background, var(--ds-toggle-checked-color-disabled-background)));--_toggle-checked-disabled-color-tick:var(--toggle-checked-disabled-color-tick, var(--mod-toggle-checked-disabled-color-tick, var(--ds-toggle-checked-color-disabled-tick)))}:host{display:inline-block;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;outline:none}label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--_toggle-gap);cursor:pointer;user-select:none;color:var(--_toggle-label-base-color);font-family:var(--ds-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text);padding-top:var(--_toggle-py);padding-bottom:var(--_toggle-py);min-height:var(--_toggle-min-height)}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_toggle-label-hover-color)}}label:active{color:var(--_toggle-label-active-color)}:host input[type=checkbox]{position:relative;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;padding:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_toggle-width);height:var(--_toggle-height);background:var(--_toggle-unchecked-base-color-background);border:var(--_toggle-border-width) solid var(--_toggle-unchecked-base-color-border);border-radius:var(--_toggle-radius);vertical-align:top;outline:none;cursor:pointer}:host input[type=checkbox]:disabled{cursor:default}@media (hover: hover)and (pointer: fine){:host input[type=checkbox]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-hover-color-background)}:host input[type=checkbox]:not(:disabled):hover::before,:host:hover input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-hover-color-tick)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-active-color-background)}:host input[type=checkbox]:not(:disabled):active::before,:host:active input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-active-color-tick)}:host input[type=checkbox]:checked{background:var(--_toggle-checked-base-color-background)}:host input[type=checkbox]:checked::before{background:var(--_toggle-checked-base-color-tick)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-hover-color-background)}:host input[type=checkbox]:checked:not(:disabled):hover::before,:host:hover input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-hover-color-tick)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-active-color-background)}:host input[type=checkbox]:checked:not(:disabled):active::before,:host:active input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-active-color-tick)}:host input[type=checkbox]::before{display:block;content:"";width:1rem;height:1rem;background:var(--_toggle-unchecked-base-color-tick);border-radius:var(--_toggle-radius);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;z-index:1}:host input[type=checkbox]:checked::before{-webkit-transform:translateX(100%);transform:translateX(100%)}:host input[type=checkbox]::after{position:absolute;display:block;content:"";-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;left:5px;width:12px;height:12px;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:0;z-index:0}:host input[type=checkbox]:checked::after{opacity:1;background-color:var(--_toggle-checked-base-color-icon);-webkit-mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>")}:host(.is-dense){--mod-toggle-min-height:2rem;--mod-toggle-py:0}:host(.is-invalid:not(.is-disabled)){--mod-toggle-label-base-color:var(--ds-global-color-danger-4);--mod-toggle-label-hover-color:var(--ds-global-color-danger-5);--mod-toggle-label-active-color:var(--ds-global-color-danger-6);--mod-toggle-unchecked-base-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-base-color-tick:var(--ds-global-color-danger-4);--mod-toggle-unchecked-hover-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-hover-color-tick:var(--ds-global-color-danger-5);--mod-toggle-unchecked-active-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-active-color-tick:var(--ds-global-color-danger-6);--mod-toggle-checked-base-color-background:var(--ds-global-color-danger-4);--mod-toggle-checked-base-color-tick:var(--ds-global-color-white);--mod-toggle-checked-hover-color-background:var(--ds-global-color-danger-5);--mod-toggle-checked-hover-color-tick:var(--ds-global-color-white);--mod-toggle-checked-active-color-background:var(--ds-global-color-danger-6);--mod-toggle-checked-active-color-tick:var(--ds-global-color-white)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-toggle-label-base-color:var(--_toggle-label-disabled-color);--mod-toggle-label-hover-color:var(--_toggle-label-disabled-color);--mod-toggle-label-active-color:var(--_toggle-label-disabled-color);--mod-toggle-unchecked-base-color-background:var(--_toggle-unchecked-disabled-color-background);--mod-toggle-unchecked-base-color-tick:var(--_toggle-unchecked-disabled-color-tick);--mod-toggle-checked-base-color-background:var(--_toggle-checked-disabled-color-background);--mod-toggle-checked-base-color-tick:var(--_toggle-checked-disabled-color-tick)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{display:contents}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host(.is-invalid){--mod-form-description-color:var(--ds-form-danger-description-color)}:host(.ds-field){display:inline-block !important;width:auto !important;-ms-flex:none !important;flex:none !important;margin-top:0 !important;margin-bottom:0 !important}:host(.has-label-left) label{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.has-label-top) label{-ms-flex-direction:column-reverse;flex-direction:column-reverse}`;
60447
+ const toggleHostCss = () => `:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{--_toggle-gap:var(--toggle-gap, var(--mod-toggle-gap, 0.5rem));--_toggle-label-base-color:var(--toggle-label-base-color, var(--mod-toggle-label-base-color, inherit));--_toggle-label-hover-color:var(--toggle-label-hover-color, var(--mod-toggle-label-hover-color, var(--ds-toggle-label-color-hover)));--_toggle-label-active-color:var(--toggle-label-active-color, var(--mod-toggle-label-active-color, var(--ds-toggle-label-color-active)));--_toggle-label-disabled-color:var(--toggle-label-disabled-color, var(--mod-toggle-label-disabled-color, var(--ds-toggle-label-color-disabled)));--_toggle-height:var(--toggle-height, var(--mod-toggle-height, 1.5rem));--_toggle-width:var(--toggle-width, var(--mod-toggle-width, 2.5rem));--_toggle-border-width:var(--toggle-border-width, var(--mod-toggle-border-width, var(--ds-toggle-border-width)));--_toggle-radius:var(--toggle-radius, var(--mod-toggle-radius, var(--ds-toggle-radius)));--_toggle-py:var(--toggle-py, var(--mod-toggle-py, 0.25rem));--_toggle-min-height:var(--toggle-min-height, var(--mod-toggle-min-height, 3rem));--_toggle-unchecked-base-color-background:var(--toggle-unchecked-base-color-background, var(--mod-toggle-unchecked-base-color-background, var(--ds-toggle-unchecked-color-base-background)));--_toggle-unchecked-base-color-tick:var(--toggle-unchecked-base-color-tick, var(--mod-toggle-unchecked-base-color-tick, var(--ds-toggle-unchecked-color-base-tick)));--_toggle-unchecked-hover-color-background:var(--toggle-unchecked-hover-color-background, var(--mod-toggle-unchecked-hover-color-background, var(--ds-toggle-unchecked-color-hover-background)));--_toggle-unchecked-hover-color-tick:var(--toggle-unchecked-hover-color-tick, var(--mod-toggle-unchecked-hover-color-tick, var(--ds-toggle-unchecked-color-hover-tick)));--_toggle-unchecked-active-color-background:var(--toggle-unchecked-active-color-background, var(--mod-toggle-unchecked-active-color-background, var(--ds-toggle-unchecked-color-active-background)));--_toggle-unchecked-active-color-tick:var(--toggle-unchecked-active-color-tick, var(--mod-toggle-unchecked-active-color-tick, var(--ds-toggle-unchecked-color-active-tick)));--_toggle-unchecked-disabled-color-background:var(--toggle-unchecked-disabled-color-background, var(--mod-toggle-unchecked-disabled-color-background, var(--ds-toggle-unchecked-color-disabled-background)));--_toggle-unchecked-disabled-color-tick:var(--toggle-unchecked-disabled-color-tick, var(--mod-toggle-unchecked-disabled-color-tick, var(--ds-toggle-unchecked-color-disabled-tick)));--_toggle-checked-base-color-background:var(--toggle-checked-base-color-background, var(--mod-toggle-checked-base-color-background, var(--ds-toggle-checked-color-base-background)));--_toggle-checked-base-color-tick:var(--toggle-checked-base-color-tick, var(--mod-toggle-checked-base-color-tick, var(--ds-toggle-checked-color-base-tick)));--_toggle-checked-base-color-icon:var(--toggle-checked-base-color-icon, var(--mod-toggle-checked-base-color-icon, var(--ds-toggle-checked-color-base-icon)));--_toggle-checked-hover-color-background:var(--toggle-checked-hover-color-background, var(--mod-toggle-checked-hover-color-background, var(--ds-toggle-checked-color-hover-background)));--_toggle-checked-hover-color-tick:var(--toggle-checked-hover-color-tick, var(--mod-toggle-checked-hover-color-tick, var(--ds-toggle-checked-color-hover-tick)));--_toggle-checked-active-color-background:var(--toggle-checked-active-color-background, var(--mod-toggle-checked-active-color-background, var(--ds-toggle-checked-color-active-background)));--_toggle-checked-active-color-tick:var(--toggle-checked-active-color-tick, var(--mod-toggle-checked-active-color-tick, var(--ds-toggle-checked-color-active-tick)));--_toggle-checked-disabled-color-background:var(--toggle-checked-disabled-color-background, var(--mod-toggle-checked-disabled-color-background, var(--ds-toggle-checked-color-disabled-background)));--_toggle-checked-disabled-color-tick:var(--toggle-checked-disabled-color-tick, var(--mod-toggle-checked-disabled-color-tick, var(--ds-toggle-checked-color-disabled-tick)))}:host{display:inline-block;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;outline:none}label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--_toggle-gap);cursor:pointer;user-select:none;color:var(--_toggle-label-base-color);font-family:var(--ds-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text);padding-top:var(--_toggle-py);padding-bottom:var(--_toggle-py);min-height:var(--_toggle-min-height)}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_toggle-label-hover-color)}}label:active{color:var(--_toggle-label-active-color)}:host input[type=checkbox]{position:relative;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;padding:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_toggle-width);height:var(--_toggle-height);background:var(--_toggle-unchecked-base-color-background);border:var(--_toggle-border-width) solid var(--_toggle-unchecked-base-color-border);border-radius:var(--_toggle-radius);vertical-align:top;outline:none;cursor:pointer}:host input[type=checkbox]:disabled{cursor:default}@media (hover: hover)and (pointer: fine){:host input[type=checkbox]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-hover-color-background)}:host input[type=checkbox]:not(:disabled):hover::before,:host:hover input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-hover-color-tick)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-active-color-background)}:host input[type=checkbox]:not(:disabled):active::before,:host:active input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-active-color-tick)}:host input[type=checkbox]:checked{background:var(--_toggle-checked-base-color-background)}:host input[type=checkbox]:checked::before{background:var(--_toggle-checked-base-color-tick)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-hover-color-background)}:host input[type=checkbox]:checked:not(:disabled):hover::before,:host:hover input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-hover-color-tick)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-active-color-background)}:host input[type=checkbox]:checked:not(:disabled):active::before,:host:active input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-active-color-tick)}:host input[type=checkbox]::before{display:block;content:"";width:1rem;height:1rem;background:var(--_toggle-unchecked-base-color-tick);border-radius:var(--_toggle-radius);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;z-index:1}:host input[type=checkbox]:checked::before{-webkit-transform:translateX(100%);transform:translateX(100%)}:host input[type=checkbox]::after{position:absolute;display:block;content:"";-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;left:5px;width:12px;height:12px;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:0;z-index:0}:host input[type=checkbox]:checked::after{opacity:1;background-color:var(--_toggle-checked-base-color-icon);-webkit-mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>")}:host(.is-dense){--mod-toggle-min-height:2rem;--mod-toggle-py:0}:host(.is-invalid:not(.is-disabled)){--mod-toggle-label-base-color:var(--ds-global-color-danger-4);--mod-toggle-label-hover-color:var(--ds-global-color-danger-5);--mod-toggle-label-active-color:var(--ds-global-color-danger-6);--mod-toggle-unchecked-base-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-base-color-tick:var(--ds-global-color-danger-4);--mod-toggle-unchecked-hover-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-hover-color-tick:var(--ds-global-color-danger-5);--mod-toggle-unchecked-active-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-active-color-tick:var(--ds-global-color-danger-6);--mod-toggle-checked-base-color-background:var(--ds-global-color-danger-4);--mod-toggle-checked-base-color-tick:var(--ds-global-color-white);--mod-toggle-checked-hover-color-background:var(--ds-global-color-danger-5);--mod-toggle-checked-hover-color-tick:var(--ds-global-color-white);--mod-toggle-checked-active-color-background:var(--ds-global-color-danger-6);--mod-toggle-checked-active-color-tick:var(--ds-global-color-white)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-toggle-label-base-color:var(--_toggle-label-disabled-color);--mod-toggle-label-hover-color:var(--_toggle-label-disabled-color);--mod-toggle-label-active-color:var(--_toggle-label-disabled-color);--mod-toggle-unchecked-base-color-background:var(--_toggle-unchecked-disabled-color-background);--mod-toggle-unchecked-base-color-tick:var(--_toggle-unchecked-disabled-color-tick);--mod-toggle-checked-base-color-background:var(--_toggle-checked-disabled-color-background);--mod-toggle-checked-base-color-tick:var(--_toggle-checked-disabled-color-tick)}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{display:contents}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host(.is-invalid){--mod-form-description-color:var(--ds-form-danger-description-color)}:host(.ds-field){display:inline-block !important;width:auto !important;-ms-flex:none !important;flex:none !important;margin-top:0 !important;margin-bottom:0 !important}:host(.has-label-left) label{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.has-label-top) label{-ms-flex-direction:column-reverse;flex-direction:column-reverse}`;
60381
60448
 
60382
60449
  /**
60383
60450
  * Toggle renders a switch-like form control for toggling between on/off states with optional label and help text.