@gov-design-system-ce/components 0.0.36 → 0.0.38

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 (490) hide show
  1. package/dist/cjs/{constants-245999e7.js → constants-ff12205f.js} +1 -1
  2. package/dist/cjs/constants-ff12205f.js.map +1 -0
  3. package/dist/cjs/core.cjs.js +1 -1
  4. package/dist/cjs/{form-62c6a8c6.js → form-f68d13c6.js} +2 -2
  5. package/dist/cjs/form-f68d13c6.js.map +1 -0
  6. package/dist/cjs/gov-accordion.cjs.entry.js +2 -2
  7. package/dist/cjs/gov-alert.cjs.entry.js +2 -2
  8. package/dist/cjs/gov-alert.cjs.entry.js.map +1 -1
  9. package/dist/cjs/gov-app.cjs.entry.js +1122 -663
  10. package/dist/cjs/gov-app.cjs.entry.js.map +1 -1
  11. package/dist/cjs/gov-attachments_3.cjs.entry.js +2 -2
  12. package/dist/cjs/gov-backdrop.cjs.entry.js +2 -2
  13. package/dist/cjs/gov-badge.cjs.entry.js +2 -2
  14. package/dist/cjs/gov-badge.cjs.entry.js.map +1 -1
  15. package/dist/cjs/gov-breadcrumbs.cjs.entry.js +2 -2
  16. package/dist/cjs/gov-button.cjs.entry.js +4 -4
  17. package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
  18. package/dist/cjs/gov-card.cjs.entry.js +2 -2
  19. package/dist/cjs/gov-control-group.cjs.entry.js +42 -0
  20. package/dist/cjs/gov-control-group.cjs.entry.js.map +1 -0
  21. package/dist/cjs/gov-dropdown.cjs.entry.js +129 -0
  22. package/dist/cjs/gov-dropdown.cjs.entry.js.map +1 -0
  23. package/dist/cjs/gov-form-checkbox.cjs.entry.js +3 -3
  24. package/dist/cjs/gov-form-control.cjs.entry.js +35 -7
  25. package/dist/cjs/gov-form-control.cjs.entry.js.map +1 -1
  26. package/dist/cjs/gov-form-file.cjs.entry.js +4 -4
  27. package/dist/cjs/gov-form-file.cjs.entry.js.map +1 -1
  28. package/dist/cjs/gov-form-input.cjs.entry.js +6 -6
  29. package/dist/cjs/gov-form-input.cjs.entry.js.map +1 -1
  30. package/dist/cjs/gov-form-label.cjs.entry.js +1 -1
  31. package/dist/cjs/gov-form-label.cjs.entry.js.map +1 -1
  32. package/dist/cjs/gov-form-multi-select.cjs.entry.js +4 -4
  33. package/dist/cjs/gov-form-multi-select.cjs.entry.js.map +1 -1
  34. package/dist/cjs/gov-form-radio.cjs.entry.js +3 -3
  35. package/dist/cjs/gov-form-search.cjs.entry.js +5 -1
  36. package/dist/cjs/gov-form-search.cjs.entry.js.map +1 -1
  37. package/dist/cjs/gov-form-select.cjs.entry.js +20 -10
  38. package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
  39. package/dist/cjs/gov-form-switch.cjs.entry.js +3 -3
  40. package/dist/cjs/gov-icon.cjs.entry.js +2 -2
  41. package/dist/cjs/gov-modal.cjs.entry.js +2 -2
  42. package/dist/cjs/gov-nav.cjs.entry.js +2 -2
  43. package/dist/cjs/gov-pagination.cjs.entry.js +2 -2
  44. package/dist/cjs/gov-prompt.cjs.entry.js +2 -2
  45. package/dist/cjs/gov-side-nav.cjs.entry.js +2 -2
  46. package/dist/cjs/gov-skeleton.cjs.entry.js +2 -2
  47. package/dist/cjs/gov-tabs.cjs.entry.js +2 -2
  48. package/dist/cjs/gov-wizzard-item.cjs.entry.js +13 -15
  49. package/dist/cjs/gov-wizzard-item.cjs.entry.js.map +1 -1
  50. package/dist/cjs/gov-wizzard.cjs.entry.js +2 -2
  51. package/dist/cjs/index-29ac07f6.js +8 -0
  52. package/dist/cjs/loader.cjs.js +1 -1
  53. package/dist/cjs/{wcag-6efc0ab7.js → wcag-b0321f09.js} +2 -2
  54. package/dist/cjs/{wcag-6efc0ab7.js.map → wcag-b0321f09.js.map} +1 -1
  55. package/dist/cjs/{win-84bda0aa.js → win-53f637d4.js} +3 -2
  56. package/dist/cjs/win-53f637d4.js.map +1 -0
  57. package/dist/collection/collection-manifest.json +3 -1
  58. package/dist/collection/components/gov-accordion/gov-accordion-item.css +6 -0
  59. package/dist/collection/components/gov-accordion/gov-accordion.css +6 -0
  60. package/dist/collection/components/gov-alert/gov-alert.css +6 -0
  61. package/dist/collection/components/gov-alert/gov-alert.js.map +1 -1
  62. package/dist/collection/components/gov-app/gov-app.css +6 -0
  63. package/dist/collection/components/gov-app/gov-app.js +10 -8
  64. package/dist/collection/components/gov-app/gov-app.js.map +1 -1
  65. package/dist/collection/components/gov-attachments/gov-attachments-item.css +6 -0
  66. package/dist/collection/components/gov-attachments/gov-attachments.css +6 -0
  67. package/dist/collection/components/gov-backdrop/gov-backdrop.css +6 -0
  68. package/dist/collection/components/gov-badge/gov-badge.css +9 -3
  69. package/dist/collection/components/gov-badge/gov-badge.js +4 -4
  70. package/dist/collection/components/gov-badge/gov-badge.js.map +1 -1
  71. package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.css +6 -0
  72. package/dist/collection/components/gov-button/{constants.js → default/constants.js} +3 -3
  73. package/dist/collection/components/gov-button/default/constants.js.map +1 -0
  74. package/dist/collection/components/gov-button/{gov-button.css → default/gov-button.css} +6 -3
  75. package/dist/collection/components/gov-button/{gov-button.js → default/gov-button.js} +7 -7
  76. package/dist/collection/components/gov-button/default/gov-button.js.map +1 -0
  77. package/dist/collection/components/gov-button/default/gov-button.types.js.map +1 -0
  78. package/dist/collection/components/gov-button/dropdown/constants.js +10 -0
  79. package/dist/collection/components/gov-button/dropdown/constants.js.map +1 -0
  80. package/dist/collection/components/gov-button/dropdown/gov-dropdown.css +263 -0
  81. package/dist/collection/components/gov-button/dropdown/gov-dropdown.js +148 -0
  82. package/dist/collection/components/gov-button/dropdown/gov-dropdown.js.map +1 -0
  83. package/dist/collection/components/gov-button/dropdown/gov-dropdown.types.js +2 -0
  84. package/dist/collection/components/gov-button/dropdown/gov-dropdown.types.js.map +1 -0
  85. package/dist/collection/components/gov-card/gov-card.css +6 -0
  86. package/dist/collection/components/gov-container/gov-container.css +6 -0
  87. package/dist/collection/components/gov-control-group/constants.js +7 -0
  88. package/dist/collection/components/gov-control-group/constants.js.map +1 -0
  89. package/dist/collection/components/gov-control-group/gov-control-group.css +259 -0
  90. package/dist/collection/components/gov-control-group/gov-control-group.js +83 -0
  91. package/dist/collection/components/gov-control-group/gov-control-group.js.map +1 -0
  92. package/dist/collection/components/gov-cookiebar/gov-cookiebar.css +6 -0
  93. package/dist/collection/components/gov-empty/gov-empty.css +6 -0
  94. package/dist/collection/components/gov-error-code/gov-error-code.css +6 -0
  95. package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.css +6 -0
  96. package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.css +6 -0
  97. package/dist/collection/components/gov-form/control/gov-form-control.css +6 -0
  98. package/dist/collection/components/gov-form/control/gov-form-control.js +35 -10
  99. package/dist/collection/components/gov-form/control/gov-form-control.js.map +1 -1
  100. package/dist/collection/components/gov-form/file/gov-form-file.css +13 -0
  101. package/dist/collection/components/gov-form/group/gov-form-group.css +6 -0
  102. package/dist/collection/components/gov-form/input/constants.js +1 -1
  103. package/dist/collection/components/gov-form/input/constants.js.map +1 -1
  104. package/dist/collection/components/gov-form/input/gov-form-input.css +106 -50
  105. package/dist/collection/components/gov-form/input/gov-form-input.js +9 -9
  106. package/dist/collection/components/gov-form/input/gov-form-input.js.map +1 -1
  107. package/dist/collection/components/gov-form/label/gov-form-label.css +6 -0
  108. package/dist/collection/components/gov-form/label/gov-form-label.js +1 -1
  109. package/dist/collection/components/gov-form/label/gov-form-label.js.map +1 -1
  110. package/dist/collection/components/gov-form/message/gov-form-message.css +6 -0
  111. package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.css +106 -50
  112. package/dist/collection/components/gov-form/password-power/gov-form-password-power.css +6 -0
  113. package/dist/collection/components/gov-form/radio/gov-form-radio.css +6 -0
  114. package/dist/collection/components/gov-form/search/constants.js +3 -0
  115. package/dist/collection/components/gov-form/search/constants.js.map +1 -1
  116. package/dist/collection/components/gov-form/search/gov-form-search.css +12 -1
  117. package/dist/collection/components/gov-form/search/gov-form-search.js +30 -0
  118. package/dist/collection/components/gov-form/search/gov-form-search.js.map +1 -1
  119. package/dist/collection/components/gov-form/select/gov-form-select.css +106 -50
  120. package/dist/collection/components/gov-form/select/gov-form-select.js +17 -5
  121. package/dist/collection/components/gov-form/select/gov-form-select.js.map +1 -1
  122. package/dist/collection/components/gov-form/switch/gov-form-switch.css +6 -0
  123. package/dist/collection/components/gov-grid/gov-grid-item.css +6 -0
  124. package/dist/collection/components/gov-grid/gov-grid.css +6 -0
  125. package/dist/collection/components/gov-icon/gov-icon.css +6 -0
  126. package/dist/collection/components/gov-icon/list.js +10 -0
  127. package/dist/collection/components/gov-icon/list.js.map +1 -1
  128. package/dist/collection/components/gov-layout/gov-layout-column.css +6 -0
  129. package/dist/collection/components/gov-layout/gov-layout.css +6 -0
  130. package/dist/collection/components/gov-loading/loading/gov-loading.css +6 -0
  131. package/dist/collection/components/gov-loading/skeleton/gov-skeleton.css +6 -0
  132. package/dist/collection/components/gov-message/gov-message.css +6 -0
  133. package/dist/collection/components/gov-modal/gov-modal.css +6 -0
  134. package/dist/collection/components/gov-nav/gov-nav-item.css +6 -0
  135. package/dist/collection/components/gov-nav/gov-nav.css +6 -0
  136. package/dist/collection/components/gov-pagination/gov-pagination.css +6 -0
  137. package/dist/collection/components/gov-promp/gov-prompt.css +6 -0
  138. package/dist/collection/components/gov-side-nav/gov-side-nav-item.css +6 -0
  139. package/dist/collection/components/gov-side-nav/gov-side-nav.css +6 -0
  140. package/dist/collection/components/gov-spacer/gov-spacer.css +6 -0
  141. package/dist/collection/components/gov-statsbar/gov-statsbar-item.css +6 -0
  142. package/dist/collection/components/gov-statsbar/gov-statsbar.css +6 -0
  143. package/dist/collection/components/gov-stepper/gov-stepper-item.css +6 -0
  144. package/dist/collection/components/gov-stepper/gov-stepper.css +6 -0
  145. package/dist/collection/components/gov-tabs/gov-tabs-item.css +6 -0
  146. package/dist/collection/components/gov-tabs/gov-tabs.css +6 -0
  147. package/dist/collection/components/gov-tile/container/gov-tiles.css +6 -0
  148. package/dist/collection/components/gov-tile/gov-tile.css +6 -0
  149. package/dist/collection/components/gov-toast/gov-toast.css +6 -0
  150. package/dist/collection/components/gov-tooltip/gov-tooltip-content.css +6 -0
  151. package/dist/collection/components/gov-tooltip/gov-tooltip.css +6 -0
  152. package/dist/collection/components/gov-wizzard/gov-wizzard-item.css +6 -0
  153. package/dist/collection/components/gov-wizzard/gov-wizzard-item.js +29 -36
  154. package/dist/collection/components/gov-wizzard/gov-wizzard-item.js.map +1 -1
  155. package/dist/collection/components/gov-wizzard/gov-wizzard-item.types.js +2 -0
  156. package/dist/collection/components/gov-wizzard/gov-wizzard-item.types.js.map +1 -0
  157. package/dist/collection/components/gov-wizzard/gov-wizzard.css +6 -0
  158. package/dist/collection/helpers/Dom/win.js +2 -1
  159. package/dist/collection/helpers/Dom/win.js.map +1 -1
  160. package/dist/collection/pages/Alert.js +1 -1
  161. package/dist/collection/pages/Alert.js.map +1 -1
  162. package/dist/collection/pages/Button.js +65 -0
  163. package/dist/collection/pages/Button.js.map +1 -1
  164. package/dist/collection/pages/ControlGroup.js +206 -0
  165. package/dist/collection/pages/ControlGroup.js.map +1 -0
  166. package/dist/collection/pages/Forms.js +369 -206
  167. package/dist/collection/pages/Forms.js.map +1 -1
  168. package/dist/collection/pages/Tooltip.js +24 -0
  169. package/dist/collection/pages/Tooltip.js.map +1 -1
  170. package/dist/components/constants3.js +1 -1
  171. package/dist/components/constants3.js.map +1 -1
  172. package/dist/components/form.js +8 -8
  173. package/dist/components/form.js.map +1 -1
  174. package/dist/components/gov-accordion-item.js +1 -0
  175. package/dist/components/gov-accordion-item.js.map +1 -1
  176. package/dist/components/gov-accordion.js +1 -0
  177. package/dist/components/gov-accordion.js.map +1 -1
  178. package/dist/components/gov-alert.js +1 -0
  179. package/dist/components/gov-alert.js.map +1 -1
  180. package/dist/components/gov-app.js +1123 -663
  181. package/dist/components/gov-app.js.map +1 -1
  182. package/dist/components/gov-attachments-item2.js +1 -0
  183. package/dist/components/gov-attachments-item2.js.map +1 -1
  184. package/dist/components/gov-attachments2.js +1 -0
  185. package/dist/components/gov-attachments2.js.map +1 -1
  186. package/dist/components/gov-backdrop2.js +1 -0
  187. package/dist/components/gov-backdrop2.js.map +1 -1
  188. package/dist/components/gov-badge2.js +3 -2
  189. package/dist/components/gov-badge2.js.map +1 -1
  190. package/dist/components/gov-breadcrumbs.js +1 -0
  191. package/dist/components/gov-breadcrumbs.js.map +1 -1
  192. package/dist/components/gov-button2.js +3 -2
  193. package/dist/components/gov-button2.js.map +1 -1
  194. package/dist/components/gov-card.js +1 -0
  195. package/dist/components/gov-card.js.map +1 -1
  196. package/dist/components/gov-container.js +1 -0
  197. package/dist/components/gov-container.js.map +1 -1
  198. package/dist/components/gov-control-group.d.ts +11 -0
  199. package/dist/components/gov-control-group.js +58 -0
  200. package/dist/components/gov-control-group.js.map +1 -0
  201. package/dist/components/gov-cookiebar.js +1 -0
  202. package/dist/components/gov-cookiebar.js.map +1 -1
  203. package/dist/components/gov-dropdown.d.ts +11 -0
  204. package/dist/components/gov-dropdown.js +144 -0
  205. package/dist/components/gov-dropdown.js.map +1 -0
  206. package/dist/components/gov-empty.js +1 -0
  207. package/dist/components/gov-empty.js.map +1 -1
  208. package/dist/components/gov-error-code.js +1 -0
  209. package/dist/components/gov-error-code.js.map +1 -1
  210. package/dist/components/gov-form-autocomplete2.js +1 -0
  211. package/dist/components/gov-form-autocomplete2.js.map +1 -1
  212. package/dist/components/gov-form-checkbox.js +1 -0
  213. package/dist/components/gov-form-checkbox.js.map +1 -1
  214. package/dist/components/gov-form-control.js +36 -7
  215. package/dist/components/gov-form-control.js.map +1 -1
  216. package/dist/components/gov-form-file.js +2 -1
  217. package/dist/components/gov-form-file.js.map +1 -1
  218. package/dist/components/gov-form-group.js +1 -0
  219. package/dist/components/gov-form-group.js.map +1 -1
  220. package/dist/components/gov-form-input2.js +6 -5
  221. package/dist/components/gov-form-input2.js.map +1 -1
  222. package/dist/components/gov-form-label.js +2 -1
  223. package/dist/components/gov-form-label.js.map +1 -1
  224. package/dist/components/gov-form-message2.js +1 -0
  225. package/dist/components/gov-form-message2.js.map +1 -1
  226. package/dist/components/gov-form-multi-select.js +2 -1
  227. package/dist/components/gov-form-multi-select.js.map +1 -1
  228. package/dist/components/gov-form-password-power.js +1 -0
  229. package/dist/components/gov-form-password-power.js.map +1 -1
  230. package/dist/components/gov-form-radio.js +1 -0
  231. package/dist/components/gov-form-radio.js.map +1 -1
  232. package/dist/components/gov-form-search.js +9 -2
  233. package/dist/components/gov-form-search.js.map +1 -1
  234. package/dist/components/gov-form-select2.js +18 -7
  235. package/dist/components/gov-form-select2.js.map +1 -1
  236. package/dist/components/gov-form-switch.js +1 -0
  237. package/dist/components/gov-form-switch.js.map +1 -1
  238. package/dist/components/gov-grid-item.js +1 -0
  239. package/dist/components/gov-grid-item.js.map +1 -1
  240. package/dist/components/gov-grid.js +1 -0
  241. package/dist/components/gov-grid.js.map +1 -1
  242. package/dist/components/gov-icon2.js +2 -1
  243. package/dist/components/gov-icon2.js.map +1 -1
  244. package/dist/components/gov-layout-column.js +1 -0
  245. package/dist/components/gov-layout-column.js.map +1 -1
  246. package/dist/components/gov-layout.js +1 -0
  247. package/dist/components/gov-layout.js.map +1 -1
  248. package/dist/components/gov-loading.js +1 -0
  249. package/dist/components/gov-loading.js.map +1 -1
  250. package/dist/components/gov-message.js +1 -0
  251. package/dist/components/gov-message.js.map +1 -1
  252. package/dist/components/gov-modal.js +1 -0
  253. package/dist/components/gov-modal.js.map +1 -1
  254. package/dist/components/gov-nav-item.js +1 -0
  255. package/dist/components/gov-nav-item.js.map +1 -1
  256. package/dist/components/gov-nav.js +1 -0
  257. package/dist/components/gov-nav.js.map +1 -1
  258. package/dist/components/gov-pagination.js +1 -0
  259. package/dist/components/gov-pagination.js.map +1 -1
  260. package/dist/components/gov-prompt.js +1 -0
  261. package/dist/components/gov-prompt.js.map +1 -1
  262. package/dist/components/gov-side-nav-item.js +1 -0
  263. package/dist/components/gov-side-nav-item.js.map +1 -1
  264. package/dist/components/gov-side-nav.js +1 -0
  265. package/dist/components/gov-side-nav.js.map +1 -1
  266. package/dist/components/gov-skeleton.js +1 -0
  267. package/dist/components/gov-skeleton.js.map +1 -1
  268. package/dist/components/gov-spacer.js +1 -0
  269. package/dist/components/gov-spacer.js.map +1 -1
  270. package/dist/components/gov-statsbar-item.js +1 -0
  271. package/dist/components/gov-statsbar-item.js.map +1 -1
  272. package/dist/components/gov-statsbar.js +1 -0
  273. package/dist/components/gov-statsbar.js.map +1 -1
  274. package/dist/components/gov-stepper-item.js +1 -0
  275. package/dist/components/gov-stepper-item.js.map +1 -1
  276. package/dist/components/gov-stepper.js +1 -0
  277. package/dist/components/gov-stepper.js.map +1 -1
  278. package/dist/components/gov-tabs-item.js +1 -0
  279. package/dist/components/gov-tabs-item.js.map +1 -1
  280. package/dist/components/gov-tabs.js +1 -0
  281. package/dist/components/gov-tabs.js.map +1 -1
  282. package/dist/components/gov-tile.js +1 -0
  283. package/dist/components/gov-tile.js.map +1 -1
  284. package/dist/components/gov-tiles.js +1 -0
  285. package/dist/components/gov-tiles.js.map +1 -1
  286. package/dist/components/gov-toast.js +1 -0
  287. package/dist/components/gov-toast.js.map +1 -1
  288. package/dist/components/gov-tooltip-content.js +1 -0
  289. package/dist/components/gov-tooltip-content.js.map +1 -1
  290. package/dist/components/gov-tooltip.js +1 -0
  291. package/dist/components/gov-tooltip.js.map +1 -1
  292. package/dist/components/gov-wizzard-item.js +15 -17
  293. package/dist/components/gov-wizzard-item.js.map +1 -1
  294. package/dist/components/gov-wizzard.js +1 -0
  295. package/dist/components/gov-wizzard.js.map +1 -1
  296. package/dist/components/index.d.ts +3 -1
  297. package/dist/components/index.js +2 -0
  298. package/dist/components/index.js.map +1 -1
  299. package/dist/components/win.js +2 -1
  300. package/dist/components/win.js.map +1 -1
  301. package/dist/core/core.esm.js +1 -1
  302. package/dist/core/core.esm.js.map +1 -1
  303. package/dist/core/p-00c4dc0d.entry.js +2 -0
  304. package/dist/core/p-00c4dc0d.entry.js.map +1 -0
  305. package/dist/core/{p-6044a1e7.entry.js → p-02fb27e8.entry.js} +2 -2
  306. package/dist/core/p-0574a26a.entry.js +2 -0
  307. package/dist/core/{p-a423b62a.entry.js.map → p-0574a26a.entry.js.map} +1 -1
  308. package/dist/core/{p-a9c57f72.entry.js → p-070f9684.entry.js} +2 -2
  309. package/dist/core/p-0f5e2b0a.js +2 -0
  310. package/dist/core/{p-d14130ac.entry.js → p-14a475a8.entry.js} +2 -2
  311. package/dist/core/p-1c4ad772.entry.js +2 -0
  312. package/dist/core/p-1c4ad772.entry.js.map +1 -0
  313. package/dist/core/{p-3e1a1bd4.entry.js → p-22222994.entry.js} +2 -2
  314. package/dist/core/{p-54b17f4d.entry.js → p-2e2be66b.entry.js} +2 -2
  315. package/dist/core/p-2e94d2d3.entry.js +2 -0
  316. package/dist/core/p-2e94d2d3.entry.js.map +1 -0
  317. package/dist/core/p-2f0f56fc.entry.js +2 -0
  318. package/dist/core/p-2f0f56fc.entry.js.map +1 -0
  319. package/dist/core/p-304f2d62.entry.js +2 -0
  320. package/dist/core/p-304f2d62.entry.js.map +1 -0
  321. package/dist/core/p-34152b51.js +2 -0
  322. package/dist/core/p-34152b51.js.map +1 -0
  323. package/dist/core/p-34ed07f6.js +2 -0
  324. package/dist/core/p-34ed07f6.js.map +1 -0
  325. package/dist/core/{p-005bfb42.entry.js → p-3d7ea15c.entry.js} +2 -2
  326. package/dist/core/{p-cd869237.js → p-3dbf7f49.js} +2 -2
  327. package/dist/core/p-3dbf7f49.js.map +1 -0
  328. package/dist/core/{p-5e865538.entry.js → p-4c6d7b65.entry.js} +2 -2
  329. package/dist/core/{p-d37f03e0.entry.js → p-529363af.entry.js} +2 -2
  330. package/dist/core/p-58047fab.entry.js +2 -0
  331. package/dist/core/p-58047fab.entry.js.map +1 -0
  332. package/dist/core/p-60ff8457.entry.js +2 -0
  333. package/dist/core/{p-acfd00a2.entry.js.map → p-60ff8457.entry.js.map} +1 -1
  334. package/dist/core/{p-fe1ee53b.entry.js → p-63ef7826.entry.js} +2 -2
  335. package/dist/core/p-63ef7826.entry.js.map +1 -0
  336. package/dist/core/{p-42db4603.entry.js → p-65aa3b0c.entry.js} +2 -2
  337. package/dist/core/{p-75a4c838.entry.js → p-683fc65e.entry.js} +2 -2
  338. package/dist/core/{p-75a4c838.entry.js.map → p-683fc65e.entry.js.map} +1 -1
  339. package/dist/core/{p-5a2a9cde.entry.js → p-70a7e7f6.entry.js} +2 -2
  340. package/dist/core/{p-1025c6ac.entry.js → p-78f8ffb0.entry.js} +2 -2
  341. package/dist/core/{p-3da88ddb.entry.js → p-7cde4bc8.entry.js} +2 -2
  342. package/dist/core/{p-d1275fa8.entry.js → p-90330543.entry.js} +2 -2
  343. package/dist/core/p-90330543.entry.js.map +1 -0
  344. package/dist/core/{p-d9b4bc20.entry.js → p-9fbee429.entry.js} +2 -2
  345. package/dist/core/p-9fbee429.entry.js.map +1 -0
  346. package/dist/core/p-bfc5e0f7.entry.js +2 -0
  347. package/dist/core/p-bfc5e0f7.entry.js.map +1 -0
  348. package/dist/core/p-cdd12494.entry.js +2 -0
  349. package/dist/core/p-cdd12494.entry.js.map +1 -0
  350. package/dist/core/{p-41f07da7.entry.js → p-ce59c2ee.entry.js} +2 -2
  351. package/dist/core/{p-207ba616.entry.js → p-d9e28400.entry.js} +2 -2
  352. package/dist/core/{p-f7275b59.entry.js → p-ec63daab.entry.js} +2 -2
  353. package/dist/core/{p-c289af04.entry.js → p-ed1e9d01.entry.js} +2 -2
  354. package/dist/core/p-f5d42069.entry.js +2 -0
  355. package/dist/core/p-f5d42069.entry.js.map +1 -0
  356. package/dist/custom-elements/index.d.ts +12 -0
  357. package/dist/custom-elements/index.js +1 -1
  358. package/dist/custom-elements/index.js.map +1 -1
  359. package/dist/esm/{constants-45f6db4c.js → constants-5708696f.js} +2 -2
  360. package/dist/esm/constants-5708696f.js.map +1 -0
  361. package/dist/esm/core.js +1 -1
  362. package/dist/esm/{form-613741a5.js → form-2d9f68d9.js} +2 -2
  363. package/dist/esm/form-2d9f68d9.js.map +1 -0
  364. package/dist/esm/gov-accordion.entry.js +2 -2
  365. package/dist/esm/gov-alert.entry.js +2 -2
  366. package/dist/esm/gov-alert.entry.js.map +1 -1
  367. package/dist/esm/gov-app.entry.js +1122 -663
  368. package/dist/esm/gov-app.entry.js.map +1 -1
  369. package/dist/esm/gov-attachments_3.entry.js +2 -2
  370. package/dist/esm/gov-backdrop.entry.js +2 -2
  371. package/dist/esm/gov-badge.entry.js +2 -2
  372. package/dist/esm/gov-badge.entry.js.map +1 -1
  373. package/dist/esm/gov-breadcrumbs.entry.js +2 -2
  374. package/dist/esm/gov-button.entry.js +4 -4
  375. package/dist/esm/gov-button.entry.js.map +1 -1
  376. package/dist/esm/gov-card.entry.js +2 -2
  377. package/dist/esm/gov-control-group.entry.js +38 -0
  378. package/dist/esm/gov-control-group.entry.js.map +1 -0
  379. package/dist/esm/gov-dropdown.entry.js +125 -0
  380. package/dist/esm/gov-dropdown.entry.js.map +1 -0
  381. package/dist/esm/gov-form-checkbox.entry.js +3 -3
  382. package/dist/esm/gov-form-control.entry.js +35 -7
  383. package/dist/esm/gov-form-control.entry.js.map +1 -1
  384. package/dist/esm/gov-form-file.entry.js +4 -4
  385. package/dist/esm/gov-form-file.entry.js.map +1 -1
  386. package/dist/esm/gov-form-input.entry.js +6 -6
  387. package/dist/esm/gov-form-input.entry.js.map +1 -1
  388. package/dist/esm/gov-form-label.entry.js +1 -1
  389. package/dist/esm/gov-form-label.entry.js.map +1 -1
  390. package/dist/esm/gov-form-multi-select.entry.js +4 -4
  391. package/dist/esm/gov-form-multi-select.entry.js.map +1 -1
  392. package/dist/esm/gov-form-radio.entry.js +3 -3
  393. package/dist/esm/gov-form-search.entry.js +5 -1
  394. package/dist/esm/gov-form-search.entry.js.map +1 -1
  395. package/dist/esm/gov-form-select.entry.js +20 -10
  396. package/dist/esm/gov-form-select.entry.js.map +1 -1
  397. package/dist/esm/gov-form-switch.entry.js +3 -3
  398. package/dist/esm/gov-icon.entry.js +2 -2
  399. package/dist/esm/gov-modal.entry.js +2 -2
  400. package/dist/esm/gov-nav.entry.js +2 -2
  401. package/dist/esm/gov-pagination.entry.js +2 -2
  402. package/dist/esm/gov-prompt.entry.js +2 -2
  403. package/dist/esm/gov-side-nav.entry.js +2 -2
  404. package/dist/esm/gov-skeleton.entry.js +2 -2
  405. package/dist/esm/gov-tabs.entry.js +2 -2
  406. package/dist/esm/gov-wizzard-item.entry.js +13 -15
  407. package/dist/esm/gov-wizzard-item.entry.js.map +1 -1
  408. package/dist/esm/gov-wizzard.entry.js +2 -2
  409. package/dist/esm/index-b010bfb4.js +8 -0
  410. package/dist/esm/loader.js +1 -1
  411. package/dist/esm/{wcag-d588d144.js → wcag-afdfdddb.js} +2 -2
  412. package/dist/esm/{wcag-d588d144.js.map → wcag-afdfdddb.js.map} +1 -1
  413. package/dist/esm/{win-9c8460bb.js → win-7a1a8ac8.js} +3 -2
  414. package/dist/esm/win-7a1a8ac8.js.map +1 -0
  415. package/dist/hydrate/index.js +1316 -650
  416. package/dist/types/components/gov-alert/gov-alert.d.ts +1 -1
  417. package/dist/types/components/gov-app/gov-app.d.ts +9 -8
  418. package/dist/types/components/gov-badge/gov-badge.d.ts +1 -1
  419. package/dist/types/components/gov-button/{constants.d.ts → default/constants.d.ts} +3 -3
  420. package/dist/types/components/gov-button/{gov-button.d.ts → default/gov-button.d.ts} +1 -1
  421. package/dist/types/components/gov-button/{gov-button.types.d.ts → default/gov-button.types.d.ts} +1 -1
  422. package/dist/types/components/gov-button/dropdown/constants.d.ts +10 -0
  423. package/dist/types/components/gov-button/dropdown/gov-dropdown.d.ts +30 -0
  424. package/dist/types/components/gov-button/dropdown/gov-dropdown.types.d.ts +4 -0
  425. package/dist/types/components/gov-control-group/constants.d.ts +7 -0
  426. package/dist/types/components/gov-control-group/gov-control-group.d.ts +16 -0
  427. package/dist/types/components/gov-form/control/gov-form-control.d.ts +2 -1
  428. package/dist/types/components/gov-form/input/constants.d.ts +1 -1
  429. package/dist/types/components/gov-form/input/gov-form-input.d.ts +1 -2
  430. package/dist/types/components/gov-form/search/constants.d.ts +4 -0
  431. package/dist/types/components/gov-form/search/gov-form-search.d.ts +5 -0
  432. package/dist/types/components/gov-form/select/gov-form-select.d.ts +2 -0
  433. package/dist/types/components/gov-wizzard/gov-wizzard-item.d.ts +7 -8
  434. package/dist/types/components/gov-wizzard/gov-wizzard-item.types.d.ts +4 -0
  435. package/dist/types/components.d.ts +90 -7
  436. package/dist/types/helpers/Dom/win.d.ts +1 -0
  437. package/dist/types/pages/ControlGroup.d.ts +3 -0
  438. package/package.json +1 -1
  439. package/dist/cjs/constants-245999e7.js.map +0 -1
  440. package/dist/cjs/form-62c6a8c6.js.map +0 -1
  441. package/dist/cjs/win-84bda0aa.js.map +0 -1
  442. package/dist/collection/components/gov-button/constants.js.map +0 -1
  443. package/dist/collection/components/gov-button/gov-button.js.map +0 -1
  444. package/dist/collection/components/gov-button/gov-button.types.js.map +0 -1
  445. package/dist/core/p-0a300d3e.entry.js +0 -2
  446. package/dist/core/p-0a300d3e.entry.js.map +0 -1
  447. package/dist/core/p-35aadeeb.entry.js +0 -2
  448. package/dist/core/p-35aadeeb.entry.js.map +0 -1
  449. package/dist/core/p-670b4f93.js +0 -2
  450. package/dist/core/p-67982c3a.entry.js +0 -2
  451. package/dist/core/p-67982c3a.entry.js.map +0 -1
  452. package/dist/core/p-7e524b49.js +0 -2
  453. package/dist/core/p-7e524b49.js.map +0 -1
  454. package/dist/core/p-a423b62a.entry.js +0 -2
  455. package/dist/core/p-a825183a.entry.js +0 -2
  456. package/dist/core/p-a825183a.entry.js.map +0 -1
  457. package/dist/core/p-acfd00a2.entry.js +0 -2
  458. package/dist/core/p-bbc765ca.entry.js +0 -2
  459. package/dist/core/p-bbc765ca.entry.js.map +0 -1
  460. package/dist/core/p-c20102ff.js +0 -2
  461. package/dist/core/p-c20102ff.js.map +0 -1
  462. package/dist/core/p-cd869237.js.map +0 -1
  463. package/dist/core/p-d1275fa8.entry.js.map +0 -1
  464. package/dist/core/p-d9b4bc20.entry.js.map +0 -1
  465. package/dist/core/p-e4bb6114.entry.js +0 -2
  466. package/dist/core/p-e4bb6114.entry.js.map +0 -1
  467. package/dist/core/p-e6904513.entry.js +0 -2
  468. package/dist/core/p-e6904513.entry.js.map +0 -1
  469. package/dist/core/p-fe1ee53b.entry.js.map +0 -1
  470. package/dist/esm/constants-45f6db4c.js.map +0 -1
  471. package/dist/esm/form-613741a5.js.map +0 -1
  472. package/dist/esm/win-9c8460bb.js.map +0 -1
  473. /package/dist/collection/components/gov-button/{gov-button.types.js → default/gov-button.types.js} +0 -0
  474. /package/dist/core/{p-6044a1e7.entry.js.map → p-02fb27e8.entry.js.map} +0 -0
  475. /package/dist/core/{p-a9c57f72.entry.js.map → p-070f9684.entry.js.map} +0 -0
  476. /package/dist/core/{p-670b4f93.js.map → p-0f5e2b0a.js.map} +0 -0
  477. /package/dist/core/{p-d14130ac.entry.js.map → p-14a475a8.entry.js.map} +0 -0
  478. /package/dist/core/{p-3e1a1bd4.entry.js.map → p-22222994.entry.js.map} +0 -0
  479. /package/dist/core/{p-54b17f4d.entry.js.map → p-2e2be66b.entry.js.map} +0 -0
  480. /package/dist/core/{p-005bfb42.entry.js.map → p-3d7ea15c.entry.js.map} +0 -0
  481. /package/dist/core/{p-5e865538.entry.js.map → p-4c6d7b65.entry.js.map} +0 -0
  482. /package/dist/core/{p-d37f03e0.entry.js.map → p-529363af.entry.js.map} +0 -0
  483. /package/dist/core/{p-42db4603.entry.js.map → p-65aa3b0c.entry.js.map} +0 -0
  484. /package/dist/core/{p-5a2a9cde.entry.js.map → p-70a7e7f6.entry.js.map} +0 -0
  485. /package/dist/core/{p-1025c6ac.entry.js.map → p-78f8ffb0.entry.js.map} +0 -0
  486. /package/dist/core/{p-3da88ddb.entry.js.map → p-7cde4bc8.entry.js.map} +0 -0
  487. /package/dist/core/{p-41f07da7.entry.js.map → p-ce59c2ee.entry.js.map} +0 -0
  488. /package/dist/core/{p-207ba616.entry.js.map → p-d9e28400.entry.js.map} +0 -0
  489. /package/dist/core/{p-f7275b59.entry.js.map → p-ec63daab.entry.js.map} +0 -0
  490. /package/dist/core/{p-c289af04.entry.js.map → p-ed1e9d01.entry.js.map} +0 -0
package/dist/hydrate/index.js CHANGED
@@ -5846,7 +5846,8 @@ function splitByWhitespace(string) {
5846
5846
  return string.split(/(\s+)/);
5847
5847
  }
5848
5848
 
5849
- const getWindowProperty = (name) => window && property(name, window);
5849
+ const isWindow = typeof window !== "undefined";
5850
+ const getWindowProperty = (name) => isWindow && window && property(name, window);
5850
5851
  const config = () => {
5851
5852
  const defaultConfig = {
5852
5853
  canValidateWcagOnRender: false,
@@ -9213,15 +9214,6 @@ usageStatistics();
9213
9214
 
9214
9215
  Router.NavigationTrigger = {POPSTATE, CLICK};
9215
9216
 
9216
- class HomePage extends HTMLElement {
9217
- connectedCallback() {
9218
- this.innerHTML = ``;
9219
- }
9220
- }
9221
- if (customElements.get('home-page') === undefined) {
9222
- customElements.define('home-page', HomePage);
9223
- }
9224
-
9225
9217
  class AccordionPage extends HTMLElement {
9226
9218
  connectedCallback() {
9227
9219
  this.innerHTML = `
@@ -9594,7 +9586,7 @@ class AlertPage extends HTMLElement {
9594
9586
  connectedCallback() {
9595
9587
  this.innerHTML = `
9596
9588
  <h2>Alert</h2>
9597
-
9589
+
9598
9590
  <gov-alert variant="secondary" headline="Tohle bude super nadpis pro všechno" closable>
9599
9591
  <gov-icon name="info" slot="icon"></gov-icon>
9600
9592
  <p>
@@ -10055,11 +10047,112 @@ if (customElements.get('badge-page') === undefined) {
10055
10047
  customElements.define('badge-page', BadgePage);
10056
10048
  }
10057
10049
 
10050
+ class BreadcrumbsPage extends HTMLElement {
10051
+ connectedCallback() {
10052
+ this.innerHTML = `
10053
+ <h2>Breadcrumbs</h2>
10054
+
10055
+ <gov-breadcrumbs wcag-label="Drobečková navigace pro stránku Czech POINT">
10056
+ <ul>
10057
+ <li>
10058
+ <button>
10059
+ Domů
10060
+ </button>
10061
+ </li>
10062
+ <li>
10063
+ <gov-icon name="chevron-right"></gov-icon>
10064
+ <a href="#">Kam dál</a>
10065
+ </li>
10066
+ <li>
10067
+ <gov-icon name="chevron-right"></gov-icon>
10068
+ <a href="#">
10069
+ Český eGovernment
10070
+ </a>
10071
+ </li>
10072
+ <li>
10073
+ <gov-icon name="chevron-right"></gov-icon>
10074
+ <strong>Czech POINT</strong>
10075
+ </li>
10076
+ </ul>
10077
+ </gov-breadcrumbs>
10078
+
10079
+ `;
10080
+ }
10081
+ }
10082
+ if (customElements.get("breadcrumbs-page") === undefined) {
10083
+ customElements.define("breadcrumbs-page", BreadcrumbsPage);
10084
+ }
10085
+
10058
10086
  class ButtonPage extends HTMLElement {
10059
10087
  connectedCallback() {
10060
10088
  this.innerHTML = `
10061
10089
  <h1>Buttons</h1>
10090
+
10091
+ <h4>Dropdown</h4>
10092
+
10093
+ <gov-layout>
10094
+ <gov-layout-column>
10095
+ <div class="container-view">
10096
+ <gov-dropdown>
10097
+ <gov-button variant="primary" size="s">
10098
+ Více
10099
+ </gov-button>
10100
+ <ul slot="list">
10101
+ <li>
10102
+ <gov-button variant="primary" type="base" size="s">
10103
+ A další nabídka
10104
+ <gov-icon slot="right-icon" name="info"></gov-icon>
10105
+ </gov-button>
10106
+ </li>
10107
+ <li>
10108
+ <gov-button variant="primary" type="base" size="s">
10109
+ A další dlouhá nabídka
10110
+ <gov-icon slot="right-icon" name="info"></gov-icon>
10111
+ </gov-button>
10112
+ </li>
10113
+ <li>
10114
+ <gov-button variant="primary" type="base" size="s">
10115
+ A další
10116
+ <gov-icon slot="right-icon" name="info"></gov-icon>
10117
+ </gov-button>
10118
+ </li>
10119
+ </ul>
10120
+ </gov-dropdown>
10121
+ </div>
10122
+ </gov-layout-column>
10123
+ <gov-layout-column>
10124
+ <div class="container-view">
10125
+ <gov-dropdown position="right">
10126
+ <gov-button variant="primary" size="s">
10127
+ Více
10128
+ </gov-button>
10129
+ <ul slot="list">
10130
+ <li>
10131
+ <gov-button variant="secondary" type="base" size="s">
10132
+ A další nabídka
10133
+ <gov-icon slot="right-icon" name="info"></gov-icon>
10134
+ </gov-button>
10135
+ </li>
10136
+ <li>
10137
+ <gov-button variant="secondary" type="base" size="s">
10138
+ A další dlouhá nabídka
10139
+ <gov-icon slot="right-icon" name="info"></gov-icon>
10140
+ </gov-button>
10141
+ </li>
10142
+ <li>
10143
+ <gov-button variant="secondary" type="base" size="s">
10144
+ A další
10145
+ <gov-icon slot="right-icon" name="info"></gov-icon>
10146
+ </gov-button>
10147
+ </li>
10148
+ </ul>
10149
+ </gov-dropdown>
10150
+ </div>
10151
+ </gov-layout-column>
10152
+ </gov-layout>
10153
+
10062
10154
  <h4>Buttons - primary (default)</h4>
10155
+
10063
10156
  <div class="container-view">
10064
10157
  <gov-button variant="primary" size="s" href="http://localhost:3333/button">
10065
10158
  <gov-icon slot="left-icon" name="info"></gov-icon>
@@ -11332,42 +11425,6 @@ if (customElements.get('button-page') === undefined) {
11332
11425
  customElements.define('button-page', ButtonPage);
11333
11426
  }
11334
11427
 
11335
- class BreadcrumbsPage extends HTMLElement {
11336
- connectedCallback() {
11337
- this.innerHTML = `
11338
- <h2>Breadcrumbs</h2>
11339
-
11340
- <gov-breadcrumbs wcag-label="Drobečková navigace pro stránku Czech POINT">
11341
- <ul>
11342
- <li>
11343
- <button>
11344
- Domů
11345
- </button>
11346
- </li>
11347
- <li>
11348
- <gov-icon name="chevron-right"></gov-icon>
11349
- <a href="#">Kam dál</a>
11350
- </li>
11351
- <li>
11352
- <gov-icon name="chevron-right"></gov-icon>
11353
- <a href="#">
11354
- Český eGovernment
11355
- </a>
11356
- </li>
11357
- <li>
11358
- <gov-icon name="chevron-right"></gov-icon>
11359
- <strong>Czech POINT</strong>
11360
- </li>
11361
- </ul>
11362
- </gov-breadcrumbs>
11363
-
11364
- `;
11365
- }
11366
- }
11367
- if (customElements.get("breadcrumbs-page") === undefined) {
11368
- customElements.define("breadcrumbs-page", BreadcrumbsPage);
11369
- }
11370
-
11371
11428
  class CardPage extends HTMLElement {
11372
11429
  connectedCallback() {
11373
11430
  this.innerHTML = `
@@ -11470,6 +11527,227 @@ if (customElements.get('card-page') === undefined) {
11470
11527
  customElements.define('card-page', CardPage);
11471
11528
  }
11472
11529
 
11530
+ class ContainerPage extends HTMLElement {
11531
+ connectedCallback() {
11532
+ this.innerHTML = `
11533
+ <h2>Container</h2>
11534
+
11535
+ <gov-container>
11536
+ <p>Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
11537
+ </gov-container>
11538
+ `;
11539
+ }
11540
+ }
11541
+ if (customElements.get('container-page') === undefined) {
11542
+ customElements.define('container-page', ContainerPage);
11543
+ }
11544
+
11545
+ class ControlGroupPage extends HTMLElement {
11546
+ connectedCallback() {
11547
+ this.innerHTML = `
11548
+ <h2>Control Group</h2>
11549
+
11550
+ <gov-control-group>
11551
+ <gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder" size="s"></gov-form-input>
11552
+ <gov-button variant="primary" type="outlined" size="s">
11553
+ <gov-icon slot="left-icon" name="chevron-up"></gov-icon>
11554
+ </gov-button>
11555
+ <gov-button variant="primary" type="outlined" size="s">
11556
+ <gov-icon slot="left-icon" name="chevron-down"></gov-icon>
11557
+ </gov-button>
11558
+ <gov-button variant="primary" type="outlined" size="s">
11559
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
11560
+ </gov-button>
11561
+ <gov-dropdown position="right">
11562
+ <gov-button variant="primary" size="s">
11563
+ Více
11564
+ </gov-button>
11565
+ <ul slot="list">
11566
+ <li>
11567
+ <gov-button variant="primary" type="base" size="s">
11568
+ A další nabídka
11569
+ </gov-button>
11570
+ </li>
11571
+ <li>
11572
+ <gov-button variant="primary" type="base" size="s">
11573
+ A další nabídka
11574
+ </gov-button>
11575
+ </li>
11576
+ <li>
11577
+ <gov-button variant="primary" type="base" size="s">
11578
+ A další nabídka
11579
+ </gov-button>
11580
+ </li>
11581
+ </ul>
11582
+ </gov-dropdown>
11583
+ </gov-control-group>
11584
+ <br />
11585
+ <gov-control-group variant="primary">
11586
+ <gov-form-select name="test-me" size="m">
11587
+ <option value="" selected>Placeholder</option>
11588
+ <option value="b">Value B</option>
11589
+ <option value="c">Value C</option>
11590
+ <option value="d">Value D</option>
11591
+ </gov-form-select>
11592
+ <gov-button variant="primary" type="solid" size="m">
11593
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
11594
+ </gov-button>
11595
+ </gov-control-group>
11596
+ <br />
11597
+ <gov-control-group>
11598
+ <gov-button variant="primary" type="outlined" size="l">
11599
+ <gov-icon slot="left-icon" name="gear"></gov-icon>
11600
+ </gov-button>
11601
+ <gov-form-file name="test-me-c" accept="image/*" max-file-size="1024">
11602
+ <gov-button variant="primary" type="outlined" size="l" tabindex="-1">
11603
+ Nahrát soubor ze zařízení
11604
+ </gov-button>
11605
+ </gov-form-file>
11606
+ <gov-button variant="primary" type="outlined" size="l">
11607
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
11608
+ </gov-button>
11609
+ </gov-control-group>
11610
+ <br />
11611
+ <gov-control-group variant="primary" no-border>
11612
+ <gov-button variant="primary" type="outlined" size="xl">
11613
+ <gov-icon slot="left-icon" name="chevron-up"></gov-icon>
11614
+ </gov-button>
11615
+ <gov-button variant="primary" type="outlined" size="xl">
11616
+ <gov-icon slot="left-icon" name="chevron-down"></gov-icon>
11617
+ </gov-button>
11618
+ <gov-form-select name="test-me" size="xl">
11619
+ <option value="" selected>Placeholder</option>
11620
+ <option value="b">Value B</option>
11621
+ <option value="c">Value C</option>
11622
+ <option value="d">Value D</option>
11623
+ </gov-form-select>
11624
+ <gov-button variant="primary" type="outlined" size="xl">
11625
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
11626
+ </gov-button>
11627
+ </gov-control-group>
11628
+ <br><br>
11629
+
11630
+ <gov-control-group variant="secondary" no-border>
11631
+ <gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder" variant="primary" size="s"></gov-form-input>
11632
+ <gov-button variant="primary" type="outlined" size="s">
11633
+ <gov-icon slot="left-icon" name="chevron-up"></gov-icon>
11634
+ </gov-button>
11635
+ <gov-button variant="primary" type="outlined" size="s">
11636
+ <gov-icon slot="left-icon" name="chevron-down"></gov-icon>
11637
+ </gov-button>
11638
+ <gov-button variant="primary" type="outlined" size="s">
11639
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
11640
+ </gov-button>
11641
+ </gov-control-group>
11642
+ <br />
11643
+ <gov-control-group variant="secondary">
11644
+ <gov-form-select name="test-me" size="m">
11645
+ <option value="" selected>Placeholder</option>
11646
+ <option value="b">Value B</option>
11647
+ <option value="c">Value C</option>
11648
+ <option value="d">Value D</option>
11649
+ </gov-form-select>
11650
+ <gov-button variant="primary" type="outlined" size="m">
11651
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
11652
+ </gov-button>
11653
+ </gov-control-group>
11654
+ <br />
11655
+ <gov-control-group variant="secondary">
11656
+ <gov-button variant="primary" type="outlined" size="l">
11657
+ <gov-icon slot="left-icon" name="gear"></gov-icon>
11658
+ </gov-button>
11659
+ <gov-form-file name="test-me-c" accept="image/*" max-file-size="1024">
11660
+ <gov-button variant="primary" type="outlined" size="l" tabindex="-1">
11661
+ Nahrát soubor ze zařízení
11662
+ </gov-button>
11663
+ </gov-form-file>
11664
+ <gov-button variant="primary" type="outlined" size="l">
11665
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
11666
+ </gov-button>
11667
+ </gov-control-group>
11668
+ <br />
11669
+ <gov-control-group variant="secondary">
11670
+ <gov-button variant="primary" type="outlined" size="xl">
11671
+ <gov-icon slot="left-icon" name="chevron-up"></gov-icon>
11672
+ </gov-button>
11673
+ <gov-button variant="primary" type="outlined" size="xl">
11674
+ <gov-icon slot="left-icon" name="chevron-down"></gov-icon>
11675
+ </gov-button>
11676
+ <gov-form-select name="test-me" variant="primary" size="xl">
11677
+ <option value="" selected>Placeholder</option>
11678
+ <option value="b">Value B</option>
11679
+ <option value="c">Value C</option>
11680
+ <option value="d">Value D</option>
11681
+ </gov-form-select>
11682
+ <gov-button variant="primary" type="outlined" size="xl">
11683
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
11684
+ </gov-button>
11685
+ </gov-control-group>
11686
+ <br><br>
11687
+
11688
+ <gov-control-group variant="secondary">
11689
+ <gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder" variant="secondary" size="s"></gov-form-input>
11690
+ <gov-button variant="secondary" type="outlined" size="s">
11691
+ <gov-icon slot="left-icon" name="chevron-up"></gov-icon>
11692
+ </gov-button>
11693
+ <gov-button variant="secondary" type="outlined" size="s">
11694
+ <gov-icon slot="left-icon" name="chevron-down"></gov-icon>
11695
+ </gov-button>
11696
+ <gov-button variant="secondary" type="outlined" size="s">
11697
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
11698
+ </gov-button>
11699
+ </gov-control-group>
11700
+ <br />
11701
+ <gov-control-group variant="secondary" no-border>
11702
+ <gov-form-select name="test-me" size="m">
11703
+ <option value="" selected>Placeholder</option>
11704
+ <option value="b">Value B</option>
11705
+ <option value="c">Value C</option>
11706
+ <option value="d">Value D</option>
11707
+ </gov-form-select>
11708
+ <gov-button variant="secondary" type="outlined" size="m">
11709
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
11710
+ </gov-button>
11711
+ </gov-control-group>
11712
+ <br />
11713
+ <gov-control-group variant="secondary">
11714
+ <gov-button variant="secondary" type="outlined" size="l">
11715
+ <gov-icon slot="left-icon" name="gear"></gov-icon>
11716
+ </gov-button>
11717
+ <gov-form-file name="test-me-c" accept="image/*" max-file-size="1024">
11718
+ <gov-button variant="secondary" type="outlined" size="l" tabindex="-1">
11719
+ Nahrát soubor ze zařízení
11720
+ </gov-button>
11721
+ </gov-form-file>
11722
+ <gov-button variant="secondary" type="outlined" size="l">
11723
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
11724
+ </gov-button>
11725
+ </gov-control-group>
11726
+ <br />
11727
+ <gov-control-group variant="secondary">
11728
+ <gov-button variant="secondary" type="outlined" size="xl">
11729
+ <gov-icon slot="left-icon" name="chevron-up"></gov-icon>
11730
+ </gov-button>
11731
+ <gov-button variant="secondary" type="outlined" size="xl">
11732
+ <gov-icon slot="left-icon" name="chevron-down"></gov-icon>
11733
+ </gov-button>
11734
+ <gov-form-select name="test-me" variant="secondary" size="xl">
11735
+ <option value="" selected>Placeholder</option>
11736
+ <option value="b">Value B</option>
11737
+ <option value="c">Value C</option>
11738
+ <option value="d">Value D</option>
11739
+ </gov-form-select>
11740
+ <gov-button variant="secondary" type="outlined" size="xl">
11741
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
11742
+ </gov-button>
11743
+ </gov-control-group>
11744
+ `;
11745
+ }
11746
+ }
11747
+ if (customElements.get('control-group-page') === undefined) {
11748
+ customElements.define('control-group-page', ControlGroupPage);
11749
+ }
11750
+
11473
11751
  class Cookiebar extends HTMLElement {
11474
11752
  connectedCallback() {
11475
11753
  this.innerHTML = `
@@ -11499,21 +11777,6 @@ if (customElements.get('cookiebar-page') === undefined) {
11499
11777
  customElements.define('cookiebar-page', Cookiebar);
11500
11778
  }
11501
11779
 
11502
- class ContainerPage extends HTMLElement {
11503
- connectedCallback() {
11504
- this.innerHTML = `
11505
- <h2>Container</h2>
11506
-
11507
- <gov-container>
11508
- <p>Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
11509
- </gov-container>
11510
- `;
11511
- }
11512
- }
11513
- if (customElements.get('container-page') === undefined) {
11514
- customElements.define('container-page', ContainerPage);
11515
- }
11516
-
11517
11780
  class EmptyPage extends HTMLElement {
11518
11781
  connectedCallback() {
11519
11782
  this.innerHTML = `
@@ -11573,67 +11836,168 @@ if (customElements.get('error-page') === undefined) {
11573
11836
  customElements.define('error-page', ErrorPage);
11574
11837
  }
11575
11838
 
11576
- const removeDiacritics = (string) => {
11577
- if (!string)
11578
- return string;
11579
- return string.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
11580
- };
11581
- const randomNumber = (min, max) => {
11582
- return Math.floor(Math.random() * (max - min + 1) + min);
11583
- };
11584
- const data = () => [
11585
- { name: 'Pepa' },
11586
- { name: 'Katak' },
11587
- { name: 'Tomáš' },
11588
- { name: 'Ludvík' },
11589
- { name: 'Anežda' },
11590
- { name: 'Xaviér' },
11591
- { name: 'Ondřej' },
11592
- { name: 'Mirek' },
11593
- { name: 'Zdeněk' },
11594
- { name: 'Monika' },
11595
- { name: 'Jirka' },
11596
- { name: 'Abrahám' },
11597
- { name: 'Lucie' },
11598
- { name: 'Emily' },
11599
- { name: 'Pavel' },
11600
- { name: 'Gustav' },
11601
- { name: 'Amálie' },
11602
- ];
11603
- class FormsPage extends HTMLElement {
11839
+ class FormLabelPage extends HTMLElement {
11604
11840
  connectedCallback() {
11605
- (() => {
11606
- setTimeout(() => {
11607
- const po = document.getElementById('bagr');
11608
- const ba = document.getElementById('ba');
11609
- if (ba) {
11610
- ba.addEventListener('gov-change', function (e) {
11611
- console.log(e);
11612
- });
11613
- }
11614
- if (po) {
11615
- po.addEventListener('gov-select', function (e) {
11616
- console.log(e);
11617
- });
11618
- po.setSearchCallback(val => {
11619
- return new Promise(resolve => {
11620
- setTimeout(() => {
11621
- resolve(data().filter(({ name }) => {
11622
- if (!name)
11623
- return false;
11624
- return removeDiacritics(name).toLowerCase().indexOf(removeDiacritics(val).toLowerCase()) > -1;
11625
- }));
11626
- }, randomNumber(100, 1000));
11627
- });
11628
- });
11629
- }
11630
- }, 1000);
11631
- })();
11632
11841
  this.innerHTML = `
11633
- <h2>
11842
+ <gov-form-label>
11843
+ Form Label
11844
+ </gov-form-label>
11845
+ `;
11846
+ }
11847
+ }
11848
+ if (customElements.get('form-label-page') === undefined) {
11849
+ customElements.define('form-label-page', FormLabelPage);
11850
+ }
11851
+
11852
+ class FormMessagePage extends HTMLElement {
11853
+ connectedCallback() {
11854
+ this.innerHTML = `
11855
+ <gov-form-message>
11856
+ <gov-icon slot="icon" name="info"></gov-icon>
11857
+ <p>
11858
+ Default
11859
+ </p>
11860
+ </gov-form-message>
11861
+ <gov-form-message>
11862
+ <p>
11863
+ Default
11864
+ </p>
11865
+ </gov-form-message>
11866
+ <gov-form-message variant="secondary">
11867
+ <gov-icon name="info" slot="icon"></gov-icon>
11868
+ <p>
11869
+ Secondary
11870
+ </p>
11871
+ </gov-form-message>
11872
+ <gov-form-message variant="secondary">
11873
+ <p>
11874
+ Secondary
11875
+ </p>
11876
+ </gov-form-message>
11877
+ <gov-form-message variant="error">
11878
+ <gov-icon slot="icon" name="info"></gov-icon>
11879
+ <p>
11880
+ Error
11881
+ </p>
11882
+ </gov-form-message>
11883
+ <gov-form-message variant="error">
11884
+ <p>
11885
+ Error
11886
+ </p>
11887
+ </gov-form-message>
11888
+ <gov-form-message variant="warning">
11889
+ <gov-icon slot="icon" name="info"></gov-icon>
11890
+ <p>
11891
+ Warning
11892
+ </p>
11893
+ </gov-form-message>
11894
+ <gov-form-message variant="warning">
11895
+ <p>
11896
+ Warning
11897
+ </p>
11898
+ </gov-form-message>
11899
+ <gov-form-message variant="success">
11900
+ <gov-icon slot="icon" name="info"></gov-icon>
11901
+ <p>
11902
+ Success
11903
+ </p>
11904
+ </gov-form-message>
11905
+ <gov-form-message variant="success">
11906
+ <p>
11907
+ Success
11908
+ </p>
11909
+ </gov-form-message>
11910
+ <gov-form-message>
11911
+ <gov-icon slot="icon" name="info"></gov-icon>
11912
+ <p>
11913
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae dapibus eros, a dapibus metus. Ut a leo lorem. Sed ut fermentum diam. Sed porttitor ligula est, eget lobortis lacus rutrum et. Nunc sapien arcu, faucibus sit amet justo vel, aliquam gravida magna. Pellentesque et tempor risus.
11914
+ </p>
11915
+ <p>
11916
+ Aliquam suscipit justo dolor, et pellentesque dui venenatis quis. Vestibulum dignissim libero urna, non ultricies neque consequat ut.
11917
+ </p>
11918
+ </gov-form-message>
11919
+ <gov-form-message>
11920
+ <p>
11921
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae dapibus eros, a dapibus metus. Ut a leo lorem. Sed ut fermentum diam. Sed porttitor ligula est, eget lobortis lacus rutrum et. Nunc sapien arcu, faucibus sit amet justo vel, aliquam gravida magna. Pellentesque et tempor risus.
11922
+ </p>
11923
+ <p>
11924
+ Aliquam suscipit justo dolor, et pellentesque dui venenatis quis. Vestibulum dignissim libero urna, non ultricies neque consequat ut.
11925
+ </p>
11926
+ </gov-form-message>
11927
+ `;
11928
+ }
11929
+ }
11930
+ if (customElements.get('form-message-page') === undefined) {
11931
+ customElements.define('form-message-page', FormMessagePage);
11932
+ }
11933
+
11934
+ const removeDiacritics = (string) => {
11935
+ if (!string)
11936
+ return string;
11937
+ return string.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
11938
+ };
11939
+ const randomNumber = (min, max) => {
11940
+ return Math.floor(Math.random() * (max - min + 1) + min);
11941
+ };
11942
+ const data = () => [
11943
+ { name: 'Pepa' },
11944
+ { name: 'Katak' },
11945
+ { name: 'Tomáš' },
11946
+ { name: 'Ludvík' },
11947
+ { name: 'Anežda' },
11948
+ { name: 'Xaviér' },
11949
+ { name: 'Ondřej' },
11950
+ { name: 'Mirek' },
11951
+ { name: 'Zdeněk' },
11952
+ { name: 'Monika' },
11953
+ { name: 'Jirka' },
11954
+ { name: 'Abrahám' },
11955
+ { name: 'Lucie' },
11956
+ { name: 'Emily' },
11957
+ { name: 'Pavel' },
11958
+ { name: 'Gustav' },
11959
+ { name: 'Amálie' },
11960
+ ];
11961
+ class FormsPage extends HTMLElement {
11962
+ connectedCallback() {
11963
+ (() => {
11964
+ setTimeout(() => {
11965
+ const po = document.getElementById('bagr');
11966
+ const ba = document.getElementById('ba');
11967
+ const na = document.getElementById('kaprWWWWWW');
11968
+ if (ba) {
11969
+ ba.addEventListener('gov-change', function (e) {
11970
+ console.log(e);
11971
+ });
11972
+ }
11973
+ if (na) {
11974
+ na.addEventListener('gov-blur', function (e) {
11975
+ console.log(e);
11976
+ });
11977
+ }
11978
+ if (po) {
11979
+ po.addEventListener('gov-select', function (e) {
11980
+ console.log(e);
11981
+ });
11982
+ po.setSearchCallback(val => {
11983
+ return new Promise(resolve => {
11984
+ setTimeout(() => {
11985
+ resolve(data().filter(({ name }) => {
11986
+ if (!name)
11987
+ return false;
11988
+ return removeDiacritics(name).toLowerCase().indexOf(removeDiacritics(val).toLowerCase()) > -1;
11989
+ }));
11990
+ }, randomNumber(100, 1000));
11991
+ });
11992
+ });
11993
+ }
11994
+ }, 1000);
11995
+ })();
11996
+ this.innerHTML = `
11997
+ <h2>
11634
11998
  Samostatné použití
11635
11999
  </h2>
11636
- <gov-form-input placeholder="Co hledáte">
12000
+ <gov-form-input placeholder="Co hledáte" variant="primary">
11637
12001
  <gov-icon slot="right-icon" name="info"></gov-icon>
11638
12002
  </gov-form-input>
11639
12003
  <br>
@@ -11675,6 +12039,9 @@ class FormsPage extends HTMLElement {
11675
12039
  </gov-form-switch>
11676
12040
 
11677
12041
 
12042
+ <!-- ----------------------------------------------------------------------------------------------------------------------------- -->
12043
+
12044
+
11678
12045
  <h2>
11679
12046
  Date & Time input (nativní)
11680
12047
  </h2>
@@ -11684,10 +12051,14 @@ class FormsPage extends HTMLElement {
11684
12051
  <br>
11685
12052
  <gov-form-input size="xl" placeholder="Co hledáte" input-type="time"></gov-form-input>
11686
12053
 
12054
+
12055
+ <!-- ----------------------------------------------------------------------------------------------------------------------------- -->
12056
+
12057
+
11687
12058
  <h2>Search</h2>
11688
12059
  <gov-form-control>
11689
12060
  <gov-form-group>
11690
- <gov-form-search name="test-me-c" value="me" checked>
12061
+ <gov-form-search name="test-me-c" value="me" variant="secondary">
11691
12062
  <gov-form-input slot="input" id="kapr" name="test-me" size="m" placeholder="Co hledáte"></gov-form-input>
11692
12063
  <gov-button slot="button" variant="primary" size="s">
11693
12064
  <gov-icon slot="left-icon" name="search"></gov-icon>
@@ -11698,7 +12069,7 @@ class FormsPage extends HTMLElement {
11698
12069
  <br>
11699
12070
  <gov-form-control>
11700
12071
  <gov-form-group>
11701
- <gov-form-search name="test-me-c" value="me" checked>
12072
+ <gov-form-search name="test-me-c" value="me" variant="primary">
11702
12073
  <gov-form-input slot="input" id="kapr" name="test-me" size="l" placeholder="Co hledáte"></gov-form-input>
11703
12074
  <gov-button slot="button" variant="primary" size="m">
11704
12075
  Hledat
@@ -11718,13 +12089,17 @@ class FormsPage extends HTMLElement {
11718
12089
  </gov-form-group>
11719
12090
  </gov-form-control>
11720
12091
 
12092
+
12093
+ <!-- ----------------------------------------------------------------------------------------------------------------------------- -->
12094
+
12095
+
11721
12096
  <h2>File</h2>
11722
12097
  <div class="container-view">
11723
12098
  <h3>Normal</h3>
11724
12099
  <gov-form-control>
11725
12100
  <gov-form-label size="s" slot="top">Přidat přílohu *</gov-form-label>
11726
12101
  <gov-form-group>
11727
- <gov-form-file name="test-me-c" expanded accept="image/*" max-file-size="1024">
12102
+ <gov-form-file name="test-me-c" accept="image/*" max-file-size="1024">
11728
12103
  <p>
11729
12104
  <gov-button variant="primary" type="outlined" tabindex="-1">
11730
12105
  Nahrát soubor ze zařízení
@@ -11737,9 +12112,8 @@ class FormsPage extends HTMLElement {
11737
12112
  </gov-form-group>
11738
12113
  </gov-form-control>
11739
12114
  <br>
11740
-
11741
12115
  <gov-form-control>
11742
- <gov-form-label size="s" slot="top">Přidat přílohu 22 *</gov-form-label>
12116
+ <gov-form-label size="s" slot="top">Přidat přílohu *</gov-form-label>
11743
12117
  <gov-form-group>
11744
12118
  <gov-form-file name="test-me-c">
11745
12119
  <p aria-hidden="true">
@@ -11755,11 +12129,10 @@ class FormsPage extends HTMLElement {
11755
12129
  </gov-form-group>
11756
12130
  </gov-form-control>
11757
12131
  <br>
11758
-
11759
- <gov-form-control invalid>
12132
+ <gov-form-control>
11760
12133
  <gov-form-label size="s" slot="top">Přidat přílohu *</gov-form-label>
11761
12134
  <gov-form-group>
11762
- <gov-form-file name="test-me-c">
12135
+ <gov-form-file name="test-me-c" invalid>
11763
12136
  <p>
11764
12137
  <gov-button variant="primary" type="outlined">
11765
12138
  <gov-icon slot="left-icon" name="upload"></gov-icon>
@@ -11783,7 +12156,7 @@ class FormsPage extends HTMLElement {
11783
12156
  <gov-form-label size="s" slot="top">Přidat přílohu *</gov-form-label>
11784
12157
  <gov-form-group>
11785
12158
  <gov-form-file expanded name="test-me-c">
11786
- <p class="gov-color--secondary-800">
12159
+ <p>
11787
12160
  Přetáhněte soubor nebo
11788
12161
  </p>
11789
12162
  <p>
@@ -11798,12 +12171,11 @@ class FormsPage extends HTMLElement {
11798
12171
  </gov-form-group>
11799
12172
  </gov-form-control>
11800
12173
  <br>
11801
-
11802
12174
  <gov-form-control disabled>
11803
12175
  <gov-form-label size="s" slot="top">Přidat přílohu *</gov-form-label>
11804
12176
  <gov-form-group>
11805
- <gov-form-file expanded name="test-me-c">
11806
- <p class="gov-color--secondary-800">
12177
+ <gov-form-file expanded name="test-me-c" disabled>
12178
+ <p>
11807
12179
  Přetáhněte soubor nebo
11808
12180
  </p>
11809
12181
  <p>
@@ -11818,12 +12190,11 @@ class FormsPage extends HTMLElement {
11818
12190
  </gov-form-group>
11819
12191
  </gov-form-control>
11820
12192
  <br>
11821
-
11822
12193
  <gov-form-control invalid>
11823
12194
  <gov-form-label size="s" slot="top">Přidat přílohu *</gov-form-label>
11824
12195
  <gov-form-group>
11825
- <gov-form-file expanded name="test-me-c">
11826
- <p class="gov-color--secondary-800">
12196
+ <gov-form-file expanded name="test-me-c" invalid>
12197
+ <p>
11827
12198
  Přetáhněte soubor nebo
11828
12199
  </p>
11829
12200
  <p>
@@ -11844,6 +12215,10 @@ class FormsPage extends HTMLElement {
11844
12215
  <br>
11845
12216
  </div>
11846
12217
 
12218
+
12219
+ <!-- ----------------------------------------------------------------------------------------------------------------------------- -->
12220
+
12221
+
11847
12222
  <h2>Multiselect</h2>
11848
12223
  <gov-form-control>
11849
12224
  <gov-form-label slot="top">Multiselect</gov-form-label>
@@ -11866,17 +12241,43 @@ class FormsPage extends HTMLElement {
11866
12241
  </gov-form-message>
11867
12242
  </gov-form-control>
11868
12243
 
12244
+
12245
+ <!-- ----------------------------------------------------------------------------------------------------------------------------- -->
12246
+
12247
+
11869
12248
  <h2>Autocomplete</h2>
11870
12249
  <gov-form-control>
11871
12250
  <gov-form-label slot="top">Label of autocomplete</gov-form-label>
11872
12251
  <gov-form-group>
11873
- <gov-form-autocomplete placeholder="Placeholder autcomplete" id="bagr"></gov-form-autocomplete>
12252
+ <gov-form-autocomplete placeholder="Placeholder autcomplete" id="bagr">
12253
+ <gov-icon name="search" slot="right-icon" />
12254
+ </gov-form-autocomplete>
12255
+ </gov-form-group>
12256
+ </gov-form-control>
12257
+ <gov-form-control>
12258
+ <gov-form-label slot="top">Label of autocomplete</gov-form-label>
12259
+ <gov-form-group>
12260
+ <gov-form-autocomplete placeholder="Placeholder autcomplete" id="bagr" invalid="true">
12261
+ <gov-icon name="search" slot="right-icon" />
12262
+ </gov-form-autocomplete>
11874
12263
  </gov-form-group>
11875
12264
  <gov-form-message slot="bottom" variant="error">
11876
12265
  <gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
11877
12266
  Required
11878
12267
  </gov-form-message>
11879
12268
  </gov-form-control>
12269
+ <gov-form-control>
12270
+ <gov-form-label slot="top">Label of autocomplete</gov-form-label>
12271
+ <gov-form-group>
12272
+ <gov-form-autocomplete placeholder="Placeholder autcomplete" id="bagr" disabled="true">
12273
+ <gov-icon name="search" slot="right-icon" />
12274
+ </gov-form-autocomplete>
12275
+ </gov-form-group>
12276
+ </gov-form-control>
12277
+
12278
+
12279
+ <!-- ----------------------------------------------------------------------------------------------------------------------------- -->
12280
+
11880
12281
 
11881
12282
  <h2>Textarea</h2>
11882
12283
  <h3>
@@ -11888,21 +12289,23 @@ class FormsPage extends HTMLElement {
11888
12289
  <gov-form-input multiline rows="3" name="test-me" placeholder="Placeholder"></gov-form-input>
11889
12290
  </gov-form-group>
11890
12291
  </gov-form-control>
12292
+
11891
12293
  <h3>
11892
12294
  Invalid
11893
12295
  </h3>
11894
- <gov-form-control invalid="TRUE" type="input" id="metro2">
12296
+ <gov-form-control type="input" id="metro2">
11895
12297
  <gov-form-label size="s" slot="top">Label of textarea</gov-form-label>
11896
12298
  <gov-form-group>
11897
- <gov-form-input required multiline rows="3" name="test-me" value="Value of textarea"></gov-form-input>
12299
+ <gov-form-input required multiline rows="3" name="test-me" value="Value of textarea" invalid="TRUE"></gov-form-input>
11898
12300
  </gov-form-group>
11899
12301
  <gov-form-message slot="bottom" variant="error">
11900
12302
  <gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
11901
12303
  Required
11902
12304
  </gov-form-message>
11903
12305
  </gov-form-control>
12306
+
11904
12307
  <h3>
11905
- Disabled DDD
12308
+ Disabled
11906
12309
  </h3>
11907
12310
  <gov-form-control id="metro2">
11908
12311
  <gov-form-label size="s" slot="top">Label of textarea</gov-form-label>
@@ -11911,58 +12314,61 @@ class FormsPage extends HTMLElement {
11911
12314
  </gov-form-group>
11912
12315
  </gov-form-control>
11913
12316
 
12317
+
12318
+ <!-- ----------------------------------------------------------------------------------------------------------------------------- -->
12319
+
12320
+
11914
12321
  <h2>Checkbox</h2>
11915
12322
  <h3>
11916
12323
  Gaps
11917
12324
  </h3>
11918
-
11919
- <gov-form-control size="xs">
12325
+ <gov-form-control>
11920
12326
  <gov-form-label size="xs" slot="top">Label of word</gov-form-label>
11921
12327
  <gov-form-group gap="2xs">
11922
- <gov-form-checkbox name="test-me-c" value="me" checked></gov-form-checkbox>
11923
- <gov-form-checkbox name="test-me-c" value="me" checked></gov-form-checkbox>
12328
+ <gov-form-checkbox name="test-me-c" value="me" size="xs" checked></gov-form-checkbox>
12329
+ <gov-form-checkbox name="test-me-c" value="me" size="xs" checked></gov-form-checkbox>
11924
12330
  </gov-form-group>
11925
12331
  </gov-form-control>
11926
12332
  <br>
11927
- <gov-form-control size="xs">
12333
+ <gov-form-control>
11928
12334
  <gov-form-group gap="2xs">
11929
- <gov-form-checkbox name="test-me-c" value="me" required checked>
12335
+ <gov-form-checkbox name="test-me-c" value="me" size="xs" required checked>
11930
12336
  <gov-form-label slot="label">Option 1</gov-form-label>
11931
12337
  </gov-form-checkbox>
11932
- <gov-form-checkbox name="test-me-c" value="me" checked>
12338
+ <gov-form-checkbox name="test-me-c" value="me" size="xs" checked>
11933
12339
  <gov-form-label slot="label">Option 2</gov-form-label>
11934
12340
  </gov-form-checkbox>
11935
12341
  </gov-form-group>
11936
12342
  </gov-form-control>
11937
12343
  <br>
11938
- <gov-form-control size="s">
12344
+ <gov-form-control>
11939
12345
  <gov-form-group gap="xs">
11940
- <gov-form-checkbox name="test-me-c" value="me" checked>
12346
+ <gov-form-checkbox name="test-me-c" value="me" size="s" checked>
11941
12347
  <gov-form-label slot="label">Option 1</gov-form-label>
11942
12348
  </gov-form-checkbox>
11943
- <gov-form-checkbox name="test-me-c" value="me" checked>
12349
+ <gov-form-checkbox name="test-me-c" value="me" size="s" checked>
11944
12350
  <gov-form-label slot="label">Option 2</gov-form-label>
11945
12351
  </gov-form-checkbox>
11946
12352
  </gov-form-group>
11947
12353
  </gov-form-control>
11948
12354
  <br>
11949
- <gov-form-control size="m">
12355
+ <gov-form-control>
11950
12356
  <gov-form-group gap="s">
11951
- <gov-form-checkbox name="test-me-c" value="me" checked>
12357
+ <gov-form-checkbox name="test-me-c" value="me" size="m" checked>
11952
12358
  <gov-form-label slot="label">Option 1</gov-form-label>
11953
12359
  </gov-form-checkbox>
11954
- <gov-form-checkbox name="test-me-c" value="me" checked>
12360
+ <gov-form-checkbox name="test-me-c" value="me" size="m" checked>
11955
12361
  <gov-form-label slot="label">Option 2</gov-form-label>
11956
12362
  </gov-form-checkbox>
11957
12363
  </gov-form-group>
11958
12364
  </gov-form-control>
11959
12365
  <br>
11960
- <gov-form-control size="l">
12366
+ <gov-form-control>
11961
12367
  <gov-form-group gap="m">
11962
- <gov-form-checkbox name="test-me-c" value="me" checked>
12368
+ <gov-form-checkbox name="test-me-c" value="me" size="l" checked>
11963
12369
  <gov-form-label slot="label">Option 1</gov-form-label>
11964
12370
  </gov-form-checkbox>
11965
- <gov-form-checkbox name="test-me-c" value="me" checked>
12371
+ <gov-form-checkbox name="test-me-c" value="me" size="l" checked>
11966
12372
  <gov-form-label slot="label">Option 2</gov-form-label>
11967
12373
  </gov-form-checkbox>
11968
12374
  </gov-form-group>
@@ -11971,40 +12377,41 @@ class FormsPage extends HTMLElement {
11971
12377
  <h3>
11972
12378
  Default
11973
12379
  </h3>
11974
- <gov-form-control size="xs">
12380
+ <gov-form-control>
11975
12381
  <gov-form-group>
11976
- <gov-form-checkbox name="test-me-c" value="me" checked>
12382
+ <gov-form-checkbox name="test-me-c" value="me" size="xs" checked>
11977
12383
  <gov-form-label slot="label">Souhlasím</gov-form-label>
11978
12384
  </gov-form-checkbox>
11979
12385
  </gov-form-group>
11980
12386
  </gov-form-control>
11981
- <gov-form-control size="s">
12387
+ <gov-form-control>
11982
12388
  <gov-form-group>
11983
- <gov-form-checkbox name="test-me-c" value="me" checked>
12389
+ <gov-form-checkbox name="test-me-c" value="me" size="s" checked>
11984
12390
  <gov-form-label slot="label">Souhlasím</gov-form-label>
11985
12391
  </gov-form-checkbox>
11986
12392
  </gov-form-group>
11987
12393
  </gov-form-control>
11988
- <gov-form-control size="m">
12394
+ <gov-form-control>
11989
12395
  <gov-form-group>
11990
- <gov-form-checkbox name="test-me-c" value="me" checked>
12396
+ <gov-form-checkbox name="test-me-c" value="me" size="m" checked>
11991
12397
  <gov-form-label slot="label">Souhlasím</gov-form-label>
11992
12398
  </gov-form-checkbox>
11993
12399
  </gov-form-group>
11994
12400
  </gov-form-control>
11995
- <gov-form-control size="l">
12401
+ <gov-form-control>
11996
12402
  <gov-form-group>
11997
- <gov-form-checkbox name="test-me-c" value="me" checked>
12403
+ <gov-form-checkbox name="test-me-c" value="me" size="l" checked>
11998
12404
  <gov-form-label slot="label">Souhlasím</gov-form-label>
11999
12405
  </gov-form-checkbox>
12000
12406
  </gov-form-group>
12001
12407
  </gov-form-control>
12408
+
12002
12409
  <h3>
12003
12410
  Invalid
12004
12411
  </h3>
12005
- <gov-form-control invalid="true" size="xs">
12412
+ <gov-form-control>
12006
12413
  <gov-form-group>
12007
- <gov-form-checkbox name="test-me-c" value="me" checked>
12414
+ <gov-form-checkbox name="test-me-c" value="me" size="xs" checked invalid="true">
12008
12415
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12009
12416
  </gov-form-checkbox>
12010
12417
  </gov-form-group>
@@ -12013,9 +12420,9 @@ class FormsPage extends HTMLElement {
12013
12420
  Required
12014
12421
  </gov-form-message>
12015
12422
  </gov-form-control>
12016
- <gov-form-control invalid="true" size="s">
12423
+ <gov-form-control>
12017
12424
  <gov-form-group>
12018
- <gov-form-checkbox name="test-me-c" value="me" checked>
12425
+ <gov-form-checkbox name="test-me-c" value="me" size="s" checked invalid="true">
12019
12426
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12020
12427
  </gov-form-checkbox>
12021
12428
  </gov-form-group>
@@ -12024,9 +12431,9 @@ class FormsPage extends HTMLElement {
12024
12431
  Required
12025
12432
  </gov-form-message>
12026
12433
  </gov-form-control>
12027
- <gov-form-control invalid="true" size="m">
12434
+ <gov-form-control>
12028
12435
  <gov-form-group>
12029
- <gov-form-checkbox name="test-me-c" value="me" checked>
12436
+ <gov-form-checkbox name="test-me-c" value="me" size="m" checked invalid="true">
12030
12437
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12031
12438
  </gov-form-checkbox>
12032
12439
  </gov-form-group>
@@ -12035,96 +12442,101 @@ class FormsPage extends HTMLElement {
12035
12442
  Required
12036
12443
  </gov-form-message>
12037
12444
  </gov-form-control>
12038
-
12445
+
12039
12446
  <h3>
12040
12447
  Disabled
12041
12448
  </h3>
12042
- <gov-form-control disabled size="xs">
12449
+ <gov-form-control>
12043
12450
  <gov-form-group>
12044
- <gov-form-checkbox name="test-me-c" value="me">
12451
+ <gov-form-checkbox name="test-me-c" value="me" size="xs" disabled>
12045
12452
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12046
12453
  </gov-form-checkbox>
12047
12454
  </gov-form-group>
12048
12455
  </gov-form-control>
12049
- <gov-form-control disabled="True" size="s">
12456
+ <gov-form-control>
12050
12457
  <gov-form-group>
12051
- <gov-form-checkbox name="test-me-c" value="me">
12458
+ <gov-form-checkbox name="test-me-c" value="me" size="s" disabled="True">
12052
12459
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12053
12460
  </gov-form-checkbox>
12054
12461
  </gov-form-group>
12055
12462
  </gov-form-control>
12056
- <gov-form-control disabled="TRUE" size="m">
12463
+ <gov-form-control>
12057
12464
  <gov-form-group>
12058
- <gov-form-checkbox name="test-me-c" value="me" checked>
12465
+ <gov-form-checkbox name="test-me-c" value="me" size="m" checked disabled="TRUE">
12059
12466
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12060
12467
  </gov-form-checkbox>
12061
12468
  </gov-form-group>
12062
12469
  </gov-form-control>
12063
- <gov-form-control disabled="1" size="l">
12470
+ <gov-form-control>
12064
12471
  <gov-form-group>
12065
- <gov-form-checkbox name="test-me-c" value="me" checked>
12472
+ <gov-form-checkbox name="test-me-c" value="me" size="l" checked disabled="1">
12066
12473
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12067
12474
  </gov-form-checkbox>
12068
12475
  </gov-form-group>
12069
12476
  </gov-form-control>
12070
12477
 
12478
+
12479
+ <!-- ----------------------------------------------------------------------------------------------------------------------------- -->
12480
+
12481
+
12071
12482
  <h2>Radio</h2>
12072
12483
  <h3>
12073
12484
  Default group
12074
12485
  </h3>
12075
- <gov-form-control size="xs" fieldset>
12486
+ <gov-form-control fieldset>
12076
12487
  <gov-form-label legend size="s" slot="top">Seznam skupiny</gov-form-label>
12077
12488
  <gov-form-group>
12078
- <gov-form-radio name="test1" value="me" >
12489
+ <gov-form-radio name="test1" value="me" size="xs">
12079
12490
  <gov-form-label slot="label">Value 1</gov-form-label>
12080
12491
  </gov-form-radio>
12081
- <gov-form-radio name="test1" value="me2" checked>
12492
+ <gov-form-radio name="test1" value="me2" size="xs" checked>
12082
12493
  <gov-form-label slot="label">Value 2</gov-form-label>
12083
12494
  </gov-form-radio>
12084
12495
  </gov-form-group>
12085
12496
  </gov-form-control>
12086
12497
  <br>
12087
- <gov-form-control size="s">
12498
+ <gov-form-control>
12088
12499
  <gov-form-group>
12089
- <gov-form-radio name="test2" value="me" >
12500
+ <gov-form-radio name="test2" value="me" size="s">
12090
12501
  <gov-form-label slot="label">Value 1</gov-form-label>
12091
12502
  </gov-form-radio>
12092
- <gov-form-radio name="test2" value="me2" checked>
12503
+ <gov-form-radio name="test2" value="me2" size="s" checked>
12093
12504
  <gov-form-label slot="label">Value 2</gov-form-label>
12094
12505
  </gov-form-radio>
12095
12506
  </gov-form-group>
12096
12507
  </gov-form-control>
12097
12508
  <br>
12098
- <gov-form-control size="m">
12509
+ <gov-form-control>
12099
12510
  <gov-form-group>
12100
- <gov-form-radio name="test3" value="me" >
12511
+ <gov-form-radio name="test3" value="me" size="m">
12101
12512
  <gov-form-label slot="label">Value 1</gov-form-label>
12102
12513
  </gov-form-radio>
12103
- <gov-form-radio name="test3" value="me2" checked>
12514
+ <gov-form-radio name="test3" value="me2" size="m" checked>
12104
12515
  <gov-form-label slot="label">Value 2</gov-form-label>
12105
12516
  </gov-form-radio>
12106
12517
  </gov-form-group>
12107
12518
  </gov-form-control>
12108
12519
  <br>
12109
- <gov-form-control size="l">
12520
+ <gov-form-control>
12110
12521
  <gov-form-group>
12111
- <gov-form-radio name="test4" value="me" >
12522
+ <gov-form-radio name="test4" value="me" size="l">
12112
12523
  <gov-form-label slot="label">Value 1</gov-form-label>
12113
12524
  </gov-form-radio>
12114
- <gov-form-radio name="test4" value="me2" checked>
12525
+ <gov-form-radio name="test4" value="me2" size="l" checked>
12115
12526
  <gov-form-label slot="label">Value 2</gov-form-label>
12116
12527
  </gov-form-radio>
12117
12528
  </gov-form-group>
12118
12529
  </gov-form-control>
12530
+
12119
12531
  <h3>
12120
12532
  Invalid
12121
12533
  </h3>
12122
- <gov-form-control invalid="true" size="xs">
12534
+ <gov-form-control>
12123
12535
  <gov-form-group>
12124
- <gov-form-radio name="test5" value="me" >
12536
+ <gov-form-radio name="test5" value="me" size="xs" invalid="true">
12125
12537
  <gov-form-label slot="label">Value 1</gov-form-label>
12126
12538
  </gov-form-radio>
12127
- <gov-form-radio name="test5" value="me2" checked>
12539
+ <gov-form-radio name="test5" value="me2" size="xs" checked invalid="true">
12128
12540
  <gov-form-label slot="label">Value 2</gov-form-label>
12129
12541
  </gov-form-radio>
12130
12542
  </gov-form-group>
@@ -12134,12 +12546,12 @@ class FormsPage extends HTMLElement {
12134
12546
  </gov-form-message>
12135
12547
  </gov-form-control>
12136
12548
  <br>
12137
- <gov-form-control invalid="true" size="s">
12549
+ <gov-form-control>
12138
12550
  <gov-form-group>
12139
- <gov-form-radio name="test6" value="me" >
12551
+ <gov-form-radio name="test6" value="me" size="s" invalid="true">
12140
12552
  <gov-form-label slot="label">Value 1</gov-form-label>
12141
12553
  </gov-form-radio>
12142
- <gov-form-radio name="test6" value="me2" checked>
12554
+ <gov-form-radio name="test6" value="me2" size="s" checked invalid="true">
12143
12555
  <gov-form-label slot="label">Value 2</gov-form-label>
12144
12556
  </gov-form-radio>
12145
12557
  </gov-form-group>
@@ -12149,12 +12561,12 @@ class FormsPage extends HTMLElement {
12149
12561
  </gov-form-message>
12150
12562
  </gov-form-control>
12151
12563
  <br>
12152
- <gov-form-control invalid="true" size="m">
12564
+ <gov-form-control>
12153
12565
  <gov-form-group>
12154
- <gov-form-radio name="test7" value="me" >
12566
+ <gov-form-radio name="test7" value="me" size="m" invalid="true">
12155
12567
  <gov-form-label slot="label">Value 1</gov-form-label>
12156
12568
  </gov-form-radio>
12157
- <gov-form-radio name="test7" value="me2" checked>
12569
+ <gov-form-radio name="test7" value="me2" size="m" checked invalid="true">
12158
12570
  <gov-form-label slot="label">Value 2</gov-form-label>
12159
12571
  </gov-form-radio>
12160
12572
  </gov-form-group>
@@ -12164,12 +12576,12 @@ class FormsPage extends HTMLElement {
12164
12576
  </gov-form-message>
12165
12577
  </gov-form-control>
12166
12578
  <br>
12167
- <gov-form-control invalid="true" size="l">
12579
+ <gov-form-control>
12168
12580
  <gov-form-group>
12169
- <gov-form-radio name="test8" value="me" >
12581
+ <gov-form-radio name="test8" value="me" size="l" invalid="true">
12170
12582
  <gov-form-label slot="label">Value 1</gov-form-label>
12171
12583
  </gov-form-radio>
12172
- <gov-form-radio name="test8" value="me2" checked>
12584
+ <gov-form-radio name="test8" value="me2" size="l" checked invalid="true">
12173
12585
  <gov-form-label slot="label">Value 2</gov-form-label>
12174
12586
  </gov-form-radio>
12175
12587
  </gov-form-group>
@@ -12178,61 +12590,66 @@ class FormsPage extends HTMLElement {
12178
12590
  Required
12179
12591
  </gov-form-message>
12180
12592
  </gov-form-control>
12593
+
12181
12594
  <h3>
12182
12595
  Disabled
12183
12596
  </h3>
12184
- <gov-form-control size="xs" disabled>
12597
+ <gov-form-control>
12185
12598
  <gov-form-group>
12186
- <gov-form-radio name="test9" value="me" >
12599
+ <gov-form-radio name="test9" value="me" size="xs" disabled>
12187
12600
  <gov-form-label slot="label">Value 1</gov-form-label>
12188
12601
  </gov-form-radio>
12189
- <gov-form-radio name="test9" value="me2" checked>
12602
+ <gov-form-radio name="test9" value="me2" size="xs" checked disabled>
12190
12603
  <gov-form-label slot="label">Value 2</gov-form-label>
12191
12604
  </gov-form-radio>
12192
12605
  </gov-form-group>
12193
12606
  </gov-form-control>
12194
12607
  <br>
12195
- <gov-form-control disabled="true" size="s">
12608
+ <gov-form-control>
12196
12609
  <gov-form-group>
12197
- <gov-form-radio name="test10" value="me" >
12610
+ <gov-form-radio name="test10" value="me" size="s" disabled="true">
12198
12611
  <gov-form-label slot="label">Value 1</gov-form-label>
12199
12612
  </gov-form-radio>
12200
- <gov-form-radio name="test10" value="me2" checked>
12613
+ <gov-form-radio name="test10" value="me2" size="s" checked disabled="true">
12201
12614
  <gov-form-label slot="label">Value 2</gov-form-label>
12202
12615
  </gov-form-radio>
12203
12616
  </gov-form-group>
12204
12617
  </gov-form-control>
12205
12618
  <br>
12206
- <gov-form-control disabled="true" size="m">
12619
+ <gov-form-control>
12207
12620
  <gov-form-group>
12208
- <gov-form-radio name="test11" value="me" >
12621
+ <gov-form-radio name="test11" value="me" size="m" disabled="true">
12209
12622
  <gov-form-label slot="label">Value 1</gov-form-label>
12210
12623
  </gov-form-radio>
12211
- <gov-form-radio name="test11" value="me2" checked>
12624
+ <gov-form-radio name="test11" value="me2" size="m" checked disabled="true">
12212
12625
  <gov-form-label slot="label">Value 2</gov-form-label>
12213
12626
  </gov-form-radio>
12214
12627
  </gov-form-group>
12215
12628
  </gov-form-control>
12216
12629
  <br>
12217
- <gov-form-control disabled="true" size="l">
12630
+ <gov-form-control>
12218
12631
  <gov-form-group>
12219
- <gov-form-radio name="test12" value="me" >
12632
+ <gov-form-radio name="test12" value="me" size="l" disabled="true">
12220
12633
  <gov-form-label slot="label">Value 1</gov-form-label>
12221
12634
  </gov-form-radio>
12222
- <gov-form-radio name="test12" value="me2" checked>
12635
+ <gov-form-radio name="test12" value="me2" size="l" checked disabled="true">
12223
12636
  <gov-form-label slot="label">Value 2</gov-form-label>
12224
12637
  </gov-form-radio>
12225
12638
  </gov-form-group>
12226
12639
  </gov-form-control>
12227
12640
 
12641
+
12642
+ <!-- ----------------------------------------------------------------------------------------------------------------------------- -->
12643
+
12644
+
12228
12645
  <h2>Select</h2>
12229
12646
  <h3>
12230
12647
  Default
12231
12648
  </h3>
12232
- <gov-form-control size="m">
12649
+ <gov-form-control>
12233
12650
  <gov-form-label size="s" slot="top">Souhlasím</gov-form-label>
12234
12651
  <gov-form-group>
12235
- <gov-form-select name="test-me">
12652
+ <gov-form-select name="test-me" size="m">
12236
12653
  <option value="" selected>Placeholder</option>
12237
12654
  <option value="b">Value B</option>
12238
12655
  <option value="c">Value C</option>
@@ -12240,10 +12657,10 @@ class FormsPage extends HTMLElement {
12240
12657
  </gov-form-select>
12241
12658
  </gov-form-group>
12242
12659
  </gov-form-control>
12243
- <gov-form-control size="l">
12660
+ <gov-form-control>
12244
12661
  <gov-form-label size="s" slot="top">Souhlasím</gov-form-label>
12245
12662
  <gov-form-group>
12246
- <gov-form-select name="test-me">
12663
+ <gov-form-select name="test-me" size="l">
12247
12664
  <option value="a" selected>Value A</option>
12248
12665
  <option value="b">Value B</option>
12249
12666
  <option value="c">Value C</option>
@@ -12251,10 +12668,10 @@ class FormsPage extends HTMLElement {
12251
12668
  </gov-form-select>
12252
12669
  </gov-form-group>
12253
12670
  </gov-form-control>
12254
- <gov-form-control size="xl">
12671
+ <gov-form-control>
12255
12672
  <gov-form-label size="m" slot="top">Souhlasím</gov-form-label>
12256
12673
  <gov-form-group>
12257
- <gov-form-select name="test-me">
12674
+ <gov-form-select name="test-me" size="xl">
12258
12675
  <option value="a" selected>Value A</option>
12259
12676
  <option value="b">Value B</option>
12260
12677
  <option value="c">Value C</option>
@@ -12262,16 +12679,16 @@ class FormsPage extends HTMLElement {
12262
12679
  </gov-form-select>
12263
12680
  </gov-form-group>
12264
12681
  </gov-form-control>
12682
+
12265
12683
  <h3>
12266
12684
  Prefix / sufix
12267
12685
  </h3>
12268
- <gov-form-control size="m">
12686
+ <gov-form-control>
12269
12687
  <gov-form-label size="s" slot="top">Souhlasím</gov-form-label>
12270
12688
  <gov-form-group>
12271
- <gov-form-select name="test-me">
12689
+ <gov-form-select name="test-me" size="m">
12272
12690
  <span slot="prefix">$</span>
12273
12691
  <span slot="sufix">Kč</span>
12274
-
12275
12692
  <option value="" selected>Placeholder</option>
12276
12693
  <option value="b">Value B</option>
12277
12694
  <option value="c">Value C</option>
@@ -12279,13 +12696,12 @@ class FormsPage extends HTMLElement {
12279
12696
  </gov-form-select>
12280
12697
  </gov-form-group>
12281
12698
  </gov-form-control>
12282
- <gov-form-control size="l">
12699
+ <gov-form-control>
12283
12700
  <gov-form-label size="s" slot="top">Souhlasím</gov-form-label>
12284
12701
  <gov-form-group>
12285
- <gov-form-select name="test-me">
12702
+ <gov-form-select name="test-me" size="l">
12286
12703
  <span slot="prefix">$</span>
12287
12704
  <span slot="sufix">Kč</span>
12288
-
12289
12705
  <option value="a" selected>Value A</option>
12290
12706
  <option value="b">Value B</option>
12291
12707
  <option value="c">Value C</option>
@@ -12293,13 +12709,12 @@ class FormsPage extends HTMLElement {
12293
12709
  </gov-form-select>
12294
12710
  </gov-form-group>
12295
12711
  </gov-form-control>
12296
- <gov-form-control size="l">
12712
+ <gov-form-control>
12297
12713
  <gov-form-label size="m" slot="top">Souhlasím</gov-form-label>
12298
12714
  <gov-form-group>
12299
- <gov-form-select name="test-me">
12715
+ <gov-form-select name="test-me" size="l">
12300
12716
  <span slot="prefix">$</span>
12301
12717
  <span slot="sufix">Kč</span>
12302
-
12303
12718
  <option value="a" selected>Value A</option>
12304
12719
  <option value="b">Value B</option>
12305
12720
  <option value="c">Value C</option>
@@ -12307,13 +12722,14 @@ class FormsPage extends HTMLElement {
12307
12722
  </gov-form-select>
12308
12723
  </gov-form-group>
12309
12724
  </gov-form-control>
12725
+
12310
12726
  <h3>
12311
12727
  Invalid
12312
12728
  </h3>
12313
- <gov-form-control invalid="true" size="m">
12729
+ <gov-form-control>
12314
12730
  <gov-form-label size="s" slot="top">Souhlasím</gov-form-label>
12315
12731
  <gov-form-group>
12316
- <gov-form-select name="test-me">
12732
+ <gov-form-select name="test-me" size="m" invalid="true">
12317
12733
  <option value="" selected>Placeholder</option>
12318
12734
  <option value="b">Value B</option>
12319
12735
  <option value="c">Value C</option>
@@ -12325,10 +12741,10 @@ class FormsPage extends HTMLElement {
12325
12741
  Required
12326
12742
  </gov-form-message>
12327
12743
  </gov-form-control>
12328
- <gov-form-control invalid="true" size="l">
12744
+ <gov-form-control>
12329
12745
  <gov-form-label size="s" slot="top">Souhlasím</gov-form-label>
12330
12746
  <gov-form-group>
12331
- <gov-form-select name="test-me">
12747
+ <gov-form-select name="test-me" size="l" invalid="true">
12332
12748
  <option value="" selected>Placeholder</option>
12333
12749
  <option value="b">Value B</option>
12334
12750
  <option value="c">Value C</option>
@@ -12340,10 +12756,10 @@ class FormsPage extends HTMLElement {
12340
12756
  Required
12341
12757
  </gov-form-message>
12342
12758
  </gov-form-control>
12343
- <gov-form-control invalid="true" size="xl">
12759
+ <gov-form-control>
12344
12760
  <gov-form-label size="m" slot="top">Souhlasím</gov-form-label>
12345
12761
  <gov-form-group>
12346
- <gov-form-select name="test-me">
12762
+ <gov-form-select name="test-me" size="xl" invalid="true">
12347
12763
  <option value="" selected>Placeholder</option>
12348
12764
  <option value="b">Value B</option>
12349
12765
  <option value="c">Value C</option>
@@ -12355,13 +12771,14 @@ class FormsPage extends HTMLElement {
12355
12771
  Required
12356
12772
  </gov-form-message>
12357
12773
  </gov-form-control>
12774
+
12358
12775
  <h3>
12359
12776
  Disabled
12360
12777
  </h3>
12361
- <gov-form-control size="m" disabled>
12778
+ <gov-form-control>
12362
12779
  <gov-form-label size="s" slot="top">Souhlasím</gov-form-label>
12363
12780
  <gov-form-group>
12364
- <gov-form-select name="test-me">
12781
+ <gov-form-select name="test-me" size="m" disabled>
12365
12782
  <option value="" selected>Placeholder</option>
12366
12783
  <option value="b">Value B</option>
12367
12784
  <option value="c">Value C</option>
@@ -12369,10 +12786,10 @@ class FormsPage extends HTMLElement {
12369
12786
  </gov-form-select>
12370
12787
  </gov-form-group>
12371
12788
  </gov-form-control>
12372
- <gov-form-control disabled="true" size="m">
12789
+ <gov-form-control>
12373
12790
  <gov-form-label size="s" slot="top">Souhlasím</gov-form-label>
12374
12791
  <gov-form-group>
12375
- <gov-form-select name="test-me">
12792
+ <gov-form-select name="test-me" size="m" disabled="true">
12376
12793
  <option value="" selected>Placeholder</option>
12377
12794
  <option value="b">Value B</option>
12378
12795
  <option value="c">Value C</option>
@@ -12380,10 +12797,10 @@ class FormsPage extends HTMLElement {
12380
12797
  </gov-form-select>
12381
12798
  </gov-form-group>
12382
12799
  </gov-form-control>
12383
- <gov-form-control disabled="true" size="l">
12800
+ <gov-form-control>
12384
12801
  <gov-form-label size="m" slot="top">Souhlasím</gov-form-label>
12385
12802
  <gov-form-group>
12386
- <gov-form-select name="test-me">
12803
+ <gov-form-select name="test-me" size="l" disabled="true">
12387
12804
  <option value="" selected>Placeholder</option>
12388
12805
  <option value="b">Value B</option>
12389
12806
  <option value="c">Value C</option>
@@ -12392,153 +12809,238 @@ class FormsPage extends HTMLElement {
12392
12809
  </gov-form-group>
12393
12810
  </gov-form-control>
12394
12811
 
12812
+
12813
+ <!-- ----------------------------------------------------------------------------------------------------------------------------- -->
12814
+
12815
+
12395
12816
  <h2>Input</h2>
12396
12817
  <h3>
12397
- Default
12818
+ Primary
12398
12819
  </h3>
12399
- <gov-form-control size="m" type="input" id="metro2">
12820
+ <gov-form-control type="input" id="metro2">
12821
+ <gov-form-label size="s" slot="top">Label of input</gov-form-label>
12822
+ <gov-form-group>
12823
+ <gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder" variant="primary" size="s"></gov-form-input>
12824
+ </gov-form-group>
12825
+ </gov-form-control>
12826
+ <gov-form-control type="input" id="metro2">
12827
+ <gov-form-label size="s" slot="top">Label of input</gov-form-label>
12828
+ <gov-form-group>
12829
+ <gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder" variant="primary" size="m"></gov-form-input>
12830
+ </gov-form-group>
12831
+ </gov-form-control>
12832
+ <gov-form-control type="input" id="metro2">
12833
+ <gov-form-label size="s" slot="top">Label of input 3333</gov-form-label>
12834
+ <gov-form-group>
12835
+ <gov-form-input id="kapr" name="test-me" value="Value of input" variant="primary" size="l"></gov-form-input>
12836
+ </gov-form-group>
12837
+ </gov-form-control>
12838
+ <gov-form-control type="input" id="metro2">
12839
+ <gov-form-label size="m" slot="top">Label of input</gov-form-label>
12840
+ <gov-form-group>
12841
+ <gov-form-input id="kapr" name="test-me" value="Value of input" variant="primary" size="xl"></gov-form-input>
12842
+ </gov-form-group>
12843
+ </gov-form-control>
12844
+
12845
+ <h3>
12846
+ Secondary
12847
+ </h3>
12848
+ <gov-form-control type="input" id="metro2">
12849
+ <gov-form-label size="s" slot="top">Label of input</gov-form-label>
12850
+ <gov-form-group>
12851
+ <gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder" variant="secondary" size="s"></gov-form-input>
12852
+ </gov-form-group>
12853
+ </gov-form-control>
12854
+ <gov-form-control type="input" id="metro2">
12400
12855
  <gov-form-label size="s" slot="top">Label of input</gov-form-label>
12401
12856
  <gov-form-group>
12402
- <gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder"></gov-form-input>
12857
+ <gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder" variant="secondary" size="m"></gov-form-input>
12403
12858
  </gov-form-group>
12404
12859
  </gov-form-control>
12405
- <gov-form-control size="l" type="input" id="metro2">
12860
+ <gov-form-control type="input" id="metro2">
12406
12861
  <gov-form-label size="s" slot="top">Label of input 3333</gov-form-label>
12407
12862
  <gov-form-group>
12408
- <gov-form-input id="kapr" name="test-me" value="Value of input"></gov-form-input>
12863
+ <gov-form-input id="kapr" name="test-me" value="Value of input" variant="secondary" size="l"></gov-form-input>
12409
12864
  </gov-form-group>
12410
12865
  </gov-form-control>
12411
- <gov-form-control size="xl" type="input" id="metro2">
12866
+ <gov-form-control type="input" id="metro2">
12412
12867
  <gov-form-label size="m" slot="top">Label of input</gov-form-label>
12413
12868
  <gov-form-group>
12414
- <gov-form-input id="kapr" name="test-me" value="Value of input"></gov-form-input>
12869
+ <gov-form-input id="kapr" name="test-me" value="Value of input" variant="secondary" size="xl"></gov-form-input>
12415
12870
  </gov-form-group>
12416
12871
  </gov-form-control>
12872
+
12417
12873
  <h3>
12418
12874
  Prefix / sufix
12419
12875
  </h3>
12420
- <gov-form-control size="m" type="input" id="metro2">
12876
+ <gov-form-control type="input" id="metro2">
12421
12877
  <gov-form-label size="s" slot="top">Label of input</gov-form-label>
12422
12878
  <gov-form-group>
12423
- <gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder">
12879
+ <gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder" size="s">
12424
12880
  <span slot="prefix">$</span>
12425
12881
  <span slot="sufix">Kč</span>
12426
12882
  </gov-form-input>
12427
12883
  </gov-form-group>
12428
12884
  </gov-form-control>
12429
- <gov-form-control size="l" type="input" id="metro2">
12885
+ <gov-form-control type="input" id="metro2">
12430
12886
  <gov-form-label size="s" slot="top">Label of input</gov-form-label>
12431
12887
  <gov-form-group>
12432
- <gov-form-input id="kapr" name="test-me" value="Value of input">
12888
+ <gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder" size="m">
12433
12889
  <span slot="prefix">$</span>
12434
12890
  <span slot="sufix">Kč</span>
12435
12891
  </gov-form-input>
12436
12892
  </gov-form-group>
12437
12893
  </gov-form-control>
12438
- <gov-form-control size="xl" type="input" id="metro2">
12894
+ <gov-form-control type="input" id="metro2">
12895
+ <gov-form-label size="s" slot="top">Label of input</gov-form-label>
12896
+ <gov-form-group>
12897
+ <gov-form-input id="kapr" name="test-me" value="Value of input" size="l">
12898
+ <span slot="prefix">$</span>
12899
+ <span slot="sufix">Kč</span>
12900
+ </gov-form-input>
12901
+ </gov-form-group>
12902
+ </gov-form-control>
12903
+ <gov-form-control type="input" id="metro2">
12439
12904
  <gov-form-label size="m" slot="top">Label of input</gov-form-label>
12440
12905
  <gov-form-group>
12441
- <gov-form-input id="kapr" name="test-me" value="Value of input">
12906
+ <gov-form-input id="kapr" name="test-me" value="Value of input" size="xl">
12442
12907
  <span slot="prefix">$</span>
12443
12908
  <span slot="sufix">Kč</span>
12444
12909
  </gov-form-input>
12445
12910
  </gov-form-group>
12446
12911
  </gov-form-control>
12912
+
12447
12913
  <h3>
12448
12914
  Left icon
12449
12915
  </h3>
12450
- <gov-form-control size="m" type="input" id="metro2">
12916
+ <gov-form-control type="input" id="metro2">
12451
12917
  <gov-form-label size="s" slot="top">Label of input</gov-form-label>
12452
12918
  <gov-form-group>
12453
- <gov-form-input id="kapr" name="test-me" placeholder="Placeholder">
12919
+ <gov-form-input id="kapr" name="test-me" placeholder="Placeholder" size="s">
12454
12920
  <gov-icon slot="left-icon" name="info"></gov-icon>
12455
12921
  </gov-form-input>
12456
12922
  </gov-form-group>
12457
12923
  </gov-form-control>
12458
- <gov-form-control size="l" type="input" id="metro2">
12924
+ <gov-form-control type="input" id="metro2">
12459
12925
  <gov-form-label size="s" slot="top">Label of input</gov-form-label>
12460
12926
  <gov-form-group>
12461
- <gov-form-input id="kapr" name="test-me" value="Value of input">
12927
+ <gov-form-input id="kapr" name="test-me" placeholder="Placeholder" size="m">
12462
12928
  <gov-icon slot="left-icon" name="info"></gov-icon>
12463
12929
  </gov-form-input>
12464
12930
  </gov-form-group>
12465
12931
  </gov-form-control>
12466
- <gov-form-control size="xl" type="input" id="metro2">
12932
+ <gov-form-control type="input" id="metro2">
12933
+ <gov-form-label size="s" slot="top">Label of input</gov-form-label>
12934
+ <gov-form-group>
12935
+ <gov-form-input id="kapr" name="test-me" value="Value of input" size="l">
12936
+ <gov-icon slot="left-icon" name="info"></gov-icon>
12937
+ </gov-form-input>
12938
+ </gov-form-group>
12939
+ </gov-form-control>
12940
+ <gov-form-control type="input" id="metro2">
12467
12941
  <gov-form-label size="m" slot="top">Label of input</gov-form-label>
12468
12942
  <gov-form-group>
12469
- <gov-form-input id="kapr" name="test-me" value="Value of input">
12943
+ <gov-form-input id="kapr" name="test-me" value="Value of input" size="xl">
12470
12944
  <gov-icon slot="left-icon" name="info"></gov-icon>
12471
12945
  </gov-form-input>
12472
12946
  </gov-form-group>
12473
12947
  </gov-form-control>
12948
+
12474
12949
  <h3>
12475
12950
  Right icon
12476
12951
  </h3>
12477
- <gov-form-control size="m" type="input" id="metro2">
12952
+ <gov-form-control type="input" id="metro2">
12478
12953
  <gov-form-label slot="top">Label of input</gov-form-label>
12479
12954
  <gov-form-group>
12480
- <gov-form-input id="kapr" name="test-me" placeholder="Placeholder">
12955
+ <gov-form-input id="kapr" name="test-me" placeholder="Placeholder" size="s">
12956
+ <gov-icon slot="right-icon" name="info"></gov-icon>
12481
12957
  </gov-form-input>
12482
12958
  </gov-form-group>
12483
12959
  </gov-form-control>
12484
- <gov-form-control size="l" type="input" id="metro2">
12960
+ <gov-form-control type="input" id="metro2">
12961
+ <gov-form-label slot="top">Label of input</gov-form-label>
12962
+ <gov-form-group>
12963
+ <gov-form-input id="kapr" name="test-me" placeholder="Placeholder" size="m">
12964
+ <gov-icon slot="right-icon" name="info"></gov-icon>
12965
+ </gov-form-input>
12966
+ </gov-form-group>
12967
+ </gov-form-control>
12968
+ <gov-form-control type="input" id="metro2">
12485
12969
  <gov-form-label size="s" slot="top">Label of input</gov-form-label>
12486
12970
  <gov-form-group>
12487
- <gov-form-input id="kapr" name="test-me" value="Value of input">
12971
+ <gov-form-input id="kapr" name="test-me" value="Value of input" size="l">
12488
12972
  <gov-icon slot="right-icon" name="info"></gov-icon>
12489
12973
  </gov-form-input>
12490
12974
  </gov-form-group>
12491
12975
  </gov-form-control>
12492
- <gov-form-control size="xl" type="input" id="metro2">
12976
+ <gov-form-control type="input" id="metro2">
12493
12977
  <gov-form-label size="m" slot="top">Label of input</gov-form-label>
12494
12978
  <gov-form-group>
12495
- <gov-form-input id="kapr" name="test-me" value="Value of input">
12979
+ <gov-form-input id="kapr" name="test-me" value="Value of input" size="xl">
12496
12980
  <gov-icon slot="right-icon" name="info"></gov-icon>
12497
12981
  </gov-form-input>
12498
12982
  </gov-form-group>
12499
12983
  </gov-form-control>
12984
+
12500
12985
  <h3>
12501
12986
  Success
12502
12987
  </h3>
12503
- <gov-form-control success="true" size="m" type="input" id="metro2">
12988
+ <gov-form-control type="input" id="metro2" success="true">
12504
12989
  <gov-form-label size="s" slot="top">Label of input</gov-form-label>
12505
12990
  <gov-form-group>
12506
- <gov-form-input id="kapr" name="test-me" placeholder="Placeholder"></gov-form-input>
12991
+ <gov-form-input id="kapr" name="test-me" placeholder="Placeholder" size="s"></gov-form-input>
12507
12992
  </gov-form-group>
12508
12993
  </gov-form-control>
12509
- <gov-form-control success="True" size="l" type="input" id="metro2">
12994
+ <gov-form-control type="input" id="metro2" success="true">
12510
12995
  <gov-form-label size="s" slot="top">Label of input</gov-form-label>
12511
12996
  <gov-form-group>
12512
- <gov-form-input id="kapr" name="test-me" value="Value of input">
12997
+ <gov-form-input id="kapr" name="test-me" placeholder="Placeholder" size="m"></gov-form-input>
12998
+ </gov-form-group>
12999
+ </gov-form-control>
13000
+ <gov-form-control type="input" id="metro2" success="True">
13001
+ <gov-form-label size="s" slot="top">Label of input</gov-form-label>
13002
+ <gov-form-group>
13003
+ <gov-form-input id="kapr" name="test-me" value="Value of input" size="l">
12513
13004
  <gov-icon slot="right-icon" name="info"></gov-icon>
12514
13005
  </gov-form-input>
12515
13006
  </gov-form-group>
12516
13007
  </gov-form-control>
12517
- <gov-form-control success="1" size="xl" type="input" id="metro2">
13008
+ <gov-form-control type="input" id="metro2" success="1">
12518
13009
  <gov-form-label size="m" slot="top">Label of input</gov-form-label>
12519
13010
  <gov-form-group>
12520
- <gov-form-input id="kapr" name="test-me" value="Value of input">
13011
+ <gov-form-input id="kapr" name="test-me" value="Value of input" size="xl">
12521
13012
  <gov-icon slot="left-icon" name="info"></gov-icon>
12522
13013
  </gov-form-input>
12523
13014
  </gov-form-group>
12524
13015
  </gov-form-control>
13016
+
12525
13017
  <h3>
12526
13018
  Invalid
12527
13019
  </h3>
12528
- <gov-form-control invalid="true" size="m" type="input" id="metro2">
13020
+ <gov-form-control type="input" id="metro2">
13021
+ <gov-form-label size="s" slot="top">Label of input</gov-form-label>
13022
+ <gov-form-group>
13023
+ <gov-form-input id="kapr" name="test-me" placeholder="Placeholder" size="s" invalid="true"></gov-form-input>
13024
+ </gov-form-group>
13025
+ <gov-form-message slot="bottom" variant="error">
13026
+ <gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
13027
+ Required
13028
+ </gov-form-message>
13029
+ </gov-form-control>
13030
+ <gov-form-control type="input" id="metro2">
12529
13031
  <gov-form-label size="s" slot="top">Label of input</gov-form-label>
12530
13032
  <gov-form-group>
12531
- <gov-form-input id="kapr" name="test-me" placeholder="Placeholder"></gov-form-input>
13033
+ <gov-form-input id="kapr" name="test-me" placeholder="Placeholder" size="m" invalid="true"></gov-form-input>
12532
13034
  </gov-form-group>
12533
13035
  <gov-form-message slot="bottom" variant="error">
12534
13036
  <gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
12535
13037
  Required
12536
13038
  </gov-form-message>
12537
13039
  </gov-form-control>
12538
- <gov-form-control invalid="true" size="l" type="input" id="metro2">
13040
+ <gov-form-control type="input" id="metro2">
12539
13041
  <gov-form-label size="s" slot="top">Label of input</gov-form-label>
12540
13042
  <gov-form-group>
12541
- <gov-form-input id="kapr" name="test-me" value="Value of input">
13043
+ <gov-form-input id="kapr" name="test-me" value="Value of input" size="l" invalid="true">
12542
13044
  <gov-icon slot="right-icon" name="info"></gov-icon>
12543
13045
  </gov-form-input>
12544
13046
  </gov-form-group>
@@ -12547,10 +13049,10 @@ class FormsPage extends HTMLElement {
12547
13049
  Required
12548
13050
  </gov-form-message>
12549
13051
  </gov-form-control>
12550
- <gov-form-control invalid="true" size="xl" type="input" id="metro2">
13052
+ <gov-form-control type="input" id="metro2">
12551
13053
  <gov-form-label size="m" slot="top">Label of input</gov-form-label>
12552
13054
  <gov-form-group>
12553
- <gov-form-input id="kapr" name="test-me" value="Value of input">
13055
+ <gov-form-input id="kapr" name="test-me" value="Value of input" size="xl" invalid="true">
12554
13056
  <gov-icon slot="left-icon" name="info"></gov-icon>
12555
13057
  </gov-form-input>
12556
13058
  </gov-form-group>
@@ -12559,34 +13061,47 @@ class FormsPage extends HTMLElement {
12559
13061
  Required
12560
13062
  </gov-form-message>
12561
13063
  </gov-form-control>
13064
+
12562
13065
  <h3>
12563
13066
  Disabled
12564
13067
  </h3>
12565
- <gov-form-control size="m" type="input" id="metro2" disabled>
13068
+ <gov-form-control size="m" type="input" id="metro2">
12566
13069
  <gov-form-label size="s" slot="top">Label of input</gov-form-label>
12567
13070
  <gov-form-group>
12568
- <gov-form-input id="kapr" name="test-me" placeholder="Placeholder">
13071
+ <gov-form-input id="kapr" name="test-me" placeholder="Placeholder" size="s" disabled>
12569
13072
  <gov-icon slot="right-icon" name="info"></gov-icon>
12570
13073
  </gov-form-input>
12571
13074
  </gov-form-group>
12572
13075
  </gov-form-control>
12573
- <gov-form-control disabled="True" size="l" type="input" id="metro2">
13076
+ <gov-form-control size="m" type="input" id="metro2">
12574
13077
  <gov-form-label size="s" slot="top">Label of input</gov-form-label>
12575
13078
  <gov-form-group>
12576
- <gov-form-input id="kapr" name="test-me" value="Value of input">
13079
+ <gov-form-input id="kapr" name="test-me" placeholder="Placeholder" size="m" disabled>
12577
13080
  <gov-icon slot="right-icon" name="info"></gov-icon>
12578
13081
  </gov-form-input>
12579
13082
  </gov-form-group>
12580
13083
  </gov-form-control>
12581
- <gov-form-control disabled="1" size="xl" type="input" id="metro2">
13084
+ <gov-form-control type="input" id="metro2">
13085
+ <gov-form-label size="s" slot="top">Label of input</gov-form-label>
13086
+ <gov-form-group>
13087
+ <gov-form-input id="kapr" name="test-me" value="Value of input" size="l" disabled="True">
13088
+ <gov-icon slot="right-icon" name="info"></gov-icon>
13089
+ </gov-form-input>
13090
+ </gov-form-group>
13091
+ </gov-form-control>
13092
+ <gov-form-control type="input" id="metro2">
12582
13093
  <gov-form-label size="m" slot="top">Label of input</gov-form-label>
12583
13094
  <gov-form-group>
12584
- <gov-form-input id="kapr" name="test-me" value="Value of input">
13095
+ <gov-form-input id="kapr" name="test-me" value="Value of input" size="xl" disabled="1">
12585
13096
  <gov-icon slot="left-icon" name="info"></gov-icon>
12586
13097
  </gov-form-input>
12587
13098
  </gov-form-group>
12588
13099
  </gov-form-control>
12589
13100
 
13101
+
13102
+ <!-- ----------------------------------------------------------------------------------------------------------------------------- -->
13103
+
13104
+
12590
13105
  <h3>
12591
13106
  Password power
12592
13107
  </h3>
@@ -12595,35 +13110,38 @@ class FormsPage extends HTMLElement {
12595
13110
  <gov-form-password-power power="2">střední</gov-form-password-power>
12596
13111
  <gov-form-password-power power="3">silné</gov-form-password-power>
12597
13112
 
13113
+
13114
+ <!-- ----------------------------------------------------------------------------------------------------------------------------- -->
13115
+
13116
+
12598
13117
  <h2>Switch</h2>
12599
13118
  <h3>
12600
13119
  Default
12601
13120
  </h3>
12602
- <gov-form-control size="xs">
13121
+ <gov-form-control>
12603
13122
  <gov-form-group>
12604
- <gov-form-switch name="test-me" value="me" checked>
13123
+ <gov-form-switch name="test-me" value="me" size="xs" checked>
12605
13124
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12606
13125
  </gov-form-switch>
12607
13126
  </gov-form-group>
12608
13127
  </gov-form-control>
12609
- <gov-form-control size="s">
13128
+ <gov-form-control>
12610
13129
  <gov-form-group>
12611
- <gov-form-switch name="test-me" value="me" checked>
13130
+ <gov-form-switch name="test-me" value="me" size="s" checked>
12612
13131
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12613
13132
  </gov-form-switch>
12614
13133
  </gov-form-group>
12615
13134
  </gov-form-control>
12616
- <gov-form-control size="m">
13135
+ <gov-form-control>
12617
13136
  <gov-form-group>
12618
- <gov-form-switch name="test-me" value="me" checked>
13137
+ <gov-form-switch name="test-me" value="me" size="m" checked>
12619
13138
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12620
13139
  </gov-form-switch>
12621
13140
  </gov-form-group>
12622
13141
  </gov-form-control>
12623
-
12624
- <gov-form-control size="l">
13142
+ <gov-form-control>
12625
13143
  <gov-form-group>
12626
- <gov-form-switch name="test-me" value="me" checked>
13144
+ <gov-form-switch name="test-me" value="me" size="l" checked>
12627
13145
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12628
13146
  </gov-form-switch>
12629
13147
  </gov-form-group>
@@ -12632,9 +13150,9 @@ class FormsPage extends HTMLElement {
12632
13150
  <h3>
12633
13151
  With message
12634
13152
  </h3>
12635
- <gov-form-control size="xs">
13153
+ <gov-form-control>
12636
13154
  <gov-form-group>
12637
- <gov-form-switch name="test-me" value="me" checked>
13155
+ <gov-form-switch name="test-me" value="me" size="xs" checked>
12638
13156
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12639
13157
  </gov-form-switch>
12640
13158
  </gov-form-group>
@@ -12643,9 +13161,9 @@ class FormsPage extends HTMLElement {
12643
13161
  Required
12644
13162
  </gov-form-message>
12645
13163
  </gov-form-control>
12646
- <gov-form-control size="s">
13164
+ <gov-form-control>
12647
13165
  <gov-form-group>
12648
- <gov-form-switch name="test-me" value="me" checked>
13166
+ <gov-form-switch name="test-me" value="me" size="s" checked>
12649
13167
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12650
13168
  </gov-form-switch>
12651
13169
  </gov-form-group>
@@ -12654,9 +13172,9 @@ class FormsPage extends HTMLElement {
12654
13172
  Required
12655
13173
  </gov-form-message>
12656
13174
  </gov-form-control>
12657
- <gov-form-control size="m">
13175
+ <gov-form-control>
12658
13176
  <gov-form-group>
12659
- <gov-form-switch name="test-me" value="me" checked>
13177
+ <gov-form-switch name="test-me" value="me" size="m" checked>
12660
13178
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12661
13179
  </gov-form-switch>
12662
13180
  </gov-form-group>
@@ -12665,9 +13183,9 @@ class FormsPage extends HTMLElement {
12665
13183
  Required
12666
13184
  </gov-form-message>
12667
13185
  </gov-form-control>
12668
- <gov-form-control size="l">
13186
+ <gov-form-control>
12669
13187
  <gov-form-group>
12670
- <gov-form-switch name="test-me" value="me" checked>
13188
+ <gov-form-switch name="test-me" value="me" size="l" checked>
12671
13189
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12672
13190
  </gov-form-switch>
12673
13191
  </gov-form-group>
@@ -12676,99 +13194,102 @@ class FormsPage extends HTMLElement {
12676
13194
  Required
12677
13195
  </gov-form-message>
12678
13196
  </gov-form-control>
13197
+
12679
13198
  <h3>
12680
13199
  With label
12681
13200
  </h3>
12682
- <gov-form-control size="xs">
13201
+ <gov-form-control>
12683
13202
  <gov-form-label size="s" slot="top">Label of toggle</gov-form-label>
12684
13203
  <gov-form-group>
12685
- <gov-form-switch name="test-me" value="me" checked>
13204
+ <gov-form-switch name="test-me" value="me" size="xs" checked>
12686
13205
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12687
13206
  </gov-form-switch>
12688
13207
  </gov-form-group>
12689
13208
  </gov-form-control>
12690
- <gov-form-control size="s">
13209
+ <gov-form-control>
12691
13210
  <gov-form-label size="s" slot="top">Label of toggle</gov-form-label>
12692
13211
  <gov-form-group>
12693
- <gov-form-switch name="test-me" value="me" checked>
13212
+ <gov-form-switch name="test-me" value="me" size="s" checked>
12694
13213
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12695
13214
  </gov-form-switch>
12696
13215
  </gov-form-group>
12697
13216
  </gov-form-control>
12698
- <gov-form-control size="m">
13217
+ <gov-form-control>
12699
13218
  <gov-form-label size="m" slot="top">Label of toggle</gov-form-label>
12700
13219
  <gov-form-group>
12701
- <gov-form-switch name="test-me" value="me" checked>
13220
+ <gov-form-switch name="test-me" value="me" size="m" checked>
12702
13221
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12703
13222
  </gov-form-switch>
12704
13223
  </gov-form-group>
12705
13224
  </gov-form-control>
12706
- <gov-form-control size="l">
13225
+ <gov-form-control>
12707
13226
  <gov-form-label size="m" slot="top">Label of toggle</gov-form-label>
12708
13227
  <gov-form-group>
12709
- <gov-form-switch name="test-me" value="me" checked>
13228
+ <gov-form-switch name="test-me" value="me" size="l" checked>
12710
13229
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12711
13230
  </gov-form-switch>
12712
13231
  </gov-form-group>
12713
13232
  </gov-form-control>
13233
+
12714
13234
  <h3>
12715
13235
  Disabled
12716
13236
  </h3>
12717
- <gov-form-control type="switch" size="xs" disabled>
13237
+ <gov-form-control type="switch">
12718
13238
  <gov-form-group>
12719
- <gov-form-switch name="test-me" value="me">
13239
+ <gov-form-switch name="test-me" value="me" size="xs" disabled>
12720
13240
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12721
13241
  </gov-form-switch>
12722
13242
  </gov-form-group>
12723
13243
  </gov-form-control>
12724
- <gov-form-control type="switch" size="s" disabled="true">
13244
+ <gov-form-control type="switch">
12725
13245
  <gov-form-group>
12726
- <gov-form-switch name="test-me" value="me">
13246
+ <gov-form-switch name="test-me" value="me" size="s" disabled="true">
12727
13247
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12728
13248
  </gov-form-switch>
12729
13249
  </gov-form-group>
12730
13250
  </gov-form-control>
12731
- <gov-form-control type="switch" size="m" disabled="true">
13251
+ <gov-form-control type="switch">
12732
13252
  <gov-form-group>
12733
- <gov-form-switch name="test-me" value="me" checked>
13253
+ <gov-form-switch name="test-me" value="me" size="m" checked disabled="true">
12734
13254
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12735
13255
  </gov-form-switch>
12736
13256
  </gov-form-group>
12737
13257
  </gov-form-control>
12738
- <gov-form-control type="switch" size="l" disabled="true">
13258
+ <gov-form-control type="switch">
12739
13259
  <gov-form-group>
12740
- <gov-form-switch name="test-me" value="me" checked>
13260
+ <gov-form-switch name="test-me" value="me" size="l" checked disabled="true">
12741
13261
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12742
13262
  </gov-form-switch>
12743
13263
  </gov-form-group>
12744
13264
  </gov-form-control>
13265
+
12745
13266
  <h3>
12746
13267
  Invalid
12747
13268
  </h3>
12748
- <gov-form-control size="xs" invalid="True">
13269
+ <gov-form-control>
12749
13270
  <gov-form-group>
12750
- <gov-form-switch invalid name="test-me" value="me" checked>
13271
+ <gov-form-switch invalid name="test-me" value="me" size="xs" invalid="True">
12751
13272
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12752
13273
  </gov-form-switch>
12753
13274
  </gov-form-group>
12754
13275
  </gov-form-control>
12755
- <gov-form-control size="s" invalid="TRUE">
13276
+ <gov-form-control>
12756
13277
  <gov-form-group>
12757
- <gov-form-switch invalid name="test-me" value="me" checked>
13278
+ <gov-form-switch invalid name="test-me" value="me" size="s" invalid="TRUE">
12758
13279
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12759
13280
  </gov-form-switch>
12760
13281
  </gov-form-group>
12761
13282
  </gov-form-control>
12762
- <gov-form-control size="m" invalid="true">
13283
+ <gov-form-control>
12763
13284
  <gov-form-group>
12764
- <gov-form-switch invalid name="test-me" value="me" checked>
13285
+ <gov-form-switch invalid name="test-me" value="me" size="m" invalid="true" checked>
12765
13286
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12766
13287
  </gov-form-switch>
12767
13288
  </gov-form-group>
12768
13289
  </gov-form-control>
12769
- <gov-form-control size="l" invalid="1">
13290
+ <gov-form-control>
12770
13291
  <gov-form-group>
12771
- <gov-form-switch invalid name="test-me" value="me" checked>
13292
+ <gov-form-switch invalid name="test-me" value="me" size="l" invalid="1" checked>
12772
13293
  <gov-form-label slot="label">Souhlasím</gov-form-label>
12773
13294
  </gov-form-switch>
12774
13295
  </gov-form-group>
@@ -12793,101 +13314,6 @@ if (customElements.get('forms-restructue-page') === undefined) {
12793
13314
  customElements.define('forms-restructue-page', FormsRestructurePage);
12794
13315
  }
12795
13316
 
12796
- class FormLabelPage extends HTMLElement {
12797
- connectedCallback() {
12798
- this.innerHTML = `
12799
- <gov-form-label>
12800
- Form Label
12801
- </gov-form-label>
12802
- `;
12803
- }
12804
- }
12805
- if (customElements.get('form-label-page') === undefined) {
12806
- customElements.define('form-label-page', FormLabelPage);
12807
- }
12808
-
12809
- class FormMessagePage extends HTMLElement {
12810
- connectedCallback() {
12811
- this.innerHTML = `
12812
- <gov-form-message>
12813
- <gov-icon slot="icon" name="info"></gov-icon>
12814
- <p>
12815
- Default
12816
- </p>
12817
- </gov-form-message>
12818
- <gov-form-message>
12819
- <p>
12820
- Default
12821
- </p>
12822
- </gov-form-message>
12823
- <gov-form-message variant="secondary">
12824
- <gov-icon name="info" slot="icon"></gov-icon>
12825
- <p>
12826
- Secondary
12827
- </p>
12828
- </gov-form-message>
12829
- <gov-form-message variant="secondary">
12830
- <p>
12831
- Secondary
12832
- </p>
12833
- </gov-form-message>
12834
- <gov-form-message variant="error">
12835
- <gov-icon slot="icon" name="info"></gov-icon>
12836
- <p>
12837
- Error
12838
- </p>
12839
- </gov-form-message>
12840
- <gov-form-message variant="error">
12841
- <p>
12842
- Error
12843
- </p>
12844
- </gov-form-message>
12845
- <gov-form-message variant="warning">
12846
- <gov-icon slot="icon" name="info"></gov-icon>
12847
- <p>
12848
- Warning
12849
- </p>
12850
- </gov-form-message>
12851
- <gov-form-message variant="warning">
12852
- <p>
12853
- Warning
12854
- </p>
12855
- </gov-form-message>
12856
- <gov-form-message variant="success">
12857
- <gov-icon slot="icon" name="info"></gov-icon>
12858
- <p>
12859
- Success
12860
- </p>
12861
- </gov-form-message>
12862
- <gov-form-message variant="success">
12863
- <p>
12864
- Success
12865
- </p>
12866
- </gov-form-message>
12867
- <gov-form-message>
12868
- <gov-icon slot="icon" name="info"></gov-icon>
12869
- <p>
12870
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae dapibus eros, a dapibus metus. Ut a leo lorem. Sed ut fermentum diam. Sed porttitor ligula est, eget lobortis lacus rutrum et. Nunc sapien arcu, faucibus sit amet justo vel, aliquam gravida magna. Pellentesque et tempor risus.
12871
- </p>
12872
- <p>
12873
- Aliquam suscipit justo dolor, et pellentesque dui venenatis quis. Vestibulum dignissim libero urna, non ultricies neque consequat ut.
12874
- </p>
12875
- </gov-form-message>
12876
- <gov-form-message>
12877
- <p>
12878
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae dapibus eros, a dapibus metus. Ut a leo lorem. Sed ut fermentum diam. Sed porttitor ligula est, eget lobortis lacus rutrum et. Nunc sapien arcu, faucibus sit amet justo vel, aliquam gravida magna. Pellentesque et tempor risus.
12879
- </p>
12880
- <p>
12881
- Aliquam suscipit justo dolor, et pellentesque dui venenatis quis. Vestibulum dignissim libero urna, non ultricies neque consequat ut.
12882
- </p>
12883
- </gov-form-message>
12884
- `;
12885
- }
12886
- }
12887
- if (customElements.get('form-message-page') === undefined) {
12888
- customElements.define('form-message-page', FormMessagePage);
12889
- }
12890
-
12891
13317
  class GridPage extends HTMLElement {
12892
13318
  connectedCallback() {
12893
13319
  this.innerHTML = `
@@ -12980,6 +13406,15 @@ if (customElements.get('grid-page') === undefined) {
12980
13406
  customElements.define('grid-page', GridPage);
12981
13407
  }
12982
13408
 
13409
+ class HomePage extends HTMLElement {
13410
+ connectedCallback() {
13411
+ this.innerHTML = ``;
13412
+ }
13413
+ }
13414
+ if (customElements.get('home-page') === undefined) {
13415
+ customElements.define('home-page', HomePage);
13416
+ }
13417
+
12983
13418
  class LayoutPage extends HTMLElement {
12984
13419
  connectedCallback() {
12985
13420
  this.innerHTML = `
@@ -13073,8 +13508,103 @@ class LayoutPage extends HTMLElement {
13073
13508
  `;
13074
13509
  }
13075
13510
  }
13076
- if (customElements.get('layout-page') === undefined) {
13077
- customElements.define('layout-page', LayoutPage);
13511
+ if (customElements.get('layout-page') === undefined) {
13512
+ customElements.define('layout-page', LayoutPage);
13513
+ }
13514
+
13515
+ class LoadingPage extends HTMLElement {
13516
+ connectedCallback() {
13517
+ setTimeout(function () {
13518
+ document.getElementById('btn').addEventListener('gov-click', function () {
13519
+ document.getElementById('loading').setAttribute('loading', 'true');
13520
+ });
13521
+ }, 500);
13522
+ this.innerHTML = `
13523
+ <h2>Loading</h2>
13524
+ <div class="preview-container">
13525
+ <div class="skeletons-defaults">
13526
+ <h2>Default</h2>
13527
+ <gov-skeleton variant="success"></gov-skeleton>
13528
+ </div>
13529
+ <div class="skeletons-appearance-circle">
13530
+ <h2>Default circle</h2>
13531
+ <gov-skeleton shape="circle"> </gov-skeleton>
13532
+ </div>
13533
+ <div class="skeletons-appearance-circle">
13534
+ <h2>Default rect</h2>
13535
+ <gov-skeleton shape="rect"> </gov-skeleton>
13536
+ </div>
13537
+ <div class="skeletons-with-count">
13538
+ <h2>Default 4 rows</h2>
13539
+ <gov-skeleton count="2"></gov-skeleton>
13540
+ </div>
13541
+ <div class="skeletons-animation-no-animation">
13542
+ <h2>Without animation</h2>
13543
+ <gov-skeleton animation="false"></gov-skeleton>
13544
+ </div>
13545
+ <div class="skeletons-animation-pulse">
13546
+ <h2>Pulse animation</h2>
13547
+ <gov-skeleton animation="pulse"></gov-skeleton>
13548
+ </div>
13549
+ <div class="skeletons-animation-progress">
13550
+ <h2>Progress animation</h2>
13551
+ <gov-skeleton animation="progress"></gov-skeleton>
13552
+ </div>
13553
+ <div class="skeletons-with-theming">
13554
+ <h2>Custom styles</h2>
13555
+ <style>
13556
+ .custom-skeleton {
13557
+ --skeleton-width: 100px;
13558
+ --skeleton-height: 100px;
13559
+ --skeleton-background: #cccccc;
13560
+ --skeleton-border-radius: 20px;
13561
+ }
13562
+ </style>
13563
+ <gov-skeleton></gov-skeleton>
13564
+ </div>
13565
+ <div>
13566
+ <h2>Custom width</h2>
13567
+ <gov-skeleton width="500px"></gov-skeleton>
13568
+ </div>
13569
+ <div>
13570
+ <h2>Custom height</h2>
13571
+ <gov-skeleton height="80px"></gov-skeleton>
13572
+ </div>
13573
+ </div>
13574
+
13575
+
13576
+ <gov-button variant="primary" id="btn" wcag-label="Zobrazit načítání">Zobrazit načítání</gov-button>
13577
+
13578
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13579
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13580
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13581
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13582
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13583
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13584
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13585
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13586
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13587
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13588
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13589
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13590
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13591
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13592
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13593
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13594
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13595
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13596
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13597
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13598
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13599
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13600
+ <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13601
+
13602
+ <gov-loading id="loading">Načítání</gov-loading>
13603
+ `;
13604
+ }
13605
+ }
13606
+ if (customElements.get('loading-page') === undefined) {
13607
+ customElements.define('loading-page', LoadingPage);
13078
13608
  }
13079
13609
 
13080
13610
  class MessagePage extends HTMLElement {
@@ -13228,101 +13758,6 @@ if (customElements.get('modal-page') === undefined) {
13228
13758
  customElements.define('modal-page', ModalPage);
13229
13759
  }
13230
13760
 
13231
- class LoadingPage extends HTMLElement {
13232
- connectedCallback() {
13233
- setTimeout(function () {
13234
- document.getElementById('btn').addEventListener('gov-click', function () {
13235
- document.getElementById('loading').setAttribute('loading', 'true');
13236
- });
13237
- }, 500);
13238
- this.innerHTML = `
13239
- <h2>Loading</h2>
13240
- <div class="preview-container">
13241
- <div class="skeletons-defaults">
13242
- <h2>Default</h2>
13243
- <gov-skeleton variant="success"></gov-skeleton>
13244
- </div>
13245
- <div class="skeletons-appearance-circle">
13246
- <h2>Default circle</h2>
13247
- <gov-skeleton shape="circle"> </gov-skeleton>
13248
- </div>
13249
- <div class="skeletons-appearance-circle">
13250
- <h2>Default rect</h2>
13251
- <gov-skeleton shape="rect"> </gov-skeleton>
13252
- </div>
13253
- <div class="skeletons-with-count">
13254
- <h2>Default 4 rows</h2>
13255
- <gov-skeleton count="2"></gov-skeleton>
13256
- </div>
13257
- <div class="skeletons-animation-no-animation">
13258
- <h2>Without animation</h2>
13259
- <gov-skeleton animation="false"></gov-skeleton>
13260
- </div>
13261
- <div class="skeletons-animation-pulse">
13262
- <h2>Pulse animation</h2>
13263
- <gov-skeleton animation="pulse"></gov-skeleton>
13264
- </div>
13265
- <div class="skeletons-animation-progress">
13266
- <h2>Progress animation</h2>
13267
- <gov-skeleton animation="progress"></gov-skeleton>
13268
- </div>
13269
- <div class="skeletons-with-theming">
13270
- <h2>Custom styles</h2>
13271
- <style>
13272
- .custom-skeleton {
13273
- --skeleton-width: 100px;
13274
- --skeleton-height: 100px;
13275
- --skeleton-background: #cccccc;
13276
- --skeleton-border-radius: 20px;
13277
- }
13278
- </style>
13279
- <gov-skeleton></gov-skeleton>
13280
- </div>
13281
- <div>
13282
- <h2>Custom width</h2>
13283
- <gov-skeleton width="500px"></gov-skeleton>
13284
- </div>
13285
- <div>
13286
- <h2>Custom height</h2>
13287
- <gov-skeleton height="80px"></gov-skeleton>
13288
- </div>
13289
- </div>
13290
-
13291
-
13292
- <gov-button variant="primary" id="btn" wcag-label="Zobrazit načítání">Zobrazit načítání</gov-button>
13293
-
13294
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13295
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13296
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13297
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13298
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13299
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13300
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13301
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13302
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13303
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13304
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13305
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13306
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13307
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13308
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13309
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13310
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13311
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13312
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13313
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13314
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13315
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13316
- <p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
13317
-
13318
- <gov-loading id="loading">Načítání</gov-loading>
13319
- `;
13320
- }
13321
- }
13322
- if (customElements.get('loading-page') === undefined) {
13323
- customElements.define('loading-page', LoadingPage);
13324
- }
13325
-
13326
13761
  class NavPage extends HTMLElement {
13327
13762
  connectedCallback() {
13328
13763
  this.innerHTML = `
@@ -14304,9 +14739,127 @@ if (customElements.get('tiles-page') === undefined) {
14304
14739
  customElements.define('tiles-page', TilesPage);
14305
14740
  }
14306
14741
 
14742
+ class ToastMessagePage extends HTMLElement {
14743
+ connectedCallback() {
14744
+ this.innerHTML = `
14745
+ <h2>
14746
+ Toast Message
14747
+ </h2>
14748
+ <gov-toast variant="success">
14749
+ <gov-icon name="check-lg" slot="icon"></gov-icon>
14750
+ <p>
14751
+ Vaše dokumenty byly úspěšně staženy.
14752
+ </p>
14753
+ </gov-toast>
14754
+ <br>
14755
+ <gov-toast variant="error" gravity="bottom" position="left">
14756
+ <gov-icon name="info" slot="icon"></gov-icon>
14757
+ <p>
14758
+ Není možné požadavek zpracovat z důvodu chyby serveru.
14759
+ </p>
14760
+ </gov-toast>
14761
+ <br>
14762
+ <gov-toast variant="warning" position="left">
14763
+ <gov-icon name="info" slot="icon"></gov-icon>
14764
+ <p>
14765
+ Žádost se nepodařilo odeslat, zkontrolujte nastavení.
14766
+ </p>
14767
+ </gov-toast>
14768
+ <br>
14769
+ <gov-toast variant="primary" position="center">
14770
+ <gov-icon name="info" slot="icon"></gov-icon>
14771
+ <p>
14772
+ Soubory jsou připraveny ke stažení.
14773
+ </p>
14774
+ </gov-toast>
14775
+ <br>
14776
+ <gov-toast variant="secondary" gravity="bottom" position="right">
14777
+ <gov-icon name="info" slot="icon"></gov-icon>
14778
+ <p>
14779
+ Vaše aplikace byla aktualizovaná na novou verzi!
14780
+ </p>
14781
+ </gov-toast>
14782
+ `;
14783
+ }
14784
+ }
14785
+ if (customElements.get('toast-message-page') === undefined) {
14786
+ customElements.define('toast-message-page', ToastMessagePage);
14787
+ }
14788
+
14789
+ class ToastMessageCountdownPage extends HTMLElement {
14790
+ connectedCallback() {
14791
+ this.innerHTML = `
14792
+ <h2>
14793
+ Toast Message Countdown
14794
+ </h2>
14795
+ <gov-toast variant="success" type="solid">
14796
+ <gov-icon name="check-lg" slot="icon"></gov-icon>
14797
+ <p>
14798
+ Vaše dokumenty byly úspěšně staženy.
14799
+ </p>
14800
+ </gov-toast>
14801
+ <br>
14802
+ <gov-toast variant="error" type="solid" gravity="bottom" position="left">
14803
+ <gov-icon name="info" slot="icon"></gov-icon>
14804
+ <p>
14805
+ Není možné požadavek zpracovat z důvodu chyby serveru.
14806
+ </p>
14807
+ </gov-toast>
14808
+ <br>
14809
+ <gov-toast variant="warning" type="solid" position="left">
14810
+ <gov-icon name="info" slot="icon"></gov-icon>
14811
+ <p>
14812
+ Žádost se nepodařilo odeslat, zkontrolujte nastavení.
14813
+ </p>
14814
+ </gov-toast>
14815
+ <br>
14816
+ <gov-toast variant="primary" type="solid" position="center">
14817
+ <gov-icon name="info" slot="icon"></gov-icon>
14818
+ <p>
14819
+ Soubory jsou připraveny ke stažení.
14820
+ </p>
14821
+ </gov-toast>
14822
+ <br>
14823
+ <gov-toast variant="secondary" type="solid" gravity="bottom" position="right">
14824
+ <gov-icon name="info" slot="icon"></gov-icon>
14825
+ <p>
14826
+ Vaše aplikace byla aktualizovaná na novou verzi!
14827
+ </p>
14828
+ </gov-toast>
14829
+ `;
14830
+ }
14831
+ }
14832
+ if (customElements.get('toast-message-countdown-page') === undefined) {
14833
+ customElements.define('toast-message-countdown-page', ToastMessageCountdownPage);
14834
+ }
14835
+
14307
14836
  class TooltipPage extends HTMLElement {
14308
14837
  connectedCallback() {
14309
14838
  this.innerHTML = `
14839
+ <div style="width: 500px; overflow: auto; height: 100px">
14840
+ <div style="width: 800px; display: flex; flex-direction: row; height: 100px; gap: 20px">
14841
+ <div style="width: 100px; border: 1px solid black; height: 100px"></div>
14842
+ <div style="width: 100px; border: 1px solid black; height: 100px"></div>
14843
+ <div style="width: 100px; border: 1px solid black; height: 100px"></div>
14844
+ <div style="width: 100px; border: 1px solid black; height: 100px"></div>
14845
+ <div style="width: 100px; border: 1px solid black; height: 100px"></div>
14846
+ <div style="width: 100px; border: 1px solid black; height: 100px"></div>
14847
+ <div style="width: 100px; border: 1px solid black; height: 100px"></div>
14848
+ <div style="width: 100px; border: 1px solid black; height: 100px"></div>
14849
+ <div style="width: 100px; border: 1px solid black; height: 100px"></div>
14850
+ <div style="width: 100px; border: 1px solid black; height: 100px">
14851
+ <gov-tooltip position="right" size="s" icon>
14852
+ <gov-icon name="info"></gov-icon>
14853
+ <gov-tooltip-content>
14854
+ <ul>
14855
+ <li>Toggler div, h1, h2 rozbije celou komponentu. </li>
14856
+ <li>Můžu použít tagy jako span, anchor, gov-icon - inlinové. Zde je použita ikonka z knihovny font-awesome</li>
14857
+ </ul>
14858
+ </gov-tooltip-content>
14859
+ </gov-tooltip>
14860
+ </div>
14861
+ </div>
14862
+ </div>
14310
14863
  <p>
14311
14864
  Default scheme, size Small. Nelze umístit jako toggle element který je blokový - tj. div, h1, h2, atp.
14312
14865
  <gov-tooltip position="right" size="s" icon>
@@ -14516,100 +15069,6 @@ if (customElements.get('typography-page') === undefined) {
14516
15069
  customElements.define('typography-page', TypographyPage);
14517
15070
  }
14518
15071
 
14519
- class ToastMessagePage extends HTMLElement {
14520
- connectedCallback() {
14521
- this.innerHTML = `
14522
- <h2>
14523
- Toast Message
14524
- </h2>
14525
- <gov-toast variant="success">
14526
- <gov-icon name="check-lg" slot="icon"></gov-icon>
14527
- <p>
14528
- Vaše dokumenty byly úspěšně staženy.
14529
- </p>
14530
- </gov-toast>
14531
- <br>
14532
- <gov-toast variant="error" gravity="bottom" position="left">
14533
- <gov-icon name="info" slot="icon"></gov-icon>
14534
- <p>
14535
- Není možné požadavek zpracovat z důvodu chyby serveru.
14536
- </p>
14537
- </gov-toast>
14538
- <br>
14539
- <gov-toast variant="warning" position="left">
14540
- <gov-icon name="info" slot="icon"></gov-icon>
14541
- <p>
14542
- Žádost se nepodařilo odeslat, zkontrolujte nastavení.
14543
- </p>
14544
- </gov-toast>
14545
- <br>
14546
- <gov-toast variant="primary" position="center">
14547
- <gov-icon name="info" slot="icon"></gov-icon>
14548
- <p>
14549
- Soubory jsou připraveny ke stažení.
14550
- </p>
14551
- </gov-toast>
14552
- <br>
14553
- <gov-toast variant="secondary" gravity="bottom" position="right">
14554
- <gov-icon name="info" slot="icon"></gov-icon>
14555
- <p>
14556
- Vaše aplikace byla aktualizovaná na novou verzi!
14557
- </p>
14558
- </gov-toast>
14559
- `;
14560
- }
14561
- }
14562
- if (customElements.get('toast-message-page') === undefined) {
14563
- customElements.define('toast-message-page', ToastMessagePage);
14564
- }
14565
-
14566
- class ToastMessageCountdownPage extends HTMLElement {
14567
- connectedCallback() {
14568
- this.innerHTML = `
14569
- <h2>
14570
- Toast Message Countdown
14571
- </h2>
14572
- <gov-toast variant="success" type="solid">
14573
- <gov-icon name="check-lg" slot="icon"></gov-icon>
14574
- <p>
14575
- Vaše dokumenty byly úspěšně staženy.
14576
- </p>
14577
- </gov-toast>
14578
- <br>
14579
- <gov-toast variant="error" type="solid" gravity="bottom" position="left">
14580
- <gov-icon name="info" slot="icon"></gov-icon>
14581
- <p>
14582
- Není možné požadavek zpracovat z důvodu chyby serveru.
14583
- </p>
14584
- </gov-toast>
14585
- <br>
14586
- <gov-toast variant="warning" type="solid" position="left">
14587
- <gov-icon name="info" slot="icon"></gov-icon>
14588
- <p>
14589
- Žádost se nepodařilo odeslat, zkontrolujte nastavení.
14590
- </p>
14591
- </gov-toast>
14592
- <br>
14593
- <gov-toast variant="primary" type="solid" position="center">
14594
- <gov-icon name="info" slot="icon"></gov-icon>
14595
- <p>
14596
- Soubory jsou připraveny ke stažení.
14597
- </p>
14598
- </gov-toast>
14599
- <br>
14600
- <gov-toast variant="secondary" type="solid" gravity="bottom" position="right">
14601
- <gov-icon name="info" slot="icon"></gov-icon>
14602
- <p>
14603
- Vaše aplikace byla aktualizovaná na novou verzi!
14604
- </p>
14605
- </gov-toast>
14606
- `;
14607
- }
14608
- }
14609
- if (customElements.get('toast-message-countdown-page') === undefined) {
14610
- customElements.define('toast-message-countdown-page', ToastMessageCountdownPage);
14611
- }
14612
-
14613
15072
  class WizzardPage extends HTMLElement {
14614
15073
  connectedCallback() {
14615
15074
  this.innerHTML = `
@@ -14719,6 +15178,7 @@ class GovApp {
14719
15178
  { path: '/message', component: 'message-page' },
14720
15179
  { path: '/cookiebar', component: 'cookiebar-page' },
14721
15180
  { path: '/container', component: 'container-page' },
15181
+ { path: '/control-group', component: 'control-group-page' },
14722
15182
  { path: '/empty', component: 'empty-page' },
14723
15183
  { path: '/error', component: 'error-page' },
14724
15184
  { path: '/forms', component: 'forms-page' },
@@ -14940,7 +15400,7 @@ const ButtonClass = {
14940
15400
  rootWithIcon: 'gov-button--w-icon',
14941
15401
  };
14942
15402
 
14943
- const govBadgeCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-badge{display:inline-flex}.gov-badge .element{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--gov-button-border-width, 0.0625rem) solid transparent;transition:background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;cursor:inherit;will-change:background-color, border-color}.gov-badge .element:focus{outline:none}.gov-badge .element .gov-icon{flex:0 0 auto;color:inherit}.gov-badge .element>*{display:flex}[hoverable].gov-badge .element{cursor:pointer}[hoverable].gov-badge .element:focus{outline:none}[hoverable].gov-badge .element:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}[hoverable][type=outlined].gov-badge .element:focus-visible,[hoverable][type=base].gov-badge .element:focus-visible{outline-offset:0}[hoverable][disabled=\"\"].gov-badge,[hoverable][disabled=true i].gov-badge,[hoverable][disabled=\"1\"].gov-badge{cursor:not-allowed}[hoverable][disabled=\"\"].gov-badge .element,[hoverable][disabled=true i].gov-badge .element,[hoverable][disabled=\"1\"].gov-badge .element{pointer-events:none}[expanded=\"\"].gov-badge,[expanded=true i].gov-badge,[expanded=\"1\"].gov-badge{display:block}[expanded=\"\"].gov-badge .element,[expanded=true i].gov-badge .element,[expanded=\"1\"].gov-badge .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-badge .element{background-color:var(--gov-button-primary-solid-bg, var(--gov-color-primary));color:var(--gov-button-primary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=primary][inverse=\"\"].gov-badge .element,[type=solid][variant=primary][inverse=true i].gov-badge .element,[type=solid][variant=primary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-primary-200))}[type=solid][variant=primary][inverse=\"\"].gov-badge .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=primary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=true i].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-solid-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-solid-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-primary-solid-active-bg, var(--gov-color-primary-800))}}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-primary-solid-inverse-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-badge .element{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary));border-color:var(--gov-button-primary-outlined-border, var(--gov-color-primary))}[type=outlined][variant=primary][inverse=\"\"].gov-badge .element,[type=outlined][variant=primary][inverse=true i].gov-badge .element,[type=outlined][variant=primary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-outlined-inverse-bg, transparent);border-color:var(--gov-button-primary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=primary][inverse=\"\"].gov-badge .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=primary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=true i].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-outlined-disabled-bg, transparent);color:var(--gov-button-primary-outlined-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-disabled-border, var(--gov-color-primary-300))}[type=outlined][variant=primary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-outlined-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-outlined-inverse-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-inverse-disabled-border-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}[type=outlined][variant=primary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-primary-outlined-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-primary-outlined-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-badge .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary));border-width:0}[type=base][variant=primary][inverse=\"\"].gov-badge .element,[type=base][variant=primary][inverse=true i].gov-badge .element,[type=base][variant=primary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-base-inverse-bg, transparent)}[type=base][variant=primary][disabled=\"\"].gov-badge .element,[type=base][variant=primary][disabled=true i].gov-badge .element,[type=base][variant=primary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-base-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-base-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}[type=base][variant=primary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-primary-base-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-primary-base-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-primary-base-inverse-active-bg, var(--gov-color-primary-400));color:var(--gov-button-primary-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=primary].gov-badge .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary));border-width:0}[type=link][variant=primary][inverse=\"\"].gov-badge .element,[type=link][variant=primary][inverse=true i].gov-badge .element,[type=link][variant=primary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-primary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-link-inverse-bg, transparent)}[type=link][variant=primary][disabled=\"\"].gov-badge .element,[type=link][variant=primary][disabled=true i].gov-badge .element,[type=link][variant=primary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-link-inverse-disabled-bg, transparent);color:var(--gov-button-primary-link-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}[type=link][variant=primary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-primary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-primary-700))}}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-primary-link-inverse-hover-bg, transparent);color:var(--gov-button-primary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-primary-link-inverse-active-bg, transparent);color:var(--gov-button-primary-link-inverse-active-color, var(--gov-color-primary-200))}}[type=solid][variant=secondary].gov-badge .element{background-color:var(--gov-button-secondary-solid-bg, var(--gov-color-secondary));color:var(--gov-button-secondary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=secondary][inverse=\"\"].gov-badge .element,[type=solid][variant=secondary][inverse=true i].gov-badge .element,[type=solid][variant=secondary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=\"\"].gov-badge .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=secondary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=true i].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-solid-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-solid-disabled-color, var(--gov-color-secondary-600))}[type=solid][variant=secondary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-solid-inverse-disabled-bg, var(--gov-color-neutral-white));color:var(--gov-button-secondary-solid-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-solid-active-bg, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-secondary-solid-inverse-hover-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-solid-inverse-active-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-solid-inverse-active-color, var(--gov-color-neutral-white))}}[type=outlined][variant=secondary].gov-badge .element{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary));border-color:var(--gov-button-secondary-outlined-border, var(--gov-color-secondary))}[type=outlined][variant=secondary][inverse=\"\"].gov-badge .element,[type=outlined][variant=secondary][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent);border-color:var(--gov-button-secondary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][inverse=\"\"].gov-badge .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=secondary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-outlined-disabled-bg, transparent);color:var(--gov-button-secondary-outlined-disabled-color, var(--gov-color-secondary-500));border-color:var(--gov-button-secondary-outlined-disabled-border, var(--gov-color-secondary-500))}[type=outlined][variant=secondary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-outlined-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-disabled-color, var(--gov-color-secondary-600));border-color:var(--gov-button-secondary-outlined-inverse-disabled-border-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}[type=outlined][variant=secondary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-outlined-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-secondary-outlined-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-outlined-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-outlined-inverse-active-color, var(--gov-color-secondary))}}[type=base][variant=secondary].gov-badge .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary));border-width:0}[type=base][variant=secondary][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][inverse=true i].gov-badge .element,[type=base][variant=secondary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}[type=base][variant=secondary][disabled=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=true i].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-base-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary))}[type=base][variant=secondary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-base-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-secondary-base-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-base-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-base-inverse-active-color, var(--gov-color-secondary))}}[type=link][variant=secondary].gov-badge .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary));border-width:0}[type=link][variant=secondary][inverse=\"\"].gov-badge .element,[type=link][variant=secondary][inverse=true i].gov-badge .element,[type=link][variant=secondary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-secondary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-link-inverse-bg, transparent)}[type=link][variant=secondary][disabled=\"\"].gov-badge .element,[type=link][variant=secondary][disabled=true i].gov-badge .element,[type=link][variant=secondary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-link-inverse-disabled-bg, transparent);color:var(--gov-button-secondary-link-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}[type=link][variant=secondary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-secondary-link-inverse-hover-bg, transparent);color:var(--gov-button-secondary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-link-inverse-active-bg, transparent);color:var(--gov-button-secondary-link-inverse-active-color, var(--gov-color-secondary-500))}}[type=solid][variant=error].gov-badge .element{background-color:var(--gov-button-error-solid-bg, var(--gov-color-error));color:var(--gov-button-error-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=error][inverse=\"\"].gov-badge .element,[type=solid][variant=error][inverse=true i].gov-badge .element,[type=solid][variant=error][inverse=\"1\"].gov-badge .element{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-error-200))}[type=solid][variant=error][inverse=\"\"].gov-badge .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=error][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"].gov-badge .element,[type=solid][variant=error][disabled=true i].gov-badge .element,[type=solid][variant=error][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-error-solid-disabled-bg, var(--gov-color-error-200));color:var(--gov-button-error-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=solid][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-error-solid-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-solid-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable].gov-badge .element:hover{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-error-solid-active-bg, var(--gov-color-error-600))}}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-700));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-800))}}[type=outlined][variant=error].gov-badge .element{color:var(--gov-button-error-outlined-color, var(--gov-color-error));border-color:var(--gov-button-error-outlined-border, var(--gov-color-error))}[type=outlined][variant=error][inverse=\"\"].gov-badge .element,[type=outlined][variant=error][inverse=true i].gov-badge .element,[type=outlined][variant=error][inverse=\"1\"].gov-badge .element{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-outlined-inverse-bg, transparent);border-color:var(--gov-button-error-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=error][inverse=\"\"].gov-badge .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=error][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=true i].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-error-outlined-disabled-bg, transparent);color:var(--gov-button-error-outlined-disabled-color, var(--gov-color-error-200));border-color:var(--gov-button-error-outlined-disabled-border, var(--gov-color-error-200))}[type=outlined][variant=error][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-error-outlined-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-outlined-inverse-disabled-color, var(--gov-color-error-400));border-color:var(--gov-button-error-outlined-inverse-disabled-border-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable].gov-badge .element:hover{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}[type=outlined][variant=error][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-error-outlined-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-error-outlined-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-badge .element{color:var(--gov-button-error-base-color, var(--gov-color-error));border-width:0}[type=base][variant=error][inverse=\"\"].gov-badge .element,[type=base][variant=error][inverse=true i].gov-badge .element,[type=base][variant=error][inverse=\"1\"].gov-badge .element{color:var(--gov-button-error-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-base-inverse-bg, transparent)}[type=base][variant=error][disabled=\"\"].gov-badge .element,[type=base][variant=error][disabled=true i].gov-badge .element,[type=base][variant=error][disabled=\"1\"].gov-badge .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-error-base-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-base-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=base][variant=error][hoverable].gov-badge .element:hover{background-color:var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-base-hover-color, var(--gov-color-error))}[type=base][variant=error][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-error-base-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=base][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-error-base-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-error-base-inverse-active-bg, var(--gov-color-error-400));color:var(--gov-button-error-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=error].gov-badge .element{color:var(--gov-button-error-link-color, var(--gov-color-error));border-width:0}[type=link][variant=error][inverse=\"\"].gov-badge .element,[type=link][variant=error][inverse=true i].gov-badge .element,[type=link][variant=error][inverse=\"1\"].gov-badge .element{color:var(--gov-button-error-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-link-inverse-bg, transparent)}[type=link][variant=error][disabled=\"\"].gov-badge .element,[type=link][variant=error][disabled=true i].gov-badge .element,[type=link][variant=error][disabled=\"1\"].gov-badge .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-error-link-inverse-disabled-bg, transparent);color:var(--gov-button-error-link-inverse-disabled-color, var(--gov-color-error-200))}@media not all and (pointer: coarse){[type=link][variant=error][hoverable].gov-badge .element:hover{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}[type=link][variant=error][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-error-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-error-500))}}@media not all and (pointer: coarse){[type=link][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-error-link-inverse-hover-bg, transparent);color:var(--gov-button-error-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-error-link-inverse-active-bg, transparent);color:var(--gov-button-error-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=success].gov-badge .element{background-color:var(--gov-button-success-solid-bg, var(--gov-color-success-500));color:var(--gov-button-success-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=success][inverse=\"\"].gov-badge .element,[type=solid][variant=success][inverse=true i].gov-badge .element,[type=solid][variant=success][inverse=\"1\"].gov-badge .element{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success));background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-success-200))}[type=solid][variant=success][inverse=\"\"].gov-badge .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=success][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"].gov-badge .element,[type=solid][variant=success][disabled=true i].gov-badge .element,[type=solid][variant=success][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-success-solid-disabled-bg, var(--gov-color-success-200));color:var(--gov-button-success-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=solid][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-success-solid-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-solid-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable].gov-badge .element:hover{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-success-solid-active-bg, var(--gov-color-success-700))}}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-success-solid-inverse-hover-bg, var(--gov-color-success-700));color:var(--gov-button-success-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-badge .element{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500));border-color:var(--gov-button-success-outlined-border, var(--gov-color-success-500))}[type=outlined][variant=success][inverse=\"\"].gov-badge .element,[type=outlined][variant=success][inverse=true i].gov-badge .element,[type=outlined][variant=success][inverse=\"1\"].gov-badge .element{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-outlined-inverse-bg, transparent);border-color:var(--gov-button-success-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=success][inverse=\"\"].gov-badge .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=success][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=true i].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-success-outlined-disabled-bg, transparent);color:var(--gov-button-success-outlined-disabled-color, var(--gov-color-success-300));border-color:var(--gov-button-success-outlined-disabled-border, var(--gov-color-success-300))}[type=outlined][variant=success][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-success-outlined-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-outlined-inverse-disabled-color, var(--gov-color-success-400));border-color:var(--gov-button-success-outlined-inverse-disabled-border-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable].gov-badge .element:hover{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}[type=outlined][variant=success][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-success-outlined-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-success-outlined-inverse-hover-bg, var(--gov-color-success-500));color:var(--gov-button-success-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-badge .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500));border-width:0}[type=base][variant=success][inverse=\"\"].gov-badge .element,[type=base][variant=success][inverse=true i].gov-badge .element,[type=base][variant=success][inverse=\"1\"].gov-badge .element{color:var(--gov-button-success-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-base-inverse-bg, transparent)}[type=base][variant=success][disabled=\"\"].gov-badge .element,[type=base][variant=success][disabled=true i].gov-badge .element,[type=base][variant=success][disabled=\"1\"].gov-badge .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-success-base-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-base-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=base][variant=success][hoverable].gov-badge .element:hover{background-color:var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-base-hover-color, var(--gov-color-success-500))}[type=base][variant=success][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-success-base-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=base][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-success-base-inverse-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-success-base-inverse-active-bg, var(--gov-color-success-500));color:var(--gov-button-success-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=success].gov-badge .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500));border-width:0}[type=link][variant=success][inverse=\"\"].gov-badge .element,[type=link][variant=success][inverse=true i].gov-badge .element,[type=link][variant=success][inverse=\"1\"].gov-badge .element{color:var(--gov-button-success-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-link-inverse-bg, transparent)}[type=link][variant=success][disabled=\"\"].gov-badge .element,[type=link][variant=success][disabled=true i].gov-badge .element,[type=link][variant=success][disabled=\"1\"].gov-badge .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-success-link-inverse-disabled-bg, transparent);color:var(--gov-button-success-link-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=link][variant=success][hoverable].gov-badge .element:hover{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}[type=link][variant=success][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-success-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){[type=link][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-success-link-inverse-hover-bg, transparent);color:var(--gov-button-success-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-success-link-inverse-active-bg, transparent);color:var(--gov-button-success-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=warning].gov-badge .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=warning][inverse=\"\"].gov-badge .element,[type=solid][variant=warning][inverse=true i].gov-badge .element,[type=solid][variant=warning][inverse=\"1\"].gov-badge .element{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning));background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-warning-200))}[type=solid][variant=warning][inverse=\"\"].gov-badge .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=warning][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=true i].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-solid-disabled-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-solid-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-solid-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable].gov-badge .element:hover{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-warning-solid-active-bg, var(--gov-color-warning-700))}}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-warning-solid-inverse-hover-bg, var(--gov-color-warning-700));color:var(--gov-button-warning-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-badge .element{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500));border-color:var(--gov-button-warning-outlined-border, var(--gov-color-warning-500))}[type=outlined][variant=warning][inverse=\"\"].gov-badge .element,[type=outlined][variant=warning][inverse=true i].gov-badge .element,[type=outlined][variant=warning][inverse=\"1\"].gov-badge .element{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-outlined-inverse-bg, transparent);border-color:var(--gov-button-warning-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=warning][inverse=\"\"].gov-badge .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=warning][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=true i].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-outlined-disabled-bg, transparent);color:var(--gov-button-warning-outlined-disabled-color, var(--gov-color-warning));border-color:var(--gov-button-warning-outlined-disabled-border, var(--gov-color-warning))}[type=outlined][variant=warning][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-outlined-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-outlined-inverse-disabled-color, var(--gov-color-warning-400));border-color:var(--gov-button-warning-outlined-inverse-disabled-border-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable].gov-badge .element:hover{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}[type=outlined][variant=warning][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-warning-outlined-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-warning-outlined-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-badge .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500));border-width:0}[type=base][variant=warning][inverse=\"\"].gov-badge .element,[type=base][variant=warning][inverse=true i].gov-badge .element,[type=base][variant=warning][inverse=\"1\"].gov-badge .element{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-base-inverse-bg, transparent)}[type=base][variant=warning][disabled=\"\"].gov-badge .element,[type=base][variant=warning][disabled=true i].gov-badge .element,[type=base][variant=warning][disabled=\"1\"].gov-badge .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-base-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-base-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable].gov-badge .element:hover{background-color:var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500))}[type=base][variant=warning][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-warning-base-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-warning-base-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-warning-base-inverse-active-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=warning].gov-badge .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500));border-width:0}[type=link][variant=warning][inverse=\"\"].gov-badge .element,[type=link][variant=warning][inverse=true i].gov-badge .element,[type=link][variant=warning][inverse=\"1\"].gov-badge .element{color:var(--gov-button-warning-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-link-inverse-bg, transparent)}[type=link][variant=warning][disabled=\"\"].gov-badge .element,[type=link][variant=warning][disabled=true i].gov-badge .element,[type=link][variant=warning][disabled=\"1\"].gov-badge .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-link-inverse-disabled-bg, transparent);color:var(--gov-button-warning-link-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable].gov-badge .element:hover{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}[type=link][variant=warning][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-warning-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-warning-600))}}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-warning-link-inverse-hover-bg, transparent);color:var(--gov-button-warning-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-warning-link-inverse-active-bg, transparent);color:var(--gov-button-warning-link-inverse-active-color, var(--gov-color-neutral-white))}}[size=xs].gov-badge .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-xs-padding-x, 0.625rem);column-gap:var(--gov-button-xs-padding-x, 0.625rem);min-height:var(--gov-button-xs-min-height, 1.5rem);padding:var(--gov-button-xs-padding-y, 0.125rem) var(--gov-button-xs-padding-x, 0.625rem)}[size=xs].gov-badge .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-badge .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-s-padding-x, 0.75rem);column-gap:var(--gov-button-s-padding-x, 0.75rem);min-height:var(--gov-button-s-min-height, 2rem);padding:var(--gov-button-s-padding-y, 0.25rem) var(--gov-button-s-padding-x, 0.75rem)}[size=s].gov-badge .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-badge .element{font-weight:var(--gov-button-text-m-font-weight, var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));-moz-column-gap:var(--gov-button-m-padding-x, 0.75rem);column-gap:var(--gov-button-m-padding-x, 0.75rem);min-height:var(--gov-button-m-min-height, 2.5rem);padding:var(--gov-button-m-padding-y, 0.375rem) var(--gov-button-m-padding-x, 0.75rem)}[size=m].gov-badge .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-badge .element{font-weight:var(--gov-button-text-l-font-weight, var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-letter-spacing));-moz-column-gap:var(--gov-button-l-padding-x, 1rem);column-gap:var(--gov-button-l-padding-x, 1rem);min-height:var(--gov-button-l-min-height, 3rem);padding:var(--gov-button-l-padding-y, 0.5rem) var(--gov-button-l-padding-x, 1rem)}[size=l].gov-badge .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-badge .element{font-weight:var(--gov-button-text-xl-font-weight, var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));-moz-column-gap:var(--gov-button-xl-padding-x, 1.25rem);column-gap:var(--gov-button-xl-padding-x, 1.25rem);min-height:var(--gov-button-xl-min-height, 3.5rem);padding:var(--gov-button-xl-padding-y, 0.75rem) var(--gov-button-xl-padding-x, 1.25rem)}[size=xl].gov-badge .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-badge a .gov-icon{margin:0}.gov-badge .element{padding:0.25rem 0.625rem;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;letter-spacing:initial}.gov-badge .gov-button .element{border:none}.gov-badge[size=xs] .element{border-radius:calc(var(--gov-button-xs-min-height, 1.5rem) * 0.5)}.gov-badge[size=xs][hoverable] .element:focus{outline:none}.gov-badge[size=xs][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-xs-min-height, 1.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[size=s] .element{border-radius:calc(var(--gov-button-s-min-height, 2rem) * 0.5)}.gov-badge[size=s][hoverable] .element:focus{outline:none}.gov-badge[size=s][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-s-min-height, 2rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[size=m] .element{border-radius:calc(var(--gov-button-m-min-height, 2.5rem) * 0.5)}.gov-badge[size=m][hoverable] .element:focus{outline:none}.gov-badge[size=m][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-m-min-height, 2.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[size=l] .element{border-radius:calc(var(--gov-button-l-min-height, 3rem) * 0.5)}.gov-badge[size=l][hoverable] .element:focus{outline:none}.gov-badge[size=l][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-l-min-height, 3rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[size=xl] .element{border-radius:calc(var(--gov-button-xl-min-height, 3.5rem) * 0.5)}.gov-badge[size=xl][hoverable] .element:focus{outline:none}.gov-badge[size=xl][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-xl-min-height, 3.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[type=solid][variant=primary][inverse=\"\"] .element,.gov-badge[type=solid][variant=primary][inverse=true i] .element,.gov-badge[type=solid][variant=primary][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-primary-border-color, var(--gov-color-primary-200));background-color:var(--gov-badge-inverse-primary-bg, var(--gov-color-primary-100));color:var(--gov-badge-inverse-primary-color, var(--gov-color-primary))}.gov-badge[type=solid][variant=secondary][inverse=\"\"] .element,.gov-badge[type=solid][variant=secondary][inverse=true i] .element,.gov-badge[type=solid][variant=secondary][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-secondary-border-color, var(--gov-color-secondary-400));background-color:var(--gov-badge-inverse-secondary-bg, var(--gov-color-secondary-200));color:var(--gov-badge-inverse-secondary-color, var(--gov-color-secondary-900))}.gov-badge[type=solid][variant=success][inverse=\"\"] .element,.gov-badge[type=solid][variant=success][inverse=true i] .element,.gov-badge[type=solid][variant=success][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-success-border-color, var(--gov-color-success-200));background-color:var(--gov-badge-inverse-success-bg, var(--gov-color-success-100));color:var(--gov-badge-inverse-success-color, var(--gov-color-success-600))}.gov-badge[type=solid][variant=warning][inverse=\"\"] .element,.gov-badge[type=solid][variant=warning][inverse=true i] .element,.gov-badge[type=solid][variant=warning][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-warning-border-color, var(--gov-color-warning-200));background-color:var(--gov-badge-inverse-warning-bg, var(--gov-color-warning-100));color:var(--gov-badge-inverse-warning-color, var(--gov-color-warning-600))}.gov-badge[type=solid][variant=error][inverse=\"\"] .element,.gov-badge[type=solid][variant=error][inverse=true i] .element,.gov-badge[type=solid][variant=error][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-error-border-color, var(--gov-color-error-200));background-color:var(--gov-badge-inverse-error-bg, var(--gov-color-error-100));color:var(--gov-badge-inverse-error-color, var(--gov-color-error-500))}.gov-badge--has-right>.element{padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important}.gov-badge--has-left>.element{padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}";
15403
+ const govBadgeCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-badge .element{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--gov-button-border-width, 0.0625rem) solid transparent;transition:background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;cursor:inherit;will-change:background-color, border-color}.gov-badge .element:focus{outline:none}.gov-badge .element .gov-icon{flex:0 0 auto;color:inherit}.gov-badge .element>*{display:flex}[hoverable].gov-badge .element{cursor:pointer}[hoverable].gov-badge .element:focus{outline:none}[hoverable].gov-badge .element:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}[hoverable][type=outlined].gov-badge .element:focus-visible,[hoverable][type=base].gov-badge .element:focus-visible{outline-offset:0}[hoverable][disabled=\"\"].gov-badge,[hoverable][disabled=true i].gov-badge,[hoverable][disabled=\"1\"].gov-badge{cursor:not-allowed}[hoverable][disabled=\"\"].gov-badge .element,[hoverable][disabled=true i].gov-badge .element,[hoverable][disabled=\"1\"].gov-badge .element{pointer-events:none}[expanded=\"\"].gov-badge,[expanded=true i].gov-badge,[expanded=\"1\"].gov-badge{display:block}[expanded=\"\"].gov-badge .element,[expanded=true i].gov-badge .element,[expanded=\"1\"].gov-badge .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-badge .element{background-color:var(--gov-button-primary-solid-bg, var(--gov-color-primary));color:var(--gov-button-primary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=primary][inverse=\"\"].gov-badge .element,[type=solid][variant=primary][inverse=true i].gov-badge .element,[type=solid][variant=primary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-primary-200))}[type=solid][variant=primary][inverse=\"\"].gov-badge .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=primary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=true i].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-solid-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-solid-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-primary-solid-active-bg, var(--gov-color-primary-800))}}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-primary-solid-inverse-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-badge .element{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary));border-color:var(--gov-button-primary-outlined-border, var(--gov-color-primary))}[type=outlined][variant=primary][inverse=\"\"].gov-badge .element,[type=outlined][variant=primary][inverse=true i].gov-badge .element,[type=outlined][variant=primary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-outlined-inverse-bg, transparent);border-color:var(--gov-button-primary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=primary][inverse=\"\"].gov-badge .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=primary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=true i].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-outlined-disabled-bg, transparent);color:var(--gov-button-primary-outlined-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-disabled-border, var(--gov-color-primary-300))}[type=outlined][variant=primary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-outlined-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-outlined-inverse-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-inverse-disabled-border-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}[type=outlined][variant=primary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-primary-outlined-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-primary-outlined-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-badge .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary));border-width:0}[type=base][variant=primary][inverse=\"\"].gov-badge .element,[type=base][variant=primary][inverse=true i].gov-badge .element,[type=base][variant=primary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-base-inverse-bg, transparent)}[type=base][variant=primary][disabled=\"\"].gov-badge .element,[type=base][variant=primary][disabled=true i].gov-badge .element,[type=base][variant=primary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-base-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-base-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}[type=base][variant=primary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-primary-base-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-primary-base-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-primary-base-inverse-active-bg, var(--gov-color-primary-400));color:var(--gov-button-primary-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=primary].gov-badge .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary));border-width:0}[type=link][variant=primary][inverse=\"\"].gov-badge .element,[type=link][variant=primary][inverse=true i].gov-badge .element,[type=link][variant=primary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-primary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-link-inverse-bg, transparent)}[type=link][variant=primary][disabled=\"\"].gov-badge .element,[type=link][variant=primary][disabled=true i].gov-badge .element,[type=link][variant=primary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-link-inverse-disabled-bg, transparent);color:var(--gov-button-primary-link-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}[type=link][variant=primary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-primary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-primary-700))}}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-primary-link-inverse-hover-bg, transparent);color:var(--gov-button-primary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-primary-link-inverse-active-bg, transparent);color:var(--gov-button-primary-link-inverse-active-color, var(--gov-color-primary-200))}}[type=solid][variant=secondary].gov-badge .element{background-color:var(--gov-button-secondary-solid-bg, var(--gov-color-secondary));color:var(--gov-button-secondary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=secondary][inverse=\"\"].gov-badge .element,[type=solid][variant=secondary][inverse=true i].gov-badge .element,[type=solid][variant=secondary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=\"\"].gov-badge .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=secondary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=true i].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-solid-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-solid-disabled-color, var(--gov-color-secondary-600))}[type=solid][variant=secondary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-solid-inverse-disabled-bg, var(--gov-color-neutral-white));color:var(--gov-button-secondary-solid-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-solid-active-bg, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-secondary-solid-inverse-hover-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-solid-inverse-active-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-solid-inverse-active-color, var(--gov-color-neutral-white))}}[type=outlined][variant=secondary].gov-badge .element{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary));border-color:var(--gov-button-secondary-outlined-border, var(--gov-color-secondary))}[type=outlined][variant=secondary][inverse=\"\"].gov-badge .element,[type=outlined][variant=secondary][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent);border-color:var(--gov-button-secondary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][inverse=\"\"].gov-badge .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=secondary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-outlined-disabled-bg, transparent);color:var(--gov-button-secondary-outlined-disabled-color, var(--gov-color-secondary-500));border-color:var(--gov-button-secondary-outlined-disabled-border, var(--gov-color-secondary-500))}[type=outlined][variant=secondary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-outlined-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-disabled-color, var(--gov-color-secondary-600));border-color:var(--gov-button-secondary-outlined-inverse-disabled-border-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}[type=outlined][variant=secondary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-outlined-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-secondary-outlined-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-outlined-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-outlined-inverse-active-color, var(--gov-color-secondary))}}[type=base][variant=secondary].gov-badge .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary));border-width:0}[type=base][variant=secondary][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][inverse=true i].gov-badge .element,[type=base][variant=secondary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}[type=base][variant=secondary][disabled=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=true i].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-base-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary))}[type=base][variant=secondary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-base-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-secondary-base-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-base-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-base-inverse-active-color, var(--gov-color-secondary))}}[type=link][variant=secondary].gov-badge .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary));border-width:0}[type=link][variant=secondary][inverse=\"\"].gov-badge .element,[type=link][variant=secondary][inverse=true i].gov-badge .element,[type=link][variant=secondary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-secondary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-link-inverse-bg, transparent)}[type=link][variant=secondary][disabled=\"\"].gov-badge .element,[type=link][variant=secondary][disabled=true i].gov-badge .element,[type=link][variant=secondary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-link-inverse-disabled-bg, transparent);color:var(--gov-button-secondary-link-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}[type=link][variant=secondary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-secondary-link-inverse-hover-bg, transparent);color:var(--gov-button-secondary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-link-inverse-active-bg, transparent);color:var(--gov-button-secondary-link-inverse-active-color, var(--gov-color-secondary-500))}}[type=solid][variant=error].gov-badge .element{background-color:var(--gov-button-error-solid-bg, var(--gov-color-error));color:var(--gov-button-error-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=error][inverse=\"\"].gov-badge .element,[type=solid][variant=error][inverse=true i].gov-badge .element,[type=solid][variant=error][inverse=\"1\"].gov-badge .element{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-error-200))}[type=solid][variant=error][inverse=\"\"].gov-badge .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=error][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"].gov-badge .element,[type=solid][variant=error][disabled=true i].gov-badge .element,[type=solid][variant=error][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-error-solid-disabled-bg, var(--gov-color-error-200));color:var(--gov-button-error-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=solid][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-error-solid-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-solid-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable].gov-badge .element:hover{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-error-solid-active-bg, var(--gov-color-error-600))}}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-700));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-800))}}[type=outlined][variant=error].gov-badge .element{color:var(--gov-button-error-outlined-color, var(--gov-color-error));border-color:var(--gov-button-error-outlined-border, var(--gov-color-error))}[type=outlined][variant=error][inverse=\"\"].gov-badge .element,[type=outlined][variant=error][inverse=true i].gov-badge .element,[type=outlined][variant=error][inverse=\"1\"].gov-badge .element{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-outlined-inverse-bg, transparent);border-color:var(--gov-button-error-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=error][inverse=\"\"].gov-badge .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=error][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=true i].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-error-outlined-disabled-bg, transparent);color:var(--gov-button-error-outlined-disabled-color, var(--gov-color-error-200));border-color:var(--gov-button-error-outlined-disabled-border, var(--gov-color-error-200))}[type=outlined][variant=error][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-error-outlined-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-outlined-inverse-disabled-color, var(--gov-color-error-400));border-color:var(--gov-button-error-outlined-inverse-disabled-border-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable].gov-badge .element:hover{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}[type=outlined][variant=error][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-error-outlined-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-error-outlined-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-badge .element{color:var(--gov-button-error-base-color, var(--gov-color-error));border-width:0}[type=base][variant=error][inverse=\"\"].gov-badge .element,[type=base][variant=error][inverse=true i].gov-badge .element,[type=base][variant=error][inverse=\"1\"].gov-badge .element{color:var(--gov-button-error-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-base-inverse-bg, transparent)}[type=base][variant=error][disabled=\"\"].gov-badge .element,[type=base][variant=error][disabled=true i].gov-badge .element,[type=base][variant=error][disabled=\"1\"].gov-badge .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-error-base-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-base-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=base][variant=error][hoverable].gov-badge .element:hover{background-color:var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-base-hover-color, var(--gov-color-error))}[type=base][variant=error][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-error-base-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=base][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-error-base-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-error-base-inverse-active-bg, var(--gov-color-error-400));color:var(--gov-button-error-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=error].gov-badge .element{color:var(--gov-button-error-link-color, var(--gov-color-error));border-width:0}[type=link][variant=error][inverse=\"\"].gov-badge .element,[type=link][variant=error][inverse=true i].gov-badge .element,[type=link][variant=error][inverse=\"1\"].gov-badge .element{color:var(--gov-button-error-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-link-inverse-bg, transparent)}[type=link][variant=error][disabled=\"\"].gov-badge .element,[type=link][variant=error][disabled=true i].gov-badge .element,[type=link][variant=error][disabled=\"1\"].gov-badge .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-error-link-inverse-disabled-bg, transparent);color:var(--gov-button-error-link-inverse-disabled-color, var(--gov-color-error-200))}@media not all and (pointer: coarse){[type=link][variant=error][hoverable].gov-badge .element:hover{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}[type=link][variant=error][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-error-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-error-500))}}@media not all and (pointer: coarse){[type=link][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-error-link-inverse-hover-bg, transparent);color:var(--gov-button-error-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-error-link-inverse-active-bg, transparent);color:var(--gov-button-error-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=success].gov-badge .element{background-color:var(--gov-button-success-solid-bg, var(--gov-color-success-500));color:var(--gov-button-success-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=success][inverse=\"\"].gov-badge .element,[type=solid][variant=success][inverse=true i].gov-badge .element,[type=solid][variant=success][inverse=\"1\"].gov-badge .element{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success));background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-success-200))}[type=solid][variant=success][inverse=\"\"].gov-badge .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=success][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"].gov-badge .element,[type=solid][variant=success][disabled=true i].gov-badge .element,[type=solid][variant=success][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-success-solid-disabled-bg, var(--gov-color-success-200));color:var(--gov-button-success-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=solid][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-success-solid-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-solid-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable].gov-badge .element:hover{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-success-solid-active-bg, var(--gov-color-success-700))}}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-success-solid-inverse-hover-bg, var(--gov-color-success-700));color:var(--gov-button-success-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-badge .element{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500));border-color:var(--gov-button-success-outlined-border, var(--gov-color-success-500))}[type=outlined][variant=success][inverse=\"\"].gov-badge .element,[type=outlined][variant=success][inverse=true i].gov-badge .element,[type=outlined][variant=success][inverse=\"1\"].gov-badge .element{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-outlined-inverse-bg, transparent);border-color:var(--gov-button-success-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=success][inverse=\"\"].gov-badge .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=success][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=true i].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-success-outlined-disabled-bg, transparent);color:var(--gov-button-success-outlined-disabled-color, var(--gov-color-success-300));border-color:var(--gov-button-success-outlined-disabled-border, var(--gov-color-success-300))}[type=outlined][variant=success][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-success-outlined-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-outlined-inverse-disabled-color, var(--gov-color-success-400));border-color:var(--gov-button-success-outlined-inverse-disabled-border-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable].gov-badge .element:hover{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}[type=outlined][variant=success][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-success-outlined-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-success-outlined-inverse-hover-bg, var(--gov-color-success-500));color:var(--gov-button-success-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-badge .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500));border-width:0}[type=base][variant=success][inverse=\"\"].gov-badge .element,[type=base][variant=success][inverse=true i].gov-badge .element,[type=base][variant=success][inverse=\"1\"].gov-badge .element{color:var(--gov-button-success-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-base-inverse-bg, transparent)}[type=base][variant=success][disabled=\"\"].gov-badge .element,[type=base][variant=success][disabled=true i].gov-badge .element,[type=base][variant=success][disabled=\"1\"].gov-badge .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-success-base-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-base-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=base][variant=success][hoverable].gov-badge .element:hover{background-color:var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-base-hover-color, var(--gov-color-success-500))}[type=base][variant=success][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-success-base-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=base][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-success-base-inverse-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-success-base-inverse-active-bg, var(--gov-color-success-500));color:var(--gov-button-success-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=success].gov-badge .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500));border-width:0}[type=link][variant=success][inverse=\"\"].gov-badge .element,[type=link][variant=success][inverse=true i].gov-badge .element,[type=link][variant=success][inverse=\"1\"].gov-badge .element{color:var(--gov-button-success-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-link-inverse-bg, transparent)}[type=link][variant=success][disabled=\"\"].gov-badge .element,[type=link][variant=success][disabled=true i].gov-badge .element,[type=link][variant=success][disabled=\"1\"].gov-badge .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-success-link-inverse-disabled-bg, transparent);color:var(--gov-button-success-link-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=link][variant=success][hoverable].gov-badge .element:hover{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}[type=link][variant=success][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-success-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){[type=link][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-success-link-inverse-hover-bg, transparent);color:var(--gov-button-success-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-success-link-inverse-active-bg, transparent);color:var(--gov-button-success-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=warning].gov-badge .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=warning][inverse=\"\"].gov-badge .element,[type=solid][variant=warning][inverse=true i].gov-badge .element,[type=solid][variant=warning][inverse=\"1\"].gov-badge .element{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning));background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-warning-200))}[type=solid][variant=warning][inverse=\"\"].gov-badge .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=warning][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=true i].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-solid-disabled-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-solid-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-solid-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable].gov-badge .element:hover{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-warning-solid-active-bg, var(--gov-color-warning-700))}}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-warning-solid-inverse-hover-bg, var(--gov-color-warning-700));color:var(--gov-button-warning-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-badge .element{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500));border-color:var(--gov-button-warning-outlined-border, var(--gov-color-warning-500))}[type=outlined][variant=warning][inverse=\"\"].gov-badge .element,[type=outlined][variant=warning][inverse=true i].gov-badge .element,[type=outlined][variant=warning][inverse=\"1\"].gov-badge .element{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-outlined-inverse-bg, transparent);border-color:var(--gov-button-warning-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=warning][inverse=\"\"].gov-badge .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=warning][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=true i].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-outlined-disabled-bg, transparent);color:var(--gov-button-warning-outlined-disabled-color, var(--gov-color-warning));border-color:var(--gov-button-warning-outlined-disabled-border, var(--gov-color-warning))}[type=outlined][variant=warning][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-outlined-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-outlined-inverse-disabled-color, var(--gov-color-warning-400));border-color:var(--gov-button-warning-outlined-inverse-disabled-border-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable].gov-badge .element:hover{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}[type=outlined][variant=warning][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-warning-outlined-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-warning-outlined-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-badge .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500));border-width:0}[type=base][variant=warning][inverse=\"\"].gov-badge .element,[type=base][variant=warning][inverse=true i].gov-badge .element,[type=base][variant=warning][inverse=\"1\"].gov-badge .element{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-base-inverse-bg, transparent)}[type=base][variant=warning][disabled=\"\"].gov-badge .element,[type=base][variant=warning][disabled=true i].gov-badge .element,[type=base][variant=warning][disabled=\"1\"].gov-badge .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-base-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-base-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable].gov-badge .element:hover{background-color:var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500))}[type=base][variant=warning][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-warning-base-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-warning-base-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-warning-base-inverse-active-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=warning].gov-badge .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500));border-width:0}[type=link][variant=warning][inverse=\"\"].gov-badge .element,[type=link][variant=warning][inverse=true i].gov-badge .element,[type=link][variant=warning][inverse=\"1\"].gov-badge .element{color:var(--gov-button-warning-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-link-inverse-bg, transparent)}[type=link][variant=warning][disabled=\"\"].gov-badge .element,[type=link][variant=warning][disabled=true i].gov-badge .element,[type=link][variant=warning][disabled=\"1\"].gov-badge .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-link-inverse-disabled-bg, transparent);color:var(--gov-button-warning-link-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable].gov-badge .element:hover{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}[type=link][variant=warning][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-warning-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-warning-600))}}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-warning-link-inverse-hover-bg, transparent);color:var(--gov-button-warning-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-warning-link-inverse-active-bg, transparent);color:var(--gov-button-warning-link-inverse-active-color, var(--gov-color-neutral-white))}}[size=xs].gov-badge .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-xs-padding-x, 0.625rem);column-gap:var(--gov-button-xs-padding-x, 0.625rem);min-height:var(--gov-button-xs-min-height, 1.5rem);padding:var(--gov-button-xs-padding-y, 0.125rem) var(--gov-button-xs-padding-x, 0.625rem)}[size=xs].gov-badge .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-badge .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-s-padding-x, 0.75rem);column-gap:var(--gov-button-s-padding-x, 0.75rem);min-height:var(--gov-button-s-min-height, 2rem);padding:var(--gov-button-s-padding-y, 0.25rem) var(--gov-button-s-padding-x, 0.75rem)}[size=s].gov-badge .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-badge .element{font-weight:var(--gov-button-text-m-font-weight, var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));-moz-column-gap:var(--gov-button-m-padding-x, 0.75rem);column-gap:var(--gov-button-m-padding-x, 0.75rem);min-height:var(--gov-button-m-min-height, 2.5rem);padding:var(--gov-button-m-padding-y, 0.375rem) var(--gov-button-m-padding-x, 0.75rem)}[size=m].gov-badge .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-badge .element{font-weight:var(--gov-button-text-l-font-weight, var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-letter-spacing));-moz-column-gap:var(--gov-button-l-padding-x, 1rem);column-gap:var(--gov-button-l-padding-x, 1rem);min-height:var(--gov-button-l-min-height, 3rem);padding:var(--gov-button-l-padding-y, 0.5rem) var(--gov-button-l-padding-x, 1rem)}[size=l].gov-badge .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-badge .element{font-weight:var(--gov-button-text-xl-font-weight, var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));-moz-column-gap:var(--gov-button-xl-padding-x, 1.25rem);column-gap:var(--gov-button-xl-padding-x, 1.25rem);min-height:var(--gov-button-xl-min-height, 3.5rem);padding:var(--gov-button-xl-padding-y, 0.75rem) var(--gov-button-xl-padding-x, 1.25rem)}[size=xl].gov-badge .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-badge{display:inline-flex}.gov-badge a .gov-icon{margin:0}.gov-badge .element{padding:0.25rem 0.625rem;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;letter-spacing:initial}.gov-badge .gov-button .element{border:none}.gov-badge[size=xs] .element{border-radius:calc(var(--gov-button-xs-min-height, 1.5rem) * 0.5)}.gov-badge[size=xs][hoverable] .element:focus{outline:none}.gov-badge[size=xs][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-xs-min-height, 1.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[size=s] .element{border-radius:calc(var(--gov-button-s-min-height, 2rem) * 0.5)}.gov-badge[size=s][hoverable] .element:focus{outline:none}.gov-badge[size=s][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-s-min-height, 2rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[size=m] .element{border-radius:calc(var(--gov-button-m-min-height, 2.5rem) * 0.5)}.gov-badge[size=m][hoverable] .element:focus{outline:none}.gov-badge[size=m][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-m-min-height, 2.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[size=l] .element{border-radius:calc(var(--gov-button-l-min-height, 3rem) * 0.5)}.gov-badge[size=l][hoverable] .element:focus{outline:none}.gov-badge[size=l][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-l-min-height, 3rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[size=xl] .element{border-radius:calc(var(--gov-button-xl-min-height, 3.5rem) * 0.5)}.gov-badge[size=xl][hoverable] .element:focus{outline:none}.gov-badge[size=xl][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-xl-min-height, 3.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[type=solid][variant=primary][inverse=\"\"] .element,.gov-badge[type=solid][variant=primary][inverse=true i] .element,.gov-badge[type=solid][variant=primary][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-primary-border-color, var(--gov-color-primary-200));background-color:var(--gov-badge-inverse-primary-bg, var(--gov-color-primary-100));color:var(--gov-badge-inverse-primary-color, var(--gov-color-primary))}.gov-badge[type=solid][variant=secondary][inverse=\"\"] .element,.gov-badge[type=solid][variant=secondary][inverse=true i] .element,.gov-badge[type=solid][variant=secondary][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-secondary-border-color, var(--gov-color-secondary-400));background-color:var(--gov-badge-inverse-secondary-bg, var(--gov-color-secondary-200));color:var(--gov-badge-inverse-secondary-color, var(--gov-color-secondary-900))}.gov-badge[type=solid][variant=success][inverse=\"\"] .element,.gov-badge[type=solid][variant=success][inverse=true i] .element,.gov-badge[type=solid][variant=success][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-success-border-color, var(--gov-color-success-200));background-color:var(--gov-badge-inverse-success-bg, var(--gov-color-success-100));color:var(--gov-badge-inverse-success-color, var(--gov-color-success-600))}.gov-badge[type=solid][variant=warning][inverse=\"\"] .element,.gov-badge[type=solid][variant=warning][inverse=true i] .element,.gov-badge[type=solid][variant=warning][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-warning-border-color, var(--gov-color-warning-200));background-color:var(--gov-badge-inverse-warning-bg, var(--gov-color-warning-100));color:var(--gov-badge-inverse-warning-color, var(--gov-color-warning-600))}.gov-badge[type=solid][variant=error][inverse=\"\"] .element,.gov-badge[type=solid][variant=error][inverse=true i] .element,.gov-badge[type=solid][variant=error][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-error-border-color, var(--gov-color-error-200));background-color:var(--gov-badge-inverse-error-bg, var(--gov-color-error-100));color:var(--gov-badge-inverse-error-color, var(--gov-color-error-500))}.gov-badge--has-right>.element{padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important}.gov-badge--has-left>.element{padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}";
14944
15404
 
14945
15405
  class GovBadge {
14946
15406
  constructor(hostRef) {
@@ -15084,7 +15544,7 @@ function toBool(value) {
15084
15544
  }
15085
15545
  }
15086
15546
 
15087
- const govButtonCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-button{display:inline-flex}.gov-button .element{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--gov-button-border-width, 0.0625rem) solid transparent;transition:background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;cursor:inherit;will-change:background-color, border-color}.gov-button .element:focus{outline:none}.gov-button .element .gov-icon{flex:0 0 auto;color:inherit}.gov-button .element>*{display:flex}[hoverable].gov-button .element{cursor:pointer}[hoverable].gov-button .element:focus{outline:none}[hoverable].gov-button .element:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}[hoverable][type=outlined].gov-button .element:focus-visible,[hoverable][type=base].gov-button .element:focus-visible{outline-offset:0}[hoverable][disabled=\"\"].gov-button,[hoverable][disabled=true i].gov-button,[hoverable][disabled=\"1\"].gov-button{cursor:not-allowed}[hoverable][disabled=\"\"].gov-button .element,[hoverable][disabled=true i].gov-button .element,[hoverable][disabled=\"1\"].gov-button .element{pointer-events:none}[expanded=\"\"].gov-button,[expanded=true i].gov-button,[expanded=\"1\"].gov-button{display:block}[expanded=\"\"].gov-button .element,[expanded=true i].gov-button .element,[expanded=\"1\"].gov-button .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-button .element{background-color:var(--gov-button-primary-solid-bg, var(--gov-color-primary));color:var(--gov-button-primary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=primary][inverse=\"\"].gov-button .element,[type=solid][variant=primary][inverse=true i].gov-button .element,[type=solid][variant=primary][inverse=\"1\"].gov-button .element{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-primary-200))}[type=solid][variant=primary][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=primary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"].gov-button .element,[type=solid][variant=primary][disabled=true i].gov-button .element,[type=solid][variant=primary][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-primary-solid-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-primary-solid-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-solid-active-bg, var(--gov-color-primary-800))}}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-primary-solid-inverse-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-button .element{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary));border-color:var(--gov-button-primary-outlined-border, var(--gov-color-primary))}[type=outlined][variant=primary][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][inverse=true i].gov-button .element,[type=outlined][variant=primary][inverse=\"1\"].gov-button .element{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-outlined-inverse-bg, transparent);border-color:var(--gov-button-primary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=primary][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=primary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-primary-outlined-disabled-bg, transparent);color:var(--gov-button-primary-outlined-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-disabled-border, var(--gov-color-primary-300))}[type=outlined][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-primary-outlined-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-outlined-inverse-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-inverse-disabled-border-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}[type=outlined][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-outlined-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-primary-outlined-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-button .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary));border-width:0}[type=base][variant=primary][inverse=\"\"].gov-button .element,[type=base][variant=primary][inverse=true i].gov-button .element,[type=base][variant=primary][inverse=\"1\"].gov-button .element{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-base-inverse-bg, transparent)}[type=base][variant=primary][disabled=\"\"].gov-button .element,[type=base][variant=primary][disabled=true i].gov-button .element,[type=base][variant=primary][disabled=\"1\"].gov-button .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-primary-base-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-base-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}[type=base][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-base-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-primary-base-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-base-inverse-active-bg, var(--gov-color-primary-400));color:var(--gov-button-primary-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=primary].gov-button .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary));border-width:0}[type=link][variant=primary][inverse=\"\"].gov-button .element,[type=link][variant=primary][inverse=true i].gov-button .element,[type=link][variant=primary][inverse=\"1\"].gov-button .element{color:var(--gov-button-primary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-link-inverse-bg, transparent)}[type=link][variant=primary][disabled=\"\"].gov-button .element,[type=link][variant=primary][disabled=true i].gov-button .element,[type=link][variant=primary][disabled=\"1\"].gov-button .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-primary-link-inverse-disabled-bg, transparent);color:var(--gov-button-primary-link-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}[type=link][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-primary-700))}}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-primary-link-inverse-hover-bg, transparent);color:var(--gov-button-primary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-link-inverse-active-bg, transparent);color:var(--gov-button-primary-link-inverse-active-color, var(--gov-color-primary-200))}}[type=solid][variant=secondary].gov-button .element{background-color:var(--gov-button-secondary-solid-bg, var(--gov-color-secondary));color:var(--gov-button-secondary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=secondary][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][inverse=true i].gov-button .element,[type=solid][variant=secondary][inverse=\"1\"].gov-button .element{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=secondary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-solid-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-solid-disabled-color, var(--gov-color-secondary-600))}[type=solid][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-solid-inverse-disabled-bg, var(--gov-color-neutral-white));color:var(--gov-button-secondary-solid-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-solid-active-bg, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-secondary-solid-inverse-hover-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-solid-inverse-active-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-solid-inverse-active-color, var(--gov-color-neutral-white))}}[type=outlined][variant=secondary].gov-button .element{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary));border-color:var(--gov-button-secondary-outlined-border, var(--gov-color-secondary))}[type=outlined][variant=secondary][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][inverse=true i].gov-button .element,[type=outlined][variant=secondary][inverse=\"1\"].gov-button .element{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent);border-color:var(--gov-button-secondary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=secondary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-outlined-disabled-bg, transparent);color:var(--gov-button-secondary-outlined-disabled-color, var(--gov-color-secondary-500));border-color:var(--gov-button-secondary-outlined-disabled-border, var(--gov-color-secondary-500))}[type=outlined][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-outlined-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-disabled-color, var(--gov-color-secondary-600));border-color:var(--gov-button-secondary-outlined-inverse-disabled-border-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}[type=outlined][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-outlined-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-secondary-outlined-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-outlined-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-outlined-inverse-active-color, var(--gov-color-secondary))}}[type=base][variant=secondary].gov-button .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary));border-width:0}[type=base][variant=secondary][inverse=\"\"].gov-button .element,[type=base][variant=secondary][inverse=true i].gov-button .element,[type=base][variant=secondary][inverse=\"1\"].gov-button .element{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}[type=base][variant=secondary][disabled=\"\"].gov-button .element,[type=base][variant=secondary][disabled=true i].gov-button .element,[type=base][variant=secondary][disabled=\"1\"].gov-button .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-base-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary))}[type=base][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-base-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-secondary-base-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-base-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-base-inverse-active-color, var(--gov-color-secondary))}}[type=link][variant=secondary].gov-button .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary));border-width:0}[type=link][variant=secondary][inverse=\"\"].gov-button .element,[type=link][variant=secondary][inverse=true i].gov-button .element,[type=link][variant=secondary][inverse=\"1\"].gov-button .element{color:var(--gov-button-secondary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-link-inverse-bg, transparent)}[type=link][variant=secondary][disabled=\"\"].gov-button .element,[type=link][variant=secondary][disabled=true i].gov-button .element,[type=link][variant=secondary][disabled=\"1\"].gov-button .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-link-inverse-disabled-bg, transparent);color:var(--gov-button-secondary-link-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}[type=link][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-secondary-link-inverse-hover-bg, transparent);color:var(--gov-button-secondary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-link-inverse-active-bg, transparent);color:var(--gov-button-secondary-link-inverse-active-color, var(--gov-color-secondary-500))}}[type=solid][variant=error].gov-button .element{background-color:var(--gov-button-error-solid-bg, var(--gov-color-error));color:var(--gov-button-error-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=error][inverse=\"\"].gov-button .element,[type=solid][variant=error][inverse=true i].gov-button .element,[type=solid][variant=error][inverse=\"1\"].gov-button .element{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-error-200))}[type=solid][variant=error][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=error][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"].gov-button .element,[type=solid][variant=error][disabled=true i].gov-button .element,[type=solid][variant=error][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-error-solid-disabled-bg, var(--gov-color-error-200));color:var(--gov-button-error-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-error-solid-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-solid-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-solid-active-bg, var(--gov-color-error-600))}}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-700));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-800))}}[type=outlined][variant=error].gov-button .element{color:var(--gov-button-error-outlined-color, var(--gov-color-error));border-color:var(--gov-button-error-outlined-border, var(--gov-color-error))}[type=outlined][variant=error][inverse=\"\"].gov-button .element,[type=outlined][variant=error][inverse=true i].gov-button .element,[type=outlined][variant=error][inverse=\"1\"].gov-button .element{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-outlined-inverse-bg, transparent);border-color:var(--gov-button-error-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=error][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=error][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=\"\"].gov-button .element,[type=outlined][variant=error][disabled=true i].gov-button .element,[type=outlined][variant=error][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-error-outlined-disabled-bg, transparent);color:var(--gov-button-error-outlined-disabled-color, var(--gov-color-error-200));border-color:var(--gov-button-error-outlined-disabled-border, var(--gov-color-error-200))}[type=outlined][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-error-outlined-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-outlined-inverse-disabled-color, var(--gov-color-error-400));border-color:var(--gov-button-error-outlined-inverse-disabled-border-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}[type=outlined][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-outlined-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-error-outlined-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=error][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-button .element{color:var(--gov-button-error-base-color, var(--gov-color-error));border-width:0}[type=base][variant=error][inverse=\"\"].gov-button .element,[type=base][variant=error][inverse=true i].gov-button .element,[type=base][variant=error][inverse=\"1\"].gov-button .element{color:var(--gov-button-error-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-base-inverse-bg, transparent)}[type=base][variant=error][disabled=\"\"].gov-button .element,[type=base][variant=error][disabled=true i].gov-button .element,[type=base][variant=error][disabled=\"1\"].gov-button .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-error-base-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-base-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=base][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-base-hover-color, var(--gov-color-error))}[type=base][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-base-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=base][variant=error][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-error-base-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=error][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-base-inverse-active-bg, var(--gov-color-error-400));color:var(--gov-button-error-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=error].gov-button .element{color:var(--gov-button-error-link-color, var(--gov-color-error));border-width:0}[type=link][variant=error][inverse=\"\"].gov-button .element,[type=link][variant=error][inverse=true i].gov-button .element,[type=link][variant=error][inverse=\"1\"].gov-button .element{color:var(--gov-button-error-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-link-inverse-bg, transparent)}[type=link][variant=error][disabled=\"\"].gov-button .element,[type=link][variant=error][disabled=true i].gov-button .element,[type=link][variant=error][disabled=\"1\"].gov-button .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-error-link-inverse-disabled-bg, transparent);color:var(--gov-button-error-link-inverse-disabled-color, var(--gov-color-error-200))}@media not all and (pointer: coarse){[type=link][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}[type=link][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-error-500))}}@media not all and (pointer: coarse){[type=link][variant=error][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-error-link-inverse-hover-bg, transparent);color:var(--gov-button-error-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=error][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-link-inverse-active-bg, transparent);color:var(--gov-button-error-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=success].gov-button .element{background-color:var(--gov-button-success-solid-bg, var(--gov-color-success-500));color:var(--gov-button-success-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=success][inverse=\"\"].gov-button .element,[type=solid][variant=success][inverse=true i].gov-button .element,[type=solid][variant=success][inverse=\"1\"].gov-button .element{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success));background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-success-200))}[type=solid][variant=success][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=success][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"].gov-button .element,[type=solid][variant=success][disabled=true i].gov-button .element,[type=solid][variant=success][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-success-solid-disabled-bg, var(--gov-color-success-200));color:var(--gov-button-success-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-success-solid-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-solid-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-solid-active-bg, var(--gov-color-success-700))}}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-success-solid-inverse-hover-bg, var(--gov-color-success-700));color:var(--gov-button-success-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-button .element{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500));border-color:var(--gov-button-success-outlined-border, var(--gov-color-success-500))}[type=outlined][variant=success][inverse=\"\"].gov-button .element,[type=outlined][variant=success][inverse=true i].gov-button .element,[type=outlined][variant=success][inverse=\"1\"].gov-button .element{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-outlined-inverse-bg, transparent);border-color:var(--gov-button-success-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=success][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=success][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=\"\"].gov-button .element,[type=outlined][variant=success][disabled=true i].gov-button .element,[type=outlined][variant=success][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-success-outlined-disabled-bg, transparent);color:var(--gov-button-success-outlined-disabled-color, var(--gov-color-success-300));border-color:var(--gov-button-success-outlined-disabled-border, var(--gov-color-success-300))}[type=outlined][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-success-outlined-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-outlined-inverse-disabled-color, var(--gov-color-success-400));border-color:var(--gov-button-success-outlined-inverse-disabled-border-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}[type=outlined][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-outlined-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-success-outlined-inverse-hover-bg, var(--gov-color-success-500));color:var(--gov-button-success-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=success][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-button .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500));border-width:0}[type=base][variant=success][inverse=\"\"].gov-button .element,[type=base][variant=success][inverse=true i].gov-button .element,[type=base][variant=success][inverse=\"1\"].gov-button .element{color:var(--gov-button-success-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-base-inverse-bg, transparent)}[type=base][variant=success][disabled=\"\"].gov-button .element,[type=base][variant=success][disabled=true i].gov-button .element,[type=base][variant=success][disabled=\"1\"].gov-button .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-success-base-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-base-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=base][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-base-hover-color, var(--gov-color-success-500))}[type=base][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-base-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=base][variant=success][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-success-base-inverse-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=success][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-base-inverse-active-bg, var(--gov-color-success-500));color:var(--gov-button-success-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=success].gov-button .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500));border-width:0}[type=link][variant=success][inverse=\"\"].gov-button .element,[type=link][variant=success][inverse=true i].gov-button .element,[type=link][variant=success][inverse=\"1\"].gov-button .element{color:var(--gov-button-success-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-link-inverse-bg, transparent)}[type=link][variant=success][disabled=\"\"].gov-button .element,[type=link][variant=success][disabled=true i].gov-button .element,[type=link][variant=success][disabled=\"1\"].gov-button .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-success-link-inverse-disabled-bg, transparent);color:var(--gov-button-success-link-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=link][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}[type=link][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){[type=link][variant=success][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-success-link-inverse-hover-bg, transparent);color:var(--gov-button-success-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=success][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-link-inverse-active-bg, transparent);color:var(--gov-button-success-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=warning].gov-button .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=warning][inverse=\"\"].gov-button .element,[type=solid][variant=warning][inverse=true i].gov-button .element,[type=solid][variant=warning][inverse=\"1\"].gov-button .element{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning));background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-warning-200))}[type=solid][variant=warning][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=warning][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"].gov-button .element,[type=solid][variant=warning][disabled=true i].gov-button .element,[type=solid][variant=warning][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-warning-solid-disabled-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-warning-solid-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-solid-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-solid-active-bg, var(--gov-color-warning-700))}}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-warning-solid-inverse-hover-bg, var(--gov-color-warning-700));color:var(--gov-button-warning-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-button .element{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500));border-color:var(--gov-button-warning-outlined-border, var(--gov-color-warning-500))}[type=outlined][variant=warning][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][inverse=true i].gov-button .element,[type=outlined][variant=warning][inverse=\"1\"].gov-button .element{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-outlined-inverse-bg, transparent);border-color:var(--gov-button-warning-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=warning][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=warning][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-warning-outlined-disabled-bg, transparent);color:var(--gov-button-warning-outlined-disabled-color, var(--gov-color-warning));border-color:var(--gov-button-warning-outlined-disabled-border, var(--gov-color-warning))}[type=outlined][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-warning-outlined-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-outlined-inverse-disabled-color, var(--gov-color-warning-400));border-color:var(--gov-button-warning-outlined-inverse-disabled-border-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}[type=outlined][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-outlined-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-warning-outlined-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-button .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500));border-width:0}[type=base][variant=warning][inverse=\"\"].gov-button .element,[type=base][variant=warning][inverse=true i].gov-button .element,[type=base][variant=warning][inverse=\"1\"].gov-button .element{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-base-inverse-bg, transparent)}[type=base][variant=warning][disabled=\"\"].gov-button .element,[type=base][variant=warning][disabled=true i].gov-button .element,[type=base][variant=warning][disabled=\"1\"].gov-button .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-warning-base-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-base-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500))}[type=base][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-base-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-warning-base-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-base-inverse-active-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=warning].gov-button .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500));border-width:0}[type=link][variant=warning][inverse=\"\"].gov-button .element,[type=link][variant=warning][inverse=true i].gov-button .element,[type=link][variant=warning][inverse=\"1\"].gov-button .element{color:var(--gov-button-warning-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-link-inverse-bg, transparent)}[type=link][variant=warning][disabled=\"\"].gov-button .element,[type=link][variant=warning][disabled=true i].gov-button .element,[type=link][variant=warning][disabled=\"1\"].gov-button .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-warning-link-inverse-disabled-bg, transparent);color:var(--gov-button-warning-link-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}[type=link][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-warning-600))}}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-warning-link-inverse-hover-bg, transparent);color:var(--gov-button-warning-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-link-inverse-active-bg, transparent);color:var(--gov-button-warning-link-inverse-active-color, var(--gov-color-neutral-white))}}[size=xs].gov-button .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-xs-padding-x, 0.625rem);column-gap:var(--gov-button-xs-padding-x, 0.625rem);min-height:var(--gov-button-xs-min-height, 1.5rem);padding:var(--gov-button-xs-padding-y, 0.125rem) var(--gov-button-xs-padding-x, 0.625rem)}[size=xs].gov-button .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-button .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-s-padding-x, 0.75rem);column-gap:var(--gov-button-s-padding-x, 0.75rem);min-height:var(--gov-button-s-min-height, 2rem);padding:var(--gov-button-s-padding-y, 0.25rem) var(--gov-button-s-padding-x, 0.75rem)}[size=s].gov-button .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-button .element{font-weight:var(--gov-button-text-m-font-weight, var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));-moz-column-gap:var(--gov-button-m-padding-x, 0.75rem);column-gap:var(--gov-button-m-padding-x, 0.75rem);min-height:var(--gov-button-m-min-height, 2.5rem);padding:var(--gov-button-m-padding-y, 0.375rem) var(--gov-button-m-padding-x, 0.75rem)}[size=m].gov-button .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-button .element{font-weight:var(--gov-button-text-l-font-weight, var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-letter-spacing));-moz-column-gap:var(--gov-button-l-padding-x, 1rem);column-gap:var(--gov-button-l-padding-x, 1rem);min-height:var(--gov-button-l-min-height, 3rem);padding:var(--gov-button-l-padding-y, 0.5rem) var(--gov-button-l-padding-x, 1rem)}[size=l].gov-button .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-button .element{font-weight:var(--gov-button-text-xl-font-weight, var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));-moz-column-gap:var(--gov-button-xl-padding-x, 1.25rem);column-gap:var(--gov-button-xl-padding-x, 1.25rem);min-height:var(--gov-button-xl-min-height, 3.5rem);padding:var(--gov-button-xl-padding-y, 0.75rem) var(--gov-button-xl-padding-x, 1.25rem)}[size=xl].gov-button .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-button{display:inline-block}.gov-button .element{border-radius:var(--gov-border-radius, 0.1875rem)}.gov-button[type=link] .element{min-height:inherit;padding:0 !important;line-height:inherit;text-decoration:underline}@media not all and (pointer: coarse){.gov-button[type=link] .element:hover{text-decoration:none}}.gov-button[loading=true] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading=true] .element>gov-icon:not(.gov-spin-animation),.gov-button[loading=\"1\"] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading=\"1\"] .element>gov-icon:not(.gov-spin-animation){display:none}.gov-button[loading=true] .element .gov-icon,.gov-button[loading=\"1\"] .element .gov-icon{margin:0}.gov-button[loading=\"0\"][size=xs] .element,.gov-button[loading=false][size=xs] .element,.gov-button[loading=\"\"][size=xs] .element{padding:var(--gov-button-xs-padding-y, 0.125rem) calc((var(--gov-button-xs-padding-x, 0.625rem) * 3 + var(--gov-button-xs-icon-size, 1rem)) / 2)}.gov-button[size=xs] .element{font-weight:var(--gov-button-xs-font-weight, 700)}.gov-button[loading=\"0\"][size=s] .element,.gov-button[loading=false][size=s] .element,.gov-button[loading=\"\"][size=s] .element{padding:var(--gov-button-s-padding-y, 0.25rem) calc((var(--gov-button-s-padding-x, 0.75rem) * 3 + var(--gov-button-s-icon-size, 1rem)) / 2)}.gov-button[size=s] .element{font-weight:var(--gov-button-s-font-weight, 700)}.gov-button[loading=\"0\"][size=m] .element,.gov-button[loading=false][size=m] .element,.gov-button[loading=\"\"][size=m] .element{padding:var(--gov-button-m-padding-y, 0.375rem) calc((var(--gov-button-m-padding-x, 0.75rem) * 3 + var(--gov-button-m-icon-size, 1.25rem)) / 2)}.gov-button[size=m] .element{font-weight:var(--gov-button-m-font-weight, 700)}.gov-button[loading=\"0\"][size=l] .element,.gov-button[loading=false][size=l] .element,.gov-button[loading=\"\"][size=l] .element{padding:var(--gov-button-l-padding-y, 0.5rem) calc((var(--gov-button-l-padding-x, 1rem) * 3 + var(--gov-button-l-icon-size, 1.5rem)) / 2)}.gov-button[size=l] .element{font-weight:var(--gov-button-l-font-weight, 700)}.gov-button[loading=\"0\"][size=xl] .element,.gov-button[loading=false][size=xl] .element,.gov-button[loading=\"\"][size=xl] .element{padding:var(--gov-button-xl-padding-y, 0.75rem) calc((var(--gov-button-xl-padding-x, 1.25rem) * 3 + var(--gov-button-xl-icon-size, 1.75rem)) / 2)}.gov-button[size=xl] .element{font-weight:var(--gov-button-xl-font-weight, 700)}";
15547
+ const govButtonCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-button .element{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--gov-button-border-width, 0.0625rem) solid transparent;transition:background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;cursor:inherit;will-change:background-color, border-color}.gov-button .element:focus{outline:none}.gov-button .element .gov-icon{flex:0 0 auto;color:inherit}.gov-button .element>*{display:flex}[hoverable].gov-button .element{cursor:pointer}[hoverable].gov-button .element:focus{outline:none}[hoverable].gov-button .element:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}[hoverable][type=outlined].gov-button .element:focus-visible,[hoverable][type=base].gov-button .element:focus-visible{outline-offset:0}[hoverable][disabled=\"\"].gov-button,[hoverable][disabled=true i].gov-button,[hoverable][disabled=\"1\"].gov-button{cursor:not-allowed}[hoverable][disabled=\"\"].gov-button .element,[hoverable][disabled=true i].gov-button .element,[hoverable][disabled=\"1\"].gov-button .element{pointer-events:none}[expanded=\"\"].gov-button,[expanded=true i].gov-button,[expanded=\"1\"].gov-button{display:block}[expanded=\"\"].gov-button .element,[expanded=true i].gov-button .element,[expanded=\"1\"].gov-button .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-button .element{background-color:var(--gov-button-primary-solid-bg, var(--gov-color-primary));color:var(--gov-button-primary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=primary][inverse=\"\"].gov-button .element,[type=solid][variant=primary][inverse=true i].gov-button .element,[type=solid][variant=primary][inverse=\"1\"].gov-button .element{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-primary-200))}[type=solid][variant=primary][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=primary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"].gov-button .element,[type=solid][variant=primary][disabled=true i].gov-button .element,[type=solid][variant=primary][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-primary-solid-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-primary-solid-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-solid-active-bg, var(--gov-color-primary-800))}}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-primary-solid-inverse-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-button .element{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary));border-color:var(--gov-button-primary-outlined-border, var(--gov-color-primary))}[type=outlined][variant=primary][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][inverse=true i].gov-button .element,[type=outlined][variant=primary][inverse=\"1\"].gov-button .element{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-outlined-inverse-bg, transparent);border-color:var(--gov-button-primary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=primary][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=primary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-primary-outlined-disabled-bg, transparent);color:var(--gov-button-primary-outlined-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-disabled-border, var(--gov-color-primary-300))}[type=outlined][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-primary-outlined-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-outlined-inverse-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-inverse-disabled-border-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}[type=outlined][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-outlined-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-primary-outlined-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-button .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary));border-width:0}[type=base][variant=primary][inverse=\"\"].gov-button .element,[type=base][variant=primary][inverse=true i].gov-button .element,[type=base][variant=primary][inverse=\"1\"].gov-button .element{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-base-inverse-bg, transparent)}[type=base][variant=primary][disabled=\"\"].gov-button .element,[type=base][variant=primary][disabled=true i].gov-button .element,[type=base][variant=primary][disabled=\"1\"].gov-button .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-primary-base-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-base-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}[type=base][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-base-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-primary-base-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-base-inverse-active-bg, var(--gov-color-primary-400));color:var(--gov-button-primary-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=primary].gov-button .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary));border-width:0}[type=link][variant=primary][inverse=\"\"].gov-button .element,[type=link][variant=primary][inverse=true i].gov-button .element,[type=link][variant=primary][inverse=\"1\"].gov-button .element{color:var(--gov-button-primary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-link-inverse-bg, transparent)}[type=link][variant=primary][disabled=\"\"].gov-button .element,[type=link][variant=primary][disabled=true i].gov-button .element,[type=link][variant=primary][disabled=\"1\"].gov-button .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-primary-link-inverse-disabled-bg, transparent);color:var(--gov-button-primary-link-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}[type=link][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-primary-700))}}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-primary-link-inverse-hover-bg, transparent);color:var(--gov-button-primary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-link-inverse-active-bg, transparent);color:var(--gov-button-primary-link-inverse-active-color, var(--gov-color-primary-200))}}[type=solid][variant=secondary].gov-button .element{background-color:var(--gov-button-secondary-solid-bg, var(--gov-color-secondary));color:var(--gov-button-secondary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=secondary][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][inverse=true i].gov-button .element,[type=solid][variant=secondary][inverse=\"1\"].gov-button .element{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=secondary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-solid-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-solid-disabled-color, var(--gov-color-secondary-600))}[type=solid][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-solid-inverse-disabled-bg, var(--gov-color-neutral-white));color:var(--gov-button-secondary-solid-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-solid-active-bg, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-secondary-solid-inverse-hover-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-solid-inverse-active-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-solid-inverse-active-color, var(--gov-color-neutral-white))}}[type=outlined][variant=secondary].gov-button .element{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary));border-color:var(--gov-button-secondary-outlined-border, var(--gov-color-secondary))}[type=outlined][variant=secondary][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][inverse=true i].gov-button .element,[type=outlined][variant=secondary][inverse=\"1\"].gov-button .element{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent);border-color:var(--gov-button-secondary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=secondary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-outlined-disabled-bg, transparent);color:var(--gov-button-secondary-outlined-disabled-color, var(--gov-color-secondary-500));border-color:var(--gov-button-secondary-outlined-disabled-border, var(--gov-color-secondary-500))}[type=outlined][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-outlined-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-disabled-color, var(--gov-color-secondary-600));border-color:var(--gov-button-secondary-outlined-inverse-disabled-border-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}[type=outlined][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-outlined-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-secondary-outlined-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-outlined-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-outlined-inverse-active-color, var(--gov-color-secondary))}}[type=base][variant=secondary].gov-button .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary));border-width:0}[type=base][variant=secondary][inverse=\"\"].gov-button .element,[type=base][variant=secondary][inverse=true i].gov-button .element,[type=base][variant=secondary][inverse=\"1\"].gov-button .element{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}[type=base][variant=secondary][disabled=\"\"].gov-button .element,[type=base][variant=secondary][disabled=true i].gov-button .element,[type=base][variant=secondary][disabled=\"1\"].gov-button .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-base-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary))}[type=base][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-base-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-secondary-base-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-base-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-base-inverse-active-color, var(--gov-color-secondary))}}[type=link][variant=secondary].gov-button .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary));border-width:0}[type=link][variant=secondary][inverse=\"\"].gov-button .element,[type=link][variant=secondary][inverse=true i].gov-button .element,[type=link][variant=secondary][inverse=\"1\"].gov-button .element{color:var(--gov-button-secondary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-link-inverse-bg, transparent)}[type=link][variant=secondary][disabled=\"\"].gov-button .element,[type=link][variant=secondary][disabled=true i].gov-button .element,[type=link][variant=secondary][disabled=\"1\"].gov-button .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-link-inverse-disabled-bg, transparent);color:var(--gov-button-secondary-link-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}[type=link][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-secondary-link-inverse-hover-bg, transparent);color:var(--gov-button-secondary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-link-inverse-active-bg, transparent);color:var(--gov-button-secondary-link-inverse-active-color, var(--gov-color-secondary-500))}}[type=solid][variant=error].gov-button .element{background-color:var(--gov-button-error-solid-bg, var(--gov-color-error));color:var(--gov-button-error-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=error][inverse=\"\"].gov-button .element,[type=solid][variant=error][inverse=true i].gov-button .element,[type=solid][variant=error][inverse=\"1\"].gov-button .element{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-error-200))}[type=solid][variant=error][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=error][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"].gov-button .element,[type=solid][variant=error][disabled=true i].gov-button .element,[type=solid][variant=error][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-error-solid-disabled-bg, var(--gov-color-error-200));color:var(--gov-button-error-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-error-solid-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-solid-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-solid-active-bg, var(--gov-color-error-600))}}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-700));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-800))}}[type=outlined][variant=error].gov-button .element{color:var(--gov-button-error-outlined-color, var(--gov-color-error));border-color:var(--gov-button-error-outlined-border, var(--gov-color-error))}[type=outlined][variant=error][inverse=\"\"].gov-button .element,[type=outlined][variant=error][inverse=true i].gov-button .element,[type=outlined][variant=error][inverse=\"1\"].gov-button .element{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-outlined-inverse-bg, transparent);border-color:var(--gov-button-error-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=error][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=error][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=\"\"].gov-button .element,[type=outlined][variant=error][disabled=true i].gov-button .element,[type=outlined][variant=error][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-error-outlined-disabled-bg, transparent);color:var(--gov-button-error-outlined-disabled-color, var(--gov-color-error-200));border-color:var(--gov-button-error-outlined-disabled-border, var(--gov-color-error-200))}[type=outlined][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-error-outlined-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-outlined-inverse-disabled-color, var(--gov-color-error-400));border-color:var(--gov-button-error-outlined-inverse-disabled-border-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}[type=outlined][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-outlined-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-error-outlined-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=error][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-button .element{color:var(--gov-button-error-base-color, var(--gov-color-error));border-width:0}[type=base][variant=error][inverse=\"\"].gov-button .element,[type=base][variant=error][inverse=true i].gov-button .element,[type=base][variant=error][inverse=\"1\"].gov-button .element{color:var(--gov-button-error-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-base-inverse-bg, transparent)}[type=base][variant=error][disabled=\"\"].gov-button .element,[type=base][variant=error][disabled=true i].gov-button .element,[type=base][variant=error][disabled=\"1\"].gov-button .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-error-base-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-base-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=base][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-base-hover-color, var(--gov-color-error))}[type=base][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-base-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=base][variant=error][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-error-base-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=error][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-base-inverse-active-bg, var(--gov-color-error-400));color:var(--gov-button-error-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=error].gov-button .element{color:var(--gov-button-error-link-color, var(--gov-color-error));border-width:0}[type=link][variant=error][inverse=\"\"].gov-button .element,[type=link][variant=error][inverse=true i].gov-button .element,[type=link][variant=error][inverse=\"1\"].gov-button .element{color:var(--gov-button-error-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-link-inverse-bg, transparent)}[type=link][variant=error][disabled=\"\"].gov-button .element,[type=link][variant=error][disabled=true i].gov-button .element,[type=link][variant=error][disabled=\"1\"].gov-button .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-error-link-inverse-disabled-bg, transparent);color:var(--gov-button-error-link-inverse-disabled-color, var(--gov-color-error-200))}@media not all and (pointer: coarse){[type=link][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}[type=link][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-error-500))}}@media not all and (pointer: coarse){[type=link][variant=error][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-error-link-inverse-hover-bg, transparent);color:var(--gov-button-error-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=error][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-link-inverse-active-bg, transparent);color:var(--gov-button-error-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=success].gov-button .element{background-color:var(--gov-button-success-solid-bg, var(--gov-color-success-500));color:var(--gov-button-success-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=success][inverse=\"\"].gov-button .element,[type=solid][variant=success][inverse=true i].gov-button .element,[type=solid][variant=success][inverse=\"1\"].gov-button .element{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success));background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-success-200))}[type=solid][variant=success][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=success][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"].gov-button .element,[type=solid][variant=success][disabled=true i].gov-button .element,[type=solid][variant=success][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-success-solid-disabled-bg, var(--gov-color-success-200));color:var(--gov-button-success-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-success-solid-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-solid-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-solid-active-bg, var(--gov-color-success-700))}}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-success-solid-inverse-hover-bg, var(--gov-color-success-700));color:var(--gov-button-success-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-button .element{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500));border-color:var(--gov-button-success-outlined-border, var(--gov-color-success-500))}[type=outlined][variant=success][inverse=\"\"].gov-button .element,[type=outlined][variant=success][inverse=true i].gov-button .element,[type=outlined][variant=success][inverse=\"1\"].gov-button .element{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-outlined-inverse-bg, transparent);border-color:var(--gov-button-success-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=success][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=success][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=\"\"].gov-button .element,[type=outlined][variant=success][disabled=true i].gov-button .element,[type=outlined][variant=success][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-success-outlined-disabled-bg, transparent);color:var(--gov-button-success-outlined-disabled-color, var(--gov-color-success-300));border-color:var(--gov-button-success-outlined-disabled-border, var(--gov-color-success-300))}[type=outlined][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-success-outlined-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-outlined-inverse-disabled-color, var(--gov-color-success-400));border-color:var(--gov-button-success-outlined-inverse-disabled-border-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}[type=outlined][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-outlined-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-success-outlined-inverse-hover-bg, var(--gov-color-success-500));color:var(--gov-button-success-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=success][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-button .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500));border-width:0}[type=base][variant=success][inverse=\"\"].gov-button .element,[type=base][variant=success][inverse=true i].gov-button .element,[type=base][variant=success][inverse=\"1\"].gov-button .element{color:var(--gov-button-success-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-base-inverse-bg, transparent)}[type=base][variant=success][disabled=\"\"].gov-button .element,[type=base][variant=success][disabled=true i].gov-button .element,[type=base][variant=success][disabled=\"1\"].gov-button .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-success-base-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-base-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=base][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-base-hover-color, var(--gov-color-success-500))}[type=base][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-base-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=base][variant=success][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-success-base-inverse-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=success][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-base-inverse-active-bg, var(--gov-color-success-500));color:var(--gov-button-success-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=success].gov-button .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500));border-width:0}[type=link][variant=success][inverse=\"\"].gov-button .element,[type=link][variant=success][inverse=true i].gov-button .element,[type=link][variant=success][inverse=\"1\"].gov-button .element{color:var(--gov-button-success-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-link-inverse-bg, transparent)}[type=link][variant=success][disabled=\"\"].gov-button .element,[type=link][variant=success][disabled=true i].gov-button .element,[type=link][variant=success][disabled=\"1\"].gov-button .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-success-link-inverse-disabled-bg, transparent);color:var(--gov-button-success-link-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=link][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}[type=link][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){[type=link][variant=success][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-success-link-inverse-hover-bg, transparent);color:var(--gov-button-success-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=success][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-link-inverse-active-bg, transparent);color:var(--gov-button-success-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=warning].gov-button .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=warning][inverse=\"\"].gov-button .element,[type=solid][variant=warning][inverse=true i].gov-button .element,[type=solid][variant=warning][inverse=\"1\"].gov-button .element{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning));background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-warning-200))}[type=solid][variant=warning][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=warning][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"].gov-button .element,[type=solid][variant=warning][disabled=true i].gov-button .element,[type=solid][variant=warning][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-warning-solid-disabled-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-warning-solid-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-solid-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-solid-active-bg, var(--gov-color-warning-700))}}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-warning-solid-inverse-hover-bg, var(--gov-color-warning-700));color:var(--gov-button-warning-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-button .element{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500));border-color:var(--gov-button-warning-outlined-border, var(--gov-color-warning-500))}[type=outlined][variant=warning][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][inverse=true i].gov-button .element,[type=outlined][variant=warning][inverse=\"1\"].gov-button .element{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-outlined-inverse-bg, transparent);border-color:var(--gov-button-warning-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=warning][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=warning][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-warning-outlined-disabled-bg, transparent);color:var(--gov-button-warning-outlined-disabled-color, var(--gov-color-warning));border-color:var(--gov-button-warning-outlined-disabled-border, var(--gov-color-warning))}[type=outlined][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-warning-outlined-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-outlined-inverse-disabled-color, var(--gov-color-warning-400));border-color:var(--gov-button-warning-outlined-inverse-disabled-border-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}[type=outlined][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-outlined-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-warning-outlined-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-button .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500));border-width:0}[type=base][variant=warning][inverse=\"\"].gov-button .element,[type=base][variant=warning][inverse=true i].gov-button .element,[type=base][variant=warning][inverse=\"1\"].gov-button .element{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-base-inverse-bg, transparent)}[type=base][variant=warning][disabled=\"\"].gov-button .element,[type=base][variant=warning][disabled=true i].gov-button .element,[type=base][variant=warning][disabled=\"1\"].gov-button .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-warning-base-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-base-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500))}[type=base][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-base-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-warning-base-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-base-inverse-active-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=warning].gov-button .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500));border-width:0}[type=link][variant=warning][inverse=\"\"].gov-button .element,[type=link][variant=warning][inverse=true i].gov-button .element,[type=link][variant=warning][inverse=\"1\"].gov-button .element{color:var(--gov-button-warning-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-link-inverse-bg, transparent)}[type=link][variant=warning][disabled=\"\"].gov-button .element,[type=link][variant=warning][disabled=true i].gov-button .element,[type=link][variant=warning][disabled=\"1\"].gov-button .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-warning-link-inverse-disabled-bg, transparent);color:var(--gov-button-warning-link-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}[type=link][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-warning-600))}}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-warning-link-inverse-hover-bg, transparent);color:var(--gov-button-warning-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-link-inverse-active-bg, transparent);color:var(--gov-button-warning-link-inverse-active-color, var(--gov-color-neutral-white))}}[size=xs].gov-button .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-xs-padding-x, 0.625rem);column-gap:var(--gov-button-xs-padding-x, 0.625rem);min-height:var(--gov-button-xs-min-height, 1.5rem);padding:var(--gov-button-xs-padding-y, 0.125rem) var(--gov-button-xs-padding-x, 0.625rem)}[size=xs].gov-button .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-button .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-s-padding-x, 0.75rem);column-gap:var(--gov-button-s-padding-x, 0.75rem);min-height:var(--gov-button-s-min-height, 2rem);padding:var(--gov-button-s-padding-y, 0.25rem) var(--gov-button-s-padding-x, 0.75rem)}[size=s].gov-button .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-button .element{font-weight:var(--gov-button-text-m-font-weight, var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));-moz-column-gap:var(--gov-button-m-padding-x, 0.75rem);column-gap:var(--gov-button-m-padding-x, 0.75rem);min-height:var(--gov-button-m-min-height, 2.5rem);padding:var(--gov-button-m-padding-y, 0.375rem) var(--gov-button-m-padding-x, 0.75rem)}[size=m].gov-button .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-button .element{font-weight:var(--gov-button-text-l-font-weight, var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-letter-spacing));-moz-column-gap:var(--gov-button-l-padding-x, 1rem);column-gap:var(--gov-button-l-padding-x, 1rem);min-height:var(--gov-button-l-min-height, 3rem);padding:var(--gov-button-l-padding-y, 0.5rem) var(--gov-button-l-padding-x, 1rem)}[size=l].gov-button .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-button .element{font-weight:var(--gov-button-text-xl-font-weight, var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));-moz-column-gap:var(--gov-button-xl-padding-x, 1.25rem);column-gap:var(--gov-button-xl-padding-x, 1.25rem);min-height:var(--gov-button-xl-min-height, 3.5rem);padding:var(--gov-button-xl-padding-y, 0.75rem) var(--gov-button-xl-padding-x, 1.25rem)}[size=xl].gov-button .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-button{display:inline-block}.gov-button .element{border-radius:var(--gov-border-radius, 0.1875rem)}.gov-button[type=link] .element{min-height:inherit;padding:0 !important;line-height:inherit;text-decoration:underline}@media not all and (pointer: coarse){.gov-button[type=link] .element:hover{text-decoration:none}}.gov-button[loading=true] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading=true] .element>gov-icon:not(.gov-spin-animation),.gov-button[loading=\"1\"] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading=\"1\"] .element>gov-icon:not(.gov-spin-animation){display:none}.gov-button[loading=true] .element .gov-icon,.gov-button[loading=\"1\"] .element .gov-icon{margin:0}.gov-button[loading=\"0\"][size=xs] .element,.gov-button[loading=false][size=xs] .element,.gov-button[loading=\"\"][size=xs] .element{padding:var(--gov-button-xs-padding-y, 0.125rem) calc((var(--gov-button-xs-padding-x, 0.625rem) * 3 + var(--gov-button-xs-icon-size, 1rem)) / 2)}.gov-button[size=xs] .element{font-weight:var(--gov-button-xs-font-weight, 700)}.gov-button[loading=\"0\"][size=s] .element,.gov-button[loading=false][size=s] .element,.gov-button[loading=\"\"][size=s] .element{padding:var(--gov-button-s-padding-y, 0.25rem) calc((var(--gov-button-s-padding-x, 0.75rem) * 3 + var(--gov-button-s-icon-size, 1rem)) / 2)}.gov-button[size=s] .element{font-weight:var(--gov-button-s-font-weight, 700)}.gov-button[loading=\"0\"][size=m] .element,.gov-button[loading=false][size=m] .element,.gov-button[loading=\"\"][size=m] .element{padding:var(--gov-button-m-padding-y, 0.375rem) calc((var(--gov-button-m-padding-x, 0.75rem) * 3 + var(--gov-button-m-icon-size, 1.25rem)) / 2)}.gov-button[size=m] .element{font-weight:var(--gov-button-m-font-weight, 700)}.gov-button[loading=\"0\"][size=l] .element,.gov-button[loading=false][size=l] .element,.gov-button[loading=\"\"][size=l] .element{padding:var(--gov-button-l-padding-y, 0.5rem) calc((var(--gov-button-l-padding-x, 1rem) * 3 + var(--gov-button-l-icon-size, 1.5rem)) / 2)}.gov-button[size=l] .element{font-weight:var(--gov-button-l-font-weight, 700)}.gov-button[loading=\"0\"][size=xl] .element,.gov-button[loading=false][size=xl] .element,.gov-button[loading=\"\"][size=xl] .element{padding:var(--gov-button-xl-padding-y, 0.75rem) calc((var(--gov-button-xl-padding-x, 1.25rem) * 3 + var(--gov-button-xl-icon-size, 1.75rem)) / 2)}.gov-button[size=xl] .element{font-weight:var(--gov-button-xl-font-weight, 700)}";
15088
15548
 
15089
15549
  var Tags$2;
15090
15550
  (function (Tags) {
@@ -15420,6 +15880,45 @@ class GovContainer {
15420
15880
  }; }
15421
15881
  }
15422
15882
 
15883
+ pick(Variants, ['PRIMARY', 'SECONDARY']);
15884
+ const ControlGroupClass = {
15885
+ root: 'gov-control-group',
15886
+ };
15887
+
15888
+ const govControlGroupCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-control-group{position:relative;display:flex;width:100%;align-items:center;border-radius:var(--gov-control-group-border-radius, 0.25rem)}.gov-control-group .element *,.gov-control-group .gov-button .element{border:none !important;border-radius:0}.gov-control-group[variant=primary]{border:var(--gov-control-group-border-primary, 0.0625rem solid var(--gov-color-primary-600))}.gov-control-group[variant=primary]>*{border-right:var(--gov-control-group-border-primary, 0.0625rem solid var(--gov-color-primary-600))}.gov-control-group[variant=secondary]{border:var(--gov-control-group-border-secondary, 0.0625rem solid var(--gov-color-secondary-700))}.gov-control-group[variant=secondary]>*{border-right:var(--gov-control-group-border-secondary, 0.0625rem solid var(--gov-color-secondary-700))}.gov-control-group>*:last-child{border-right:none}.gov-control-group.no-border>*{border-right:none}";
15889
+
15890
+ class GovControlGroup {
15891
+ constructor(hostRef) {
15892
+ registerInstance(this, hostRef);
15893
+ this.variant = Variants.PRIMARY;
15894
+ this.noBorder = false;
15895
+ this.h = govHost(this.host);
15896
+ }
15897
+ validateVariant(newValue) {
15898
+ validateProp(Variants, newValue, ControlGroupClass.root);
15899
+ }
15900
+ render() {
15901
+ const noBorder = this.noBorder === true ? "no-border" : undefined;
15902
+ return (hAsync(Host, { class: this.h.classes([ControlGroupClass.root, noBorder]), variant: this.variant }, hAsync("slot", null)));
15903
+ }
15904
+ get host() { return getElement(this); }
15905
+ static get watchers() { return {
15906
+ "variant": ["validateVariant"]
15907
+ }; }
15908
+ static get style() { return govControlGroupCss; }
15909
+ static get cmpMeta() { return {
15910
+ "$flags$": 4,
15911
+ "$tagName$": "gov-control-group",
15912
+ "$members$": {
15913
+ "variant": [1],
15914
+ "noBorder": [4, "no-border"]
15915
+ },
15916
+ "$listeners$": undefined,
15917
+ "$lazyBundleId$": "-",
15918
+ "$attrsToReflect$": []
15919
+ }; }
15920
+ }
15921
+
15423
15922
  const CookiebarClass = {
15424
15923
  root: 'gov-cookiebar',
15425
15924
  holder: 'gov-cookiebar__holder',
@@ -15451,6 +15950,132 @@ class GovCookiebar {
15451
15950
  }; }
15452
15951
  }
15453
15952
 
15953
+ const ClickOutsideOptionsDefaults = {
15954
+ triggerEvents: "click",
15955
+ exclude: ""
15956
+ };
15957
+ /**
15958
+ * Register callback function for HTMLElement to be executed when user clicks outside of element.
15959
+ * @example
15960
+ ```
15961
+ <span
15962
+ ref={spanEl => registerClickOutside(this, spanEl, () => this.test())}>
15963
+ Hello, World!
15964
+ </span>;
15965
+ ```
15966
+ */
15967
+ function registerClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {
15968
+ const excludedNodes = getExcludedNodes(opt);
15969
+ getTriggerEvents(opt).forEach(triggerEvent => {
15970
+ window.addEventListener(triggerEvent, (e) => {
15971
+ initClickOutside(e, component, element, callback, excludedNodes);
15972
+ }, false);
15973
+ });
15974
+ }
15975
+ function initClickOutside(event, component, element, callback, excludedNodes) {
15976
+ const target = event.target;
15977
+ if (!element.contains(target) && !isExcluded(target, excludedNodes)) {
15978
+ callback.call(component);
15979
+ }
15980
+ }
15981
+ function getTriggerEvents(opt) {
15982
+ if (opt.triggerEvents) {
15983
+ return opt.triggerEvents.split(",").map(e => e.trim());
15984
+ }
15985
+ return ["click"];
15986
+ }
15987
+ function getExcludedNodes(opt) {
15988
+ if (opt.exclude) {
15989
+ try {
15990
+ return Array.from(document.querySelectorAll(opt.exclude));
15991
+ }
15992
+ catch (err) {
15993
+ console.warn(`@ClickOutside: Exclude: '${opt.exclude}' will not be evaluated. Check your exclude selector syntax.`, err);
15994
+ }
15995
+ }
15996
+ return;
15997
+ }
15998
+ function isExcluded(target, excudedNodes) {
15999
+ if (target && excudedNodes) {
16000
+ for (let excludedNode of excudedNodes) {
16001
+ if (excludedNode.contains(target)) {
16002
+ return true;
16003
+ }
16004
+ }
16005
+ }
16006
+ return false;
16007
+ }
16008
+
16009
+ var Position;
16010
+ (function (Position) {
16011
+ Position["LEFT"] = "left";
16012
+ Position["RIGHT"] = "right";
16013
+ })(Position || (Position = {}));
16014
+ const DropdownClass = {
16015
+ root: 'gov-dropdown',
16016
+ list: 'gov-dropdown__list'
16017
+ };
16018
+
16019
+ const govDropdownCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-dropdown{position:relative}.gov-dropdown__list{position:absolute;left:0;z-index:100}.gov-dropdown ul{padding:0.25rem;border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-dropdown-bg-color, var(--gov-color-neutral-white));box-shadow:var(--gov-dropdown-box-shadow, 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1))}.gov-dropdown li{margin:0;white-space:nowrap}.gov-dropdown li::before{content:none}.gov-dropdown li>*{width:100%}.gov-dropdown li>* .element{justify-content:space-between;width:100%;padding:0.5rem !important;font-weight:400 !important}.gov-dropdown[position=right] .gov-dropdown__list{right:0;left:initial}";
16020
+
16021
+ class GovDropdown {
16022
+ constructor(hostRef) {
16023
+ registerInstance(this, hostRef);
16024
+ this.govChange = createEvent(this, "gov-change", 7);
16025
+ this.open = false;
16026
+ this.position = Position.LEFT;
16027
+ this.h = govHost(this.host);
16028
+ this.listId = createID("GovDropdownList");
16029
+ this.controlId = createID("GovDropdownControl");
16030
+ }
16031
+ componentWillLoad() {
16032
+ if (this.trigger) {
16033
+ this.trigger.setAttribute("wcag-controls", this.listId);
16034
+ this.trigger.setAttribute("wcag-has-popup", toBoolAttr(!!this.list));
16035
+ this.trigger.setAttribute("identifier", this.controlId);
16036
+ this.trigger.addEventListener("gov-click", (e) => {
16037
+ e.preventDefault();
16038
+ e.stopPropagation();
16039
+ this.open = !this.open;
16040
+ this.govChange.emit({
16041
+ component: DropdownClass.root,
16042
+ originalEvent: e,
16043
+ open: this.open,
16044
+ });
16045
+ });
16046
+ }
16047
+ }
16048
+ get trigger() {
16049
+ return this.host.querySelector(`* > ${ButtonClass.root}`);
16050
+ }
16051
+ get list() {
16052
+ return this.h.getSlot("list");
16053
+ }
16054
+ render() {
16055
+ return (hAsync(Host, { class: this.h.classes([DropdownClass.root]), open: this.open, position: this.position }, hAsync("slot", null), hAsync("div", { ref: el => registerClickOutside(this, el, () => this.open = false), class: DropdownClass.list, id: this.listId, "aria-labelledby": this.controlId, "aria-hidden": toBoolAttr(!this.open), hidden: !this.open }, hAsync("slot", { name: "list" }))));
16056
+ }
16057
+ /**
16058
+ * Returns a clickable element instance
16059
+ */
16060
+ async getState() {
16061
+ return this.open;
16062
+ }
16063
+ get host() { return getElement(this); }
16064
+ static get style() { return govDropdownCss; }
16065
+ static get cmpMeta() { return {
16066
+ "$flags$": 4,
16067
+ "$tagName$": "gov-dropdown",
16068
+ "$members$": {
16069
+ "open": [1028],
16070
+ "position": [1],
16071
+ "getState": [64]
16072
+ },
16073
+ "$listeners$": undefined,
16074
+ "$lazyBundleId$": "-",
16075
+ "$attrsToReflect$": []
16076
+ }; }
16077
+ }
16078
+
15454
16079
  const EmptyClass = {
15455
16080
  root: 'gov-empty',
15456
16081
  icon: 'gov-empty__icon',
@@ -15792,7 +16417,7 @@ const FormControlClass = {
15792
16417
  bottom: 'gov-form-control__bottom',
15793
16418
  };
15794
16419
 
15795
- const FormInputSizes = pick(Sizes, ['_M', '_L', '_XL']);
16420
+ const FormInputSizes = pick(Sizes, ['_S', '_M', '_L', '_XL']);
15796
16421
  const FormInputVariants = pick(Variants, ['PRIMARY', 'SECONDARY']);
15797
16422
  var InputTypes;
15798
16423
  (function (InputTypes) {
@@ -16072,11 +16697,10 @@ class GovFormControl {
16072
16697
  this.f = govForm(this.h);
16073
16698
  this.controlId = createID("GovFormControl");
16074
16699
  }
16075
- watchInvalid() {
16076
- this.passChildAttrs();
16077
- }
16078
16700
  componentDidRender() {
16079
16701
  this.passChildAttrs();
16702
+ this.invalidChildAttrs();
16703
+ this.disabledChildAttrs();
16080
16704
  this.syncControlMessages();
16081
16705
  this.formElementDescriptionControl();
16082
16706
  }
@@ -16100,6 +16724,38 @@ class GovFormControl {
16100
16724
  this.h.passChildAttr([...formElements, "gov-form-label"], "identifier", this.identifier || this.controlId);
16101
16725
  }
16102
16726
  }
16727
+ invalidChildAttrs() {
16728
+ const formElements = [
16729
+ "gov-form-select",
16730
+ "gov-form-input",
16731
+ "gov-form-switch",
16732
+ "gov-form-checkbox",
16733
+ "gov-form-radio",
16734
+ "gov-form-multi-select",
16735
+ "gov-form-file",
16736
+ "gov-form-search",
16737
+ ];
16738
+ this.h.passChildAttr(formElements, "invalid", this.invalid);
16739
+ if (this.f.hasGroupChildren === false) {
16740
+ this.h.passChildAttr([...formElements, "gov-form-label"], "identifier", this.identifier || this.controlId);
16741
+ }
16742
+ }
16743
+ disabledChildAttrs() {
16744
+ const formElements = [
16745
+ "gov-form-select",
16746
+ "gov-form-input",
16747
+ "gov-form-switch",
16748
+ "gov-form-checkbox",
16749
+ "gov-form-radio",
16750
+ "gov-form-multi-select",
16751
+ "gov-form-file",
16752
+ "gov-form-search",
16753
+ ];
16754
+ this.h.passChildAttr(formElements, "disabled", this.disabled);
16755
+ if (this.f.hasGroupChildren === false) {
16756
+ this.h.passChildAttr([...formElements, "gov-form-label"], "identifier", this.identifier || this.controlId);
16757
+ }
16758
+ }
16103
16759
  formElementDescriptionControl() {
16104
16760
  const bottomSlot = this.host.querySelector("." + FormControlClass.bottom);
16105
16761
  if (!bottomSlot)
@@ -16128,9 +16784,6 @@ class GovFormControl {
16128
16784
  return (hAsync(Host, { size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { class: FormControlClass.holder }, this.h.hasSlot("top") && hAsync("slot", { name: "top" }), hAsync("slot", null), this.h.hasSlot("bottom") && (hAsync("div", { class: FormControlClass.bottom }, hAsync("slot", { name: "bottom" }))))));
16129
16785
  }
16130
16786
  get host() { return getElement(this); }
16131
- static get watchers() { return {
16132
- "invalid": ["watchInvalid"]
16133
- }; }
16134
16787
  static get style() { return govFormControlCss; }
16135
16788
  static get cmpMeta() { return {
16136
16789
  "$flags$": 4,
@@ -16186,7 +16839,7 @@ function fileSizeValidation(file, maxSize) {
16186
16839
  return fileSize <= maxSize;
16187
16840
  }
16188
16841
 
16189
- const govFormFileCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-file{position:relative;display:block;width:100%}.gov-form-file__label .gov-form-label__label>*:last-child{margin-bottom:0}.gov-form-file__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0.0001;cursor:pointer}.gov-form-file__attachments{margin-top:1rem 0rem 0rem}.gov-form-file__item{display:flex;gap:1rem;align-items:center}.gov-form-file[disabled=\"\"] .gov-form-file__label .gov-form-label__label,.gov-form-file[disabled=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[disabled=\"1\"] .gov-form-file__label .gov-form-label__label{pointer-events:none}.gov-form-file[disabled=\"\"] .gov-form-file__label .gov-form-label__label *,.gov-form-file[disabled=true i] .gov-form-file__label .gov-form-label__label *,.gov-form-file[disabled=\"1\"] .gov-form-file__label .gov-form-label__label *{color:var(--gov-form-file-disabled-color, var(--gov-color-secondary-600))}.gov-form-file[expanded=\"\"] .gov-form-file__area,.gov-form-file[expanded=true i] .gov-form-file__area,.gov-form-file[expanded=\"1\"] .gov-form-file__area{position:relative;width:100%;padding:2rem 1.375rem 1.375rem;border:var(--gov-form-file-border, 0.0625rem dashed var(--gov-color-secondary-500));text-align:center;transition:background-color 150ms ease-in-out;will-change:background-color}.gov-form-file[expanded=\"\"] .gov-form-file__area.highlight,.gov-form-file[expanded=true i] .gov-form-file__area.highlight,.gov-form-file[expanded=\"1\"] .gov-form-file__area.highlight{background-color:var(--gov-color-primary-200)}.gov-form-file[expanded=\"\"] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=\"1\"] .gov-form-file__label .gov-form-label__label{width:100%;padding:1.375rem;border:var(--gov-form-file-border, 0.0625rem dashed var(--gov-color-secondary-500));text-align:center}.gov-form-file[expanded=\"\"] .gov-form-file__attachments,.gov-form-file[expanded=true i] .gov-form-file__attachments,.gov-form-file[expanded=\"1\"] .gov-form-file__attachments{margin:1.5rem 0rem 0rem}.gov-form-file[expanded=\"\"][invalid=\"\"] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=\"\"][invalid=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=\"\"][invalid=\"1\"] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=true i][invalid=\"\"] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=true i][invalid=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=true i][invalid=\"1\"] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=\"1\"][invalid=\"\"] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=\"1\"][invalid=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=\"1\"][invalid=\"1\"] .gov-form-file__label .gov-form-label__label{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}@media (min-width: 30em){.gov-form-file[expanded=\"\"] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=\"1\"] .gov-form-file__label .gov-form-label__label{padding:2rem}}";
16842
+ const govFormFileCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-file{position:relative;display:block;width:100%}.gov-form-file__label .gov-form-label__label>*:last-child{margin-bottom:0}.gov-form-file__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0.0001;cursor:pointer}.gov-form-file__attachments{margin-top:1rem 0rem 0rem}.gov-form-file__item{display:flex;gap:1rem;align-items:center}.gov-form-file[disabled=\"\"] .gov-form-file__label .gov-form-label__label,.gov-form-file[disabled=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[disabled=\"1\"] .gov-form-file__label .gov-form-label__label{pointer-events:none}.gov-form-file[disabled=\"\"] .gov-form-file__label .gov-form-label__label *,.gov-form-file[disabled=true i] .gov-form-file__label .gov-form-label__label *,.gov-form-file[disabled=\"1\"] .gov-form-file__label .gov-form-label__label *{color:var(--gov-form-file-disabled-color, var(--gov-color-secondary-600))}.gov-form-file[expanded=\"\"] .gov-form-file__area,.gov-form-file[expanded=true i] .gov-form-file__area,.gov-form-file[expanded=\"1\"] .gov-form-file__area{position:relative;width:100%;padding:2rem 1.375rem 1.375rem;border:var(--gov-form-file-border, 0.0625rem dashed var(--gov-color-secondary-500));text-align:center;transition:background-color 150ms ease-in-out;will-change:background-color}.gov-form-file[expanded=\"\"] .gov-form-file__area.highlight,.gov-form-file[expanded=true i] .gov-form-file__area.highlight,.gov-form-file[expanded=\"1\"] .gov-form-file__area.highlight{background-color:var(--gov-color-primary-200)}.gov-form-file[expanded=\"\"] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=\"1\"] .gov-form-file__label .gov-form-label__label{width:100%;padding:1.375rem;border:var(--gov-form-file-border, 0.0625rem dashed var(--gov-color-secondary-500));text-align:center}.gov-form-file[expanded=\"\"] .gov-form-file__attachments,.gov-form-file[expanded=true i] .gov-form-file__attachments,.gov-form-file[expanded=\"1\"] .gov-form-file__attachments{margin:1.5rem 0rem 0rem}.gov-form-file[expanded=\"\"][invalid=\"\"] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=\"\"][invalid=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=\"\"][invalid=\"1\"] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=true i][invalid=\"\"] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=true i][invalid=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=true i][invalid=\"1\"] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=\"1\"][invalid=\"\"] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=\"1\"][invalid=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=\"1\"][invalid=\"1\"] .gov-form-file__label .gov-form-label__label{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-file[expanded=\"\"][invalid=\"\"] .gov-form-file__area,.gov-form-file[expanded=\"\"][invalid=true i] .gov-form-file__area,.gov-form-file[expanded=\"\"][invalid=\"1\"] .gov-form-file__area,.gov-form-file[expanded=true i][invalid=\"\"] .gov-form-file__area,.gov-form-file[expanded=true i][invalid=true i] .gov-form-file__area,.gov-form-file[expanded=true i][invalid=\"1\"] .gov-form-file__area,.gov-form-file[expanded=\"1\"][invalid=\"\"] .gov-form-file__area,.gov-form-file[expanded=\"1\"][invalid=true i] .gov-form-file__area,.gov-form-file[expanded=\"1\"][invalid=\"1\"] .gov-form-file__area{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-file[expanded=\"\"][disabled=\"\"] .gov-form-file__area,.gov-form-file[expanded=\"\"][disabled=true i] .gov-form-file__area,.gov-form-file[expanded=\"\"][disabled=\"1\"] .gov-form-file__area,.gov-form-file[expanded=true i][disabled=\"\"] .gov-form-file__area,.gov-form-file[expanded=true i][disabled=true i] .gov-form-file__area,.gov-form-file[expanded=true i][disabled=\"1\"] .gov-form-file__area,.gov-form-file[expanded=\"1\"][disabled=\"\"] .gov-form-file__area,.gov-form-file[expanded=\"1\"][disabled=true i] .gov-form-file__area,.gov-form-file[expanded=\"1\"][disabled=\"1\"] .gov-form-file__area{pointer-events:none;color:var(--gov-form-file-disabled-color, var(--gov-color-secondary-600))}@media (min-width: 30em){.gov-form-file[expanded=\"\"] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=\"1\"] .gov-form-file__label .gov-form-label__label{padding:2rem}}";
16190
16843
 
16191
16844
  class GovFormFile {
16192
16845
  constructor(hostRef) {
@@ -16425,7 +17078,7 @@ class GovFormGroup {
16425
17078
  }; }
16426
17079
  }
16427
17080
 
16428
- const govFormInputCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-input{position:relative;display:flex;width:100%;align-items:center}.gov-form-input .element{position:relative;display:flex;flex:1 1 auto}.gov-form-input input,.gov-form-input select,.gov-form-input textarea{width:100%;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));color:var(--gov-form-input-color, var(--gov-color-secondary-700));font-family:var(--gov-font-family, \"Roboto\", sans-serif)}.gov-form-input input:focus,.gov-form-input select:focus,.gov-form-input textarea:focus{outline:none}.gov-form-input input:focus-visible,.gov-form-input select:focus-visible,.gov-form-input textarea:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-input input::-moz-placeholder,.gov-form-input select::-moz-placeholder,.gov-form-input textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-input input::placeholder,.gov-form-input select::placeholder,.gov-form-input textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-input textarea{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.5rem 0.75rem;resize:none}.gov-form-input *[slot=left-icon],.gov-form-input *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;color:var(--gov-form-input-icon-color, var(--gov-color-primary));transform:translateY(-50%);pointer-events:none}.gov-form-input *[slot=left-icon]{left:0}.gov-form-input *[slot=right-icon]{right:0}[disabled=\"\"].gov-form-input,[disabled=true i].gov-form-input,[disabled=\"1\"].gov-form-input{pointer-events:none}[disabled=\"\"].gov-form-input input,[disabled=\"\"].gov-form-input select,[disabled=\"\"].gov-form-input textarea,[disabled=true i].gov-form-input input,[disabled=true i].gov-form-input select,[disabled=true i].gov-form-input textarea,[disabled=\"1\"].gov-form-input input,[disabled=\"1\"].gov-form-input select,[disabled=\"1\"].gov-form-input textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-input *[slot=left-icon],[disabled=\"\"].gov-form-input *[slot=right-icon],[disabled=true i].gov-form-input *[slot=left-icon],[disabled=true i].gov-form-input *[slot=right-icon],[disabled=\"1\"].gov-form-input *[slot=left-icon],[disabled=\"1\"].gov-form-input *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=\"\"].gov-form-input input,[invalid=\"\"].gov-form-input select,[invalid=\"\"].gov-form-input textarea,[invalid=true i].gov-form-input input,[invalid=true i].gov-form-input select,[invalid=true i].gov-form-input textarea,[invalid=\"1\"].gov-form-input input,[invalid=\"1\"].gov-form-input select,[invalid=\"1\"].gov-form-input textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-input input::-moz-placeholder,[invalid=\"\"].gov-form-input select::-moz-placeholder,[invalid=\"\"].gov-form-input textarea::-moz-placeholder,[invalid=true i].gov-form-input input::-moz-placeholder,[invalid=true i].gov-form-input select::-moz-placeholder,[invalid=true i].gov-form-input textarea::-moz-placeholder,[invalid=\"1\"].gov-form-input input::-moz-placeholder,[invalid=\"1\"].gov-form-input select::-moz-placeholder,[invalid=\"1\"].gov-form-input textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-input input::placeholder,[invalid=\"\"].gov-form-input select::placeholder,[invalid=\"\"].gov-form-input textarea::placeholder,[invalid=true i].gov-form-input input::placeholder,[invalid=true i].gov-form-input select::placeholder,[invalid=true i].gov-form-input textarea::placeholder,[invalid=\"1\"].gov-form-input input::placeholder,[invalid=\"1\"].gov-form-input select::placeholder,[invalid=\"1\"].gov-form-input textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-input *[slot=left-icon],[invalid=\"\"].gov-form-input *[slot=right-icon],[invalid=true i].gov-form-input *[slot=left-icon],[invalid=true i].gov-form-input *[slot=right-icon],[invalid=\"1\"].gov-form-input *[slot=left-icon],[invalid=\"1\"].gov-form-input *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[success=\"\"].gov-form-input *[slot=right-icon],[success=true i].gov-form-input *[slot=right-icon],[success=\"1\"].gov-form-input *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=\"\"].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=\"1\"].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[size=m].gov-form-input{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-input input,[size=m].gov-form-input select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-input *[slot=left-icon],[size=m].gov-form-input *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-input *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-input *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-input *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-input *[slot=right-icon]~input,[size=m].gov-form-input *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-input{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-input input,[size=l].gov-form-input select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-input *[slot=left-icon],[size=l].gov-form-input *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-input *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-input *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-input *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-input *[slot=right-icon]~input,[size=l].gov-form-input *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-input{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-input input,[size=xl].gov-form-input select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-input *[slot=left-icon],[size=xl].gov-form-input *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-input *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-input *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-input *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-input *[slot=right-icon]~input,[size=xl].gov-form-input *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}.gov-form-input[invalid=\"\"] *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),.gov-form-input[invalid=true i] *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),.gov-form-input[invalid=\"1\"] *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}.gov-form-input[type=reset] input{border-width:0}.gov-form-input[type=reset] input:focus{outline:none}";
17081
+ const govFormInputCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-input{position:relative;display:flex;width:100%;align-items:center}.gov-form-input .element{position:relative;display:flex;flex:1 1 auto}.gov-form-input input,.gov-form-input select,.gov-form-input textarea{width:100%;border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));font-family:var(--gov-font-family, \"Roboto\", sans-serif)}.gov-form-input input:focus,.gov-form-input select:focus,.gov-form-input textarea:focus{outline:none}.gov-form-input input:focus-visible,.gov-form-input select:focus-visible,.gov-form-input textarea:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-input input::-moz-placeholder,.gov-form-input select::-moz-placeholder,.gov-form-input textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-input input::placeholder,.gov-form-input select::placeholder,.gov-form-input textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-input textarea{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.5rem 0.75rem;resize:none}.gov-form-input *[slot=left-icon],.gov-form-input *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none}.gov-form-input *[slot=left-icon]{left:0}.gov-form-input *[slot=right-icon]{right:0}[size=s].gov-form-input{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);gap:0.5rem var(--gov-form-input-core-s-icon-size, 1rem)}[size=s].gov-form-input input,[size=s].gov-form-input select{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);height:var(--gov-form-input-core-s-height, 2rem);padding:var(--gov-form-input-core-s-padding, 0.25rem 0.75rem)}[size=s].gov-form-input *[slot=left-icon],[size=s].gov-form-input *[slot=right-icon]{width:var(--gov-form-input-core-s-icon-size, 1rem);height:var(--gov-form-input-core-s-icon-size, 1rem)}[size=s].gov-form-input *[slot=left-icon]{left:calc((var(--gov-form-input-core-s-icon-padding, 2rem) - var(--gov-form-input-core-s-icon-size, 1rem)) / 2)}[size=s].gov-form-input *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-s-icon-padding, 2rem)}[size=s].gov-form-input *[slot=right-icon]{right:calc((var(--gov-form-input-core-s-icon-padding, 2rem) - var(--gov-form-input-core-s-icon-size, 1rem)) / 2)}[size=s].gov-form-input *[slot=right-icon]~input,[size=s].gov-form-input *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-s-icon-padding, 2rem)}[size=m].gov-form-input{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-input input,[size=m].gov-form-input select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-input *[slot=left-icon],[size=m].gov-form-input *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-input *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-input *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-input *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-input *[slot=right-icon]~input,[size=m].gov-form-input *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-input{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-input input,[size=l].gov-form-input select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-input *[slot=left-icon],[size=l].gov-form-input *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-input *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-input *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-input *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-input *[slot=right-icon]~input,[size=l].gov-form-input *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-input{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-input input,[size=xl].gov-form-input select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-input *[slot=left-icon],[size=xl].gov-form-input *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-input *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-input *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-input *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-input *[slot=right-icon]~input,[size=xl].gov-form-input *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}[variant=primary].gov-form-input input,[variant=primary].gov-form-input select,[variant=primary].gov-form-input textarea{color:var(--gov-form-input-color-primary, var(--gov-color-secondary-700));border:var(--gov-form-input-border-primary, 0.0625rem solid var(--gov-color-primary-600))}[variant=primary].gov-form-input *[slot=left-icon],[variant=primary].gov-form-input *[slot=right-icon]{color:var(--gov-form-input-icon-color-primary, var(--gov-color-primary))}[variant=secondary].gov-form-input input,[variant=secondary].gov-form-input select,[variant=secondary].gov-form-input textarea{color:var(--gov-form-input-color-secondary, var(--gov-color-secondary-700));border:var(--gov-form-input-border-secondary, 0.0625rem solid var(--gov-color-secondary-700))}[variant=secondary].gov-form-input *[slot=left-icon],[variant=secondary].gov-form-input *[slot=right-icon]{color:var(--gov-form-input-icon-color-secondary, var(--gov-color-primary))}[disabled=\"\"].gov-form-input,[disabled=true i].gov-form-input,[disabled=\"1\"].gov-form-input{pointer-events:none}[disabled=\"\"].gov-form-input input,[disabled=\"\"].gov-form-input select,[disabled=\"\"].gov-form-input textarea,[disabled=true i].gov-form-input input,[disabled=true i].gov-form-input select,[disabled=true i].gov-form-input textarea,[disabled=\"1\"].gov-form-input input,[disabled=\"1\"].gov-form-input select,[disabled=\"1\"].gov-form-input textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-input *[slot=left-icon],[disabled=\"\"].gov-form-input *[slot=right-icon],[disabled=true i].gov-form-input *[slot=left-icon],[disabled=true i].gov-form-input *[slot=right-icon],[disabled=\"1\"].gov-form-input *[slot=left-icon],[disabled=\"1\"].gov-form-input *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=\"\"].gov-form-input input,[invalid=\"\"].gov-form-input select,[invalid=\"\"].gov-form-input textarea,[invalid=true i].gov-form-input input,[invalid=true i].gov-form-input select,[invalid=true i].gov-form-input textarea,[invalid=\"1\"].gov-form-input input,[invalid=\"1\"].gov-form-input select,[invalid=\"1\"].gov-form-input textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-input input::-moz-placeholder,[invalid=\"\"].gov-form-input select::-moz-placeholder,[invalid=\"\"].gov-form-input textarea::-moz-placeholder,[invalid=true i].gov-form-input input::-moz-placeholder,[invalid=true i].gov-form-input select::-moz-placeholder,[invalid=true i].gov-form-input textarea::-moz-placeholder,[invalid=\"1\"].gov-form-input input::-moz-placeholder,[invalid=\"1\"].gov-form-input select::-moz-placeholder,[invalid=\"1\"].gov-form-input textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-input input::placeholder,[invalid=\"\"].gov-form-input select::placeholder,[invalid=\"\"].gov-form-input textarea::placeholder,[invalid=true i].gov-form-input input::placeholder,[invalid=true i].gov-form-input select::placeholder,[invalid=true i].gov-form-input textarea::placeholder,[invalid=\"1\"].gov-form-input input::placeholder,[invalid=\"1\"].gov-form-input select::placeholder,[invalid=\"1\"].gov-form-input textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-input *[slot=left-icon],[invalid=\"\"].gov-form-input *[slot=right-icon],[invalid=true i].gov-form-input *[slot=left-icon],[invalid=true i].gov-form-input *[slot=right-icon],[invalid=\"1\"].gov-form-input *[slot=left-icon],[invalid=\"1\"].gov-form-input *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[success=\"\"].gov-form-input *[slot=right-icon],[success=true i].gov-form-input *[slot=right-icon],[success=\"1\"].gov-form-input *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=\"\"].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=\"1\"].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}.gov-form-input[invalid=\"\"] *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),.gov-form-input[invalid=true i] *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),.gov-form-input[invalid=\"1\"] *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}.gov-form-input[type=reset] input{border-width:0}.gov-form-input[type=reset] input:focus{outline:none}";
16429
17082
 
16430
17083
  var Tags$1;
16431
17084
  (function (Tags) {
@@ -16442,7 +17095,7 @@ class GovFormInput {
16442
17095
  this.govKeyDown = createEvent(this, "gov-keydown", 7);
16443
17096
  this.value = undefined;
16444
17097
  this.identifier = undefined;
16445
- this.variant = undefined;
17098
+ this.variant = 'secondary';
16446
17099
  this.success = undefined;
16447
17100
  this.size = 'm';
16448
17101
  this.name = undefined;
@@ -16648,7 +17301,7 @@ class GovFormLabel {
16648
17301
  }
16649
17302
  render() {
16650
17303
  const Tag = this.legend ? 'legend' : 'label';
16651
- return (hAsync(Host, { class: FormLabelClass.root, size: this.size }, hAsync(Tag, { class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, hAsync("slot", null), this.required ? hAsync("span", { class: "gov-color--error-500" }, "*") : null)));
17304
+ return (hAsync(Host, { class: FormLabelClass.root, size: this.size }, hAsync(Tag, { class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, hAsync("slot", null), this.required ? hAsync("span", { class: "gov-color--error-500" }, "\u00A0*") : null)));
16652
17305
  }
16653
17306
  static get style() { return govFormLabelCss; }
16654
17307
  static get cmpMeta() { return {
@@ -16708,7 +17361,7 @@ class GovFormMessage {
16708
17361
  }; }
16709
17362
  }
16710
17363
 
16711
- const govFormMultiSelectCss = ".gov-form-multi-select__list{margin:0;padding:0}.gov-form-multi-select__list>.gov-form-multi-select__item{margin:0;padding:0;background:none}.gov-form-multi-select__list>.gov-form-multi-select__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-multi-select{position:relative;display:flex;width:100%;align-items:center}.gov-form-multi-select .element{position:relative;display:flex;flex:1 1 auto}.gov-form-multi-select input,.gov-form-multi-select select,.gov-form-multi-select textarea{width:100%;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));color:var(--gov-form-input-color, var(--gov-color-secondary-700));font-family:var(--gov-font-family, \"Roboto\", sans-serif)}.gov-form-multi-select input:focus,.gov-form-multi-select select:focus,.gov-form-multi-select textarea:focus{outline:none}.gov-form-multi-select input:focus-visible,.gov-form-multi-select select:focus-visible,.gov-form-multi-select textarea:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-multi-select input::-moz-placeholder,.gov-form-multi-select select::-moz-placeholder,.gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-select input::placeholder,.gov-form-multi-select select::placeholder,.gov-form-multi-select textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-select textarea{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.5rem 0.75rem;resize:none}.gov-form-multi-select *[slot=left-icon],.gov-form-multi-select *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;color:var(--gov-form-input-icon-color, var(--gov-color-primary));transform:translateY(-50%);pointer-events:none}.gov-form-multi-select *[slot=left-icon]{left:0}.gov-form-multi-select *[slot=right-icon]{right:0}[disabled=\"\"].gov-form-multi-select,[disabled=true i].gov-form-multi-select,[disabled=\"1\"].gov-form-multi-select{pointer-events:none}[disabled=\"\"].gov-form-multi-select input,[disabled=\"\"].gov-form-multi-select select,[disabled=\"\"].gov-form-multi-select textarea,[disabled=true i].gov-form-multi-select input,[disabled=true i].gov-form-multi-select select,[disabled=true i].gov-form-multi-select textarea,[disabled=\"1\"].gov-form-multi-select input,[disabled=\"1\"].gov-form-multi-select select,[disabled=\"1\"].gov-form-multi-select textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-multi-select *[slot=left-icon],[disabled=\"\"].gov-form-multi-select *[slot=right-icon],[disabled=true i].gov-form-multi-select *[slot=left-icon],[disabled=true i].gov-form-multi-select *[slot=right-icon],[disabled=\"1\"].gov-form-multi-select *[slot=left-icon],[disabled=\"1\"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=\"\"].gov-form-multi-select input,[invalid=\"\"].gov-form-multi-select select,[invalid=\"\"].gov-form-multi-select textarea,[invalid=true i].gov-form-multi-select input,[invalid=true i].gov-form-multi-select select,[invalid=true i].gov-form-multi-select textarea,[invalid=\"1\"].gov-form-multi-select input,[invalid=\"1\"].gov-form-multi-select select,[invalid=\"1\"].gov-form-multi-select textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-multi-select input::-moz-placeholder,[invalid=\"\"].gov-form-multi-select select::-moz-placeholder,[invalid=\"\"].gov-form-multi-select textarea::-moz-placeholder,[invalid=true i].gov-form-multi-select input::-moz-placeholder,[invalid=true i].gov-form-multi-select select::-moz-placeholder,[invalid=true i].gov-form-multi-select textarea::-moz-placeholder,[invalid=\"1\"].gov-form-multi-select input::-moz-placeholder,[invalid=\"1\"].gov-form-multi-select select::-moz-placeholder,[invalid=\"1\"].gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-multi-select input::placeholder,[invalid=\"\"].gov-form-multi-select select::placeholder,[invalid=\"\"].gov-form-multi-select textarea::placeholder,[invalid=true i].gov-form-multi-select input::placeholder,[invalid=true i].gov-form-multi-select select::placeholder,[invalid=true i].gov-form-multi-select textarea::placeholder,[invalid=\"1\"].gov-form-multi-select input::placeholder,[invalid=\"1\"].gov-form-multi-select select::placeholder,[invalid=\"1\"].gov-form-multi-select textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-multi-select *[slot=left-icon],[invalid=\"\"].gov-form-multi-select *[slot=right-icon],[invalid=true i].gov-form-multi-select *[slot=left-icon],[invalid=true i].gov-form-multi-select *[slot=right-icon],[invalid=\"1\"].gov-form-multi-select *[slot=left-icon],[invalid=\"1\"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[success=\"\"].gov-form-multi-select *[slot=right-icon],[success=true i].gov-form-multi-select *[slot=right-icon],[success=\"1\"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=\"\"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=\"1\"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[size=m].gov-form-multi-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-multi-select input,[size=m].gov-form-multi-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-multi-select *[slot=left-icon],[size=m].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-multi-select *[slot=right-icon]~input,[size=m].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-multi-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-multi-select input,[size=l].gov-form-multi-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-multi-select *[slot=left-icon],[size=l].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-multi-select *[slot=right-icon]~input,[size=l].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-multi-select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-multi-select input,[size=xl].gov-form-multi-select select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-multi-select *[slot=left-icon],[size=xl].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-multi-select *[slot=right-icon]~input,[size=xl].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}.gov-form-multi-select{background:none}.gov-form-multi-select select{-webkit-appearance:none;-moz-appearance:none}.gov-form-multi-select select::-ms-expand{display:none}[size=m].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-m-arrow-right-position, 1rem);width:var(--gov-form-select-m-arrow-size, 0.5rem);height:var(--gov-form-select-m-arrow-size, 0.5rem)}[size=l].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-l-arrow-right-position, 1rem);width:var(--gov-form-select-l-arrow-size, 0.5rem);height:var(--gov-form-select-l-arrow-size, 0.5rem)}[size=xl].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-xl-arrow-right-position, 1.3125rem);width:var(--gov-form-select-xl-arrow-size, 0.625rem);height:var(--gov-form-select-xl-arrow-size, 0.625rem)}.gov-form-multi-select{flex-wrap:wrap}.gov-form-multi-select__wrap{display:flex;gap:0.5rem;width:100%}.gov-form-multi-select__list{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);display:flex;gap:0.5rem;flex-wrap:wrap}.gov-form-multi-select__list>.gov-form-multi-select__item{position:relative;display:flex;flex:0 0 auto;align-items:center;padding:0rem 0rem 0rem 0.5rem;background:var(--gov-form-multiselect-bg, var(--gov-color-primary-200));transition:150ms linear background-color}";
17364
+ const govFormMultiSelectCss = ".gov-form-multi-select__list{margin:0;padding:0}.gov-form-multi-select__list>.gov-form-multi-select__item{margin:0;padding:0;background:none}.gov-form-multi-select__list>.gov-form-multi-select__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-multi-select{position:relative;display:flex;width:100%;align-items:center}.gov-form-multi-select .element{position:relative;display:flex;flex:1 1 auto}.gov-form-multi-select input,.gov-form-multi-select select,.gov-form-multi-select textarea{width:100%;border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));font-family:var(--gov-font-family, \"Roboto\", sans-serif)}.gov-form-multi-select input:focus,.gov-form-multi-select select:focus,.gov-form-multi-select textarea:focus{outline:none}.gov-form-multi-select input:focus-visible,.gov-form-multi-select select:focus-visible,.gov-form-multi-select textarea:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-multi-select input::-moz-placeholder,.gov-form-multi-select select::-moz-placeholder,.gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-select input::placeholder,.gov-form-multi-select select::placeholder,.gov-form-multi-select textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-select textarea{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.5rem 0.75rem;resize:none}.gov-form-multi-select *[slot=left-icon],.gov-form-multi-select *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none}.gov-form-multi-select *[slot=left-icon]{left:0}.gov-form-multi-select *[slot=right-icon]{right:0}[size=s].gov-form-multi-select{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);gap:0.5rem var(--gov-form-input-core-s-icon-size, 1rem)}[size=s].gov-form-multi-select input,[size=s].gov-form-multi-select select{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);height:var(--gov-form-input-core-s-height, 2rem);padding:var(--gov-form-input-core-s-padding, 0.25rem 0.75rem)}[size=s].gov-form-multi-select *[slot=left-icon],[size=s].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-s-icon-size, 1rem);height:var(--gov-form-input-core-s-icon-size, 1rem)}[size=s].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-s-icon-padding, 2rem) - var(--gov-form-input-core-s-icon-size, 1rem)) / 2)}[size=s].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-s-icon-padding, 2rem)}[size=s].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-s-icon-padding, 2rem) - var(--gov-form-input-core-s-icon-size, 1rem)) / 2)}[size=s].gov-form-multi-select *[slot=right-icon]~input,[size=s].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-s-icon-padding, 2rem)}[size=m].gov-form-multi-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-multi-select input,[size=m].gov-form-multi-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-multi-select *[slot=left-icon],[size=m].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-multi-select *[slot=right-icon]~input,[size=m].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-multi-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-multi-select input,[size=l].gov-form-multi-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-multi-select *[slot=left-icon],[size=l].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-multi-select *[slot=right-icon]~input,[size=l].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-multi-select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-multi-select input,[size=xl].gov-form-multi-select select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-multi-select *[slot=left-icon],[size=xl].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-multi-select *[slot=right-icon]~input,[size=xl].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}[variant=primary].gov-form-multi-select input,[variant=primary].gov-form-multi-select select,[variant=primary].gov-form-multi-select textarea{color:var(--gov-form-input-color-primary, var(--gov-color-secondary-700));border:var(--gov-form-input-border-primary, 0.0625rem solid var(--gov-color-primary-600))}[variant=primary].gov-form-multi-select *[slot=left-icon],[variant=primary].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-input-icon-color-primary, var(--gov-color-primary))}[variant=secondary].gov-form-multi-select input,[variant=secondary].gov-form-multi-select select,[variant=secondary].gov-form-multi-select textarea{color:var(--gov-form-input-color-secondary, var(--gov-color-secondary-700));border:var(--gov-form-input-border-secondary, 0.0625rem solid var(--gov-color-secondary-700))}[variant=secondary].gov-form-multi-select *[slot=left-icon],[variant=secondary].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-input-icon-color-secondary, var(--gov-color-primary))}[disabled=\"\"].gov-form-multi-select,[disabled=true i].gov-form-multi-select,[disabled=\"1\"].gov-form-multi-select{pointer-events:none}[disabled=\"\"].gov-form-multi-select input,[disabled=\"\"].gov-form-multi-select select,[disabled=\"\"].gov-form-multi-select textarea,[disabled=true i].gov-form-multi-select input,[disabled=true i].gov-form-multi-select select,[disabled=true i].gov-form-multi-select textarea,[disabled=\"1\"].gov-form-multi-select input,[disabled=\"1\"].gov-form-multi-select select,[disabled=\"1\"].gov-form-multi-select textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-multi-select *[slot=left-icon],[disabled=\"\"].gov-form-multi-select *[slot=right-icon],[disabled=true i].gov-form-multi-select *[slot=left-icon],[disabled=true i].gov-form-multi-select *[slot=right-icon],[disabled=\"1\"].gov-form-multi-select *[slot=left-icon],[disabled=\"1\"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=\"\"].gov-form-multi-select input,[invalid=\"\"].gov-form-multi-select select,[invalid=\"\"].gov-form-multi-select textarea,[invalid=true i].gov-form-multi-select input,[invalid=true i].gov-form-multi-select select,[invalid=true i].gov-form-multi-select textarea,[invalid=\"1\"].gov-form-multi-select input,[invalid=\"1\"].gov-form-multi-select select,[invalid=\"1\"].gov-form-multi-select textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-multi-select input::-moz-placeholder,[invalid=\"\"].gov-form-multi-select select::-moz-placeholder,[invalid=\"\"].gov-form-multi-select textarea::-moz-placeholder,[invalid=true i].gov-form-multi-select input::-moz-placeholder,[invalid=true i].gov-form-multi-select select::-moz-placeholder,[invalid=true i].gov-form-multi-select textarea::-moz-placeholder,[invalid=\"1\"].gov-form-multi-select input::-moz-placeholder,[invalid=\"1\"].gov-form-multi-select select::-moz-placeholder,[invalid=\"1\"].gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-multi-select input::placeholder,[invalid=\"\"].gov-form-multi-select select::placeholder,[invalid=\"\"].gov-form-multi-select textarea::placeholder,[invalid=true i].gov-form-multi-select input::placeholder,[invalid=true i].gov-form-multi-select select::placeholder,[invalid=true i].gov-form-multi-select textarea::placeholder,[invalid=\"1\"].gov-form-multi-select input::placeholder,[invalid=\"1\"].gov-form-multi-select select::placeholder,[invalid=\"1\"].gov-form-multi-select textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-multi-select *[slot=left-icon],[invalid=\"\"].gov-form-multi-select *[slot=right-icon],[invalid=true i].gov-form-multi-select *[slot=left-icon],[invalid=true i].gov-form-multi-select *[slot=right-icon],[invalid=\"1\"].gov-form-multi-select *[slot=left-icon],[invalid=\"1\"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[success=\"\"].gov-form-multi-select *[slot=right-icon],[success=true i].gov-form-multi-select *[slot=right-icon],[success=\"1\"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=\"\"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=\"1\"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}.gov-form-multi-select{background:none}.gov-form-multi-select select{-webkit-appearance:none;-moz-appearance:none}.gov-form-multi-select select::-ms-expand{display:none}[size=m].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-m-arrow-right-position, 1rem);width:var(--gov-form-select-m-arrow-size, 0.5rem);height:var(--gov-form-select-m-arrow-size, 0.5rem)}[size=l].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-l-arrow-right-position, 1rem);width:var(--gov-form-select-l-arrow-size, 0.5rem);height:var(--gov-form-select-l-arrow-size, 0.5rem)}[size=xl].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-xl-arrow-right-position, 1.3125rem);width:var(--gov-form-select-xl-arrow-size, 0.625rem);height:var(--gov-form-select-xl-arrow-size, 0.625rem)}.gov-form-multi-select{flex-wrap:wrap}.gov-form-multi-select__wrap{display:flex;gap:0.5rem;width:100%}.gov-form-multi-select__list{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);display:flex;gap:0.5rem;flex-wrap:wrap}.gov-form-multi-select__list>.gov-form-multi-select__item{position:relative;display:flex;flex:0 0 auto;align-items:center;padding:0rem 0rem 0rem 0.5rem;background:var(--gov-form-multiselect-bg, var(--gov-color-primary-200));transition:150ms linear background-color}";
16712
17365
 
16713
17366
  class GovFormMultiSelect {
16714
17367
  constructor(hostRef) {
@@ -17093,17 +17746,19 @@ class GovFormRadio {
17093
17746
  }; }
17094
17747
  }
17095
17748
 
17749
+ pick(Variants, ['PRIMARY', 'SECONDARY']);
17096
17750
  const FormSearchClass = {
17097
17751
  root: 'gov-form-search',
17098
17752
  input: 'gov-form-search__input',
17099
17753
  button: 'gov-form-search__button',
17100
17754
  };
17101
17755
 
17102
- const govFormSearchCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-search{position:relative;display:flex;width:100%;gap:0.5rem;align-items:center;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white))}.gov-form-search:focus{outline:none}.gov-form-search:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-search:focus-within{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-search__input{flex:1 1 auto}.gov-form-search__input input{height:auto;border-width:0 !important}.gov-form-search__input input:focus-visible{outline:none !important}.gov-form-search__button{flex:0 0 auto;margin:0.1875rem 0.1875rem 0.1875rem 0}";
17756
+ const govFormSearchCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-search{position:relative;display:flex;width:100%;gap:0.5rem;align-items:center;border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white))}.gov-form-search:focus{outline:none}.gov-form-search:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-search:focus-within{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-search__input{flex:1 1 auto}.gov-form-search__input input{height:auto;border-width:0 !important}.gov-form-search__input input:focus-visible{outline:none !important}.gov-form-search__button{flex:0 0 auto;margin:0.1875rem 0.1875rem 0.1875rem 0}.gov-form-search[variant=primary]{border:var(--gov-form-input-border-primary, 0.0625rem solid var(--gov-color-primary-600))}.gov-form-search[variant=secondary]{border:var(--gov-form-input-border-secondary, 0.0625rem solid var(--gov-color-secondary-700))}";
17103
17757
 
17104
17758
  class GovFormSearch {
17105
17759
  constructor(hostRef) {
17106
17760
  registerInstance(this, hostRef);
17761
+ this.variant = 'secondary';
17107
17762
  }
17108
17763
  render() {
17109
17764
  return (hAsync(Host, { class: FormSearchClass.root }, hAsync("span", { class: FormSearchClass.input }, hAsync("slot", { name: "input" })), hAsync("span", { class: FormSearchClass.button }, hAsync("slot", { name: "button" }))));
@@ -17113,14 +17768,16 @@ class GovFormSearch {
17113
17768
  static get cmpMeta() { return {
17114
17769
  "$flags$": 4,
17115
17770
  "$tagName$": "gov-form-search",
17116
- "$members$": undefined,
17771
+ "$members$": {
17772
+ "variant": [1]
17773
+ },
17117
17774
  "$listeners$": undefined,
17118
17775
  "$lazyBundleId$": "-",
17119
17776
  "$attrsToReflect$": []
17120
17777
  }; }
17121
17778
  }
17122
17779
 
17123
- const govFormSelectCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-select{position:relative;display:flex;width:100%;align-items:center}.gov-form-select .element{position:relative;display:flex;flex:1 1 auto}.gov-form-select input,.gov-form-select select,.gov-form-select textarea{width:100%;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));color:var(--gov-form-input-color, var(--gov-color-secondary-700));font-family:var(--gov-font-family, \"Roboto\", sans-serif)}.gov-form-select input:focus,.gov-form-select select:focus,.gov-form-select textarea:focus{outline:none}.gov-form-select input:focus-visible,.gov-form-select select:focus-visible,.gov-form-select textarea:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-select input::-moz-placeholder,.gov-form-select select::-moz-placeholder,.gov-form-select textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-select input::placeholder,.gov-form-select select::placeholder,.gov-form-select textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-select textarea{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.5rem 0.75rem;resize:none}.gov-form-select *[slot=left-icon],.gov-form-select *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;color:var(--gov-form-input-icon-color, var(--gov-color-primary));transform:translateY(-50%);pointer-events:none}.gov-form-select *[slot=left-icon]{left:0}.gov-form-select *[slot=right-icon]{right:0}[disabled=\"\"].gov-form-select,[disabled=true i].gov-form-select,[disabled=\"1\"].gov-form-select{pointer-events:none}[disabled=\"\"].gov-form-select input,[disabled=\"\"].gov-form-select select,[disabled=\"\"].gov-form-select textarea,[disabled=true i].gov-form-select input,[disabled=true i].gov-form-select select,[disabled=true i].gov-form-select textarea,[disabled=\"1\"].gov-form-select input,[disabled=\"1\"].gov-form-select select,[disabled=\"1\"].gov-form-select textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-select *[slot=left-icon],[disabled=\"\"].gov-form-select *[slot=right-icon],[disabled=true i].gov-form-select *[slot=left-icon],[disabled=true i].gov-form-select *[slot=right-icon],[disabled=\"1\"].gov-form-select *[slot=left-icon],[disabled=\"1\"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=\"\"].gov-form-select input,[invalid=\"\"].gov-form-select select,[invalid=\"\"].gov-form-select textarea,[invalid=true i].gov-form-select input,[invalid=true i].gov-form-select select,[invalid=true i].gov-form-select textarea,[invalid=\"1\"].gov-form-select input,[invalid=\"1\"].gov-form-select select,[invalid=\"1\"].gov-form-select textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-select input::-moz-placeholder,[invalid=\"\"].gov-form-select select::-moz-placeholder,[invalid=\"\"].gov-form-select textarea::-moz-placeholder,[invalid=true i].gov-form-select input::-moz-placeholder,[invalid=true i].gov-form-select select::-moz-placeholder,[invalid=true i].gov-form-select textarea::-moz-placeholder,[invalid=\"1\"].gov-form-select input::-moz-placeholder,[invalid=\"1\"].gov-form-select select::-moz-placeholder,[invalid=\"1\"].gov-form-select textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-select input::placeholder,[invalid=\"\"].gov-form-select select::placeholder,[invalid=\"\"].gov-form-select textarea::placeholder,[invalid=true i].gov-form-select input::placeholder,[invalid=true i].gov-form-select select::placeholder,[invalid=true i].gov-form-select textarea::placeholder,[invalid=\"1\"].gov-form-select input::placeholder,[invalid=\"1\"].gov-form-select select::placeholder,[invalid=\"1\"].gov-form-select textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-select *[slot=left-icon],[invalid=\"\"].gov-form-select *[slot=right-icon],[invalid=true i].gov-form-select *[slot=left-icon],[invalid=true i].gov-form-select *[slot=right-icon],[invalid=\"1\"].gov-form-select *[slot=left-icon],[invalid=\"1\"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[success=\"\"].gov-form-select *[slot=right-icon],[success=true i].gov-form-select *[slot=right-icon],[success=\"1\"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=\"\"].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=\"1\"].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[size=m].gov-form-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-select input,[size=m].gov-form-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-select *[slot=left-icon],[size=m].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-select *[slot=right-icon]~input,[size=m].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-select input,[size=l].gov-form-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-select *[slot=left-icon],[size=l].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-select *[slot=right-icon]~input,[size=l].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-select input,[size=xl].gov-form-select select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-select *[slot=left-icon],[size=xl].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-select *[slot=right-icon]~input,[size=xl].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}.gov-form-select{background:none}.gov-form-select select{-webkit-appearance:none;-moz-appearance:none}.gov-form-select select::-ms-expand{display:none}[size=m].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-m-arrow-right-position, 1rem);width:var(--gov-form-select-m-arrow-size, 0.5rem);height:var(--gov-form-select-m-arrow-size, 0.5rem)}[size=l].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-l-arrow-right-position, 1rem);width:var(--gov-form-select-l-arrow-size, 0.5rem);height:var(--gov-form-select-l-arrow-size, 0.5rem)}[size=xl].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-xl-arrow-right-position, 1.3125rem);width:var(--gov-form-select-xl-arrow-size, 0.625rem);height:var(--gov-form-select-xl-arrow-size, 0.625rem)}";
17780
+ const govFormSelectCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-select{position:relative;display:flex;width:100%;align-items:center}.gov-form-select .element{position:relative;display:flex;flex:1 1 auto}.gov-form-select input,.gov-form-select select,.gov-form-select textarea{width:100%;border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));font-family:var(--gov-font-family, \"Roboto\", sans-serif)}.gov-form-select input:focus,.gov-form-select select:focus,.gov-form-select textarea:focus{outline:none}.gov-form-select input:focus-visible,.gov-form-select select:focus-visible,.gov-form-select textarea:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-select input::-moz-placeholder,.gov-form-select select::-moz-placeholder,.gov-form-select textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-select input::placeholder,.gov-form-select select::placeholder,.gov-form-select textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-select textarea{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.5rem 0.75rem;resize:none}.gov-form-select *[slot=left-icon],.gov-form-select *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none}.gov-form-select *[slot=left-icon]{left:0}.gov-form-select *[slot=right-icon]{right:0}[size=s].gov-form-select{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);gap:0.5rem var(--gov-form-input-core-s-icon-size, 1rem)}[size=s].gov-form-select input,[size=s].gov-form-select select{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);height:var(--gov-form-input-core-s-height, 2rem);padding:var(--gov-form-input-core-s-padding, 0.25rem 0.75rem)}[size=s].gov-form-select *[slot=left-icon],[size=s].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-s-icon-size, 1rem);height:var(--gov-form-input-core-s-icon-size, 1rem)}[size=s].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-s-icon-padding, 2rem) - var(--gov-form-input-core-s-icon-size, 1rem)) / 2)}[size=s].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-s-icon-padding, 2rem)}[size=s].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-s-icon-padding, 2rem) - var(--gov-form-input-core-s-icon-size, 1rem)) / 2)}[size=s].gov-form-select *[slot=right-icon]~input,[size=s].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-s-icon-padding, 2rem)}[size=m].gov-form-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-select input,[size=m].gov-form-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-select *[slot=left-icon],[size=m].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-select *[slot=right-icon]~input,[size=m].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-select input,[size=l].gov-form-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-select *[slot=left-icon],[size=l].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-select *[slot=right-icon]~input,[size=l].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-select input,[size=xl].gov-form-select select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-select *[slot=left-icon],[size=xl].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-select *[slot=right-icon]~input,[size=xl].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}[variant=primary].gov-form-select input,[variant=primary].gov-form-select select,[variant=primary].gov-form-select textarea{color:var(--gov-form-input-color-primary, var(--gov-color-secondary-700));border:var(--gov-form-input-border-primary, 0.0625rem solid var(--gov-color-primary-600))}[variant=primary].gov-form-select *[slot=left-icon],[variant=primary].gov-form-select *[slot=right-icon]{color:var(--gov-form-input-icon-color-primary, var(--gov-color-primary))}[variant=secondary].gov-form-select input,[variant=secondary].gov-form-select select,[variant=secondary].gov-form-select textarea{color:var(--gov-form-input-color-secondary, var(--gov-color-secondary-700));border:var(--gov-form-input-border-secondary, 0.0625rem solid var(--gov-color-secondary-700))}[variant=secondary].gov-form-select *[slot=left-icon],[variant=secondary].gov-form-select *[slot=right-icon]{color:var(--gov-form-input-icon-color-secondary, var(--gov-color-primary))}[disabled=\"\"].gov-form-select,[disabled=true i].gov-form-select,[disabled=\"1\"].gov-form-select{pointer-events:none}[disabled=\"\"].gov-form-select input,[disabled=\"\"].gov-form-select select,[disabled=\"\"].gov-form-select textarea,[disabled=true i].gov-form-select input,[disabled=true i].gov-form-select select,[disabled=true i].gov-form-select textarea,[disabled=\"1\"].gov-form-select input,[disabled=\"1\"].gov-form-select select,[disabled=\"1\"].gov-form-select textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-select *[slot=left-icon],[disabled=\"\"].gov-form-select *[slot=right-icon],[disabled=true i].gov-form-select *[slot=left-icon],[disabled=true i].gov-form-select *[slot=right-icon],[disabled=\"1\"].gov-form-select *[slot=left-icon],[disabled=\"1\"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=\"\"].gov-form-select input,[invalid=\"\"].gov-form-select select,[invalid=\"\"].gov-form-select textarea,[invalid=true i].gov-form-select input,[invalid=true i].gov-form-select select,[invalid=true i].gov-form-select textarea,[invalid=\"1\"].gov-form-select input,[invalid=\"1\"].gov-form-select select,[invalid=\"1\"].gov-form-select textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-select input::-moz-placeholder,[invalid=\"\"].gov-form-select select::-moz-placeholder,[invalid=\"\"].gov-form-select textarea::-moz-placeholder,[invalid=true i].gov-form-select input::-moz-placeholder,[invalid=true i].gov-form-select select::-moz-placeholder,[invalid=true i].gov-form-select textarea::-moz-placeholder,[invalid=\"1\"].gov-form-select input::-moz-placeholder,[invalid=\"1\"].gov-form-select select::-moz-placeholder,[invalid=\"1\"].gov-form-select textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-select input::placeholder,[invalid=\"\"].gov-form-select select::placeholder,[invalid=\"\"].gov-form-select textarea::placeholder,[invalid=true i].gov-form-select input::placeholder,[invalid=true i].gov-form-select select::placeholder,[invalid=true i].gov-form-select textarea::placeholder,[invalid=\"1\"].gov-form-select input::placeholder,[invalid=\"1\"].gov-form-select select::placeholder,[invalid=\"1\"].gov-form-select textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-select *[slot=left-icon],[invalid=\"\"].gov-form-select *[slot=right-icon],[invalid=true i].gov-form-select *[slot=left-icon],[invalid=true i].gov-form-select *[slot=right-icon],[invalid=\"1\"].gov-form-select *[slot=left-icon],[invalid=\"1\"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[success=\"\"].gov-form-select *[slot=right-icon],[success=true i].gov-form-select *[slot=right-icon],[success=\"1\"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=\"\"].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=\"1\"].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}.gov-form-select{background:none}.gov-form-select select{-webkit-appearance:none;-moz-appearance:none}.gov-form-select select::-ms-expand{display:none}[size=m].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-m-arrow-right-position, 1rem);width:var(--gov-form-select-m-arrow-size, 0.5rem);height:var(--gov-form-select-m-arrow-size, 0.5rem)}[size=l].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-l-arrow-right-position, 1rem);width:var(--gov-form-select-l-arrow-size, 0.5rem);height:var(--gov-form-select-l-arrow-size, 0.5rem)}[size=xl].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-xl-arrow-right-position, 1.3125rem);width:var(--gov-form-select-xl-arrow-size, 0.625rem);height:var(--gov-form-select-xl-arrow-size, 0.625rem)}";
17124
17781
 
17125
17782
  class GovFormSelect {
17126
17783
  constructor(hostRef) {
@@ -17155,6 +17812,9 @@ class GovFormSelect {
17155
17812
  watchDisabled() {
17156
17813
  this.passControlAttrs();
17157
17814
  }
17815
+ watchValue() {
17816
+ this.markSelectedValue();
17817
+ }
17158
17818
  passControlAttrs() {
17159
17819
  this.f.passAttrToControl("size", this.size);
17160
17820
  this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
@@ -17164,11 +17824,7 @@ class GovFormSelect {
17164
17824
  componentWillLoad() {
17165
17825
  this.validateVariant(this.variant);
17166
17826
  this.validateSize(this.size);
17167
- this.host.querySelectorAll("option").forEach((option) => {
17168
- if (option.value === this.value) {
17169
- option.setAttribute("selected", "true");
17170
- }
17171
- });
17827
+ this.markSelectedValue();
17172
17828
  this.passControlAttrs();
17173
17829
  this.f.passAttrToLabel("required", String(this.required));
17174
17830
  }
@@ -17178,6 +17834,16 @@ class GovFormSelect {
17178
17834
  await this.validateWcag();
17179
17835
  }
17180
17836
  }
17837
+ markSelectedValue() {
17838
+ this.host.querySelectorAll("option").forEach((option) => {
17839
+ if (option.value === this.value) {
17840
+ option.setAttribute("selected", "selected");
17841
+ }
17842
+ else {
17843
+ option.removeAttribute("selected");
17844
+ }
17845
+ });
17846
+ }
17181
17847
  render() {
17182
17848
  return (hAsync(Host, { class: FormSelectClass.root, size: this.size, variant: this.variant }, this.h.hasSlot("prefix") && hAsync("slot", { name: "prefix" }), hAsync("span", { class: "element" }, hAsync("gov-icon", { slot: "right-icon", name: "chevron-down" }), hAsync("select", { id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-activedescendant": this.wcagActiveDescendant, "aria-controls": this.wcagControls, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns }, hAsync("slot", null))), this.h.hasSlot("sufix") && hAsync("slot", { name: "sufix" })));
17183
17849
  }
@@ -17239,7 +17905,8 @@ class GovFormSelect {
17239
17905
  "variant": ["validateVariant"],
17240
17906
  "size": ["validateSize", "watchDisabled"],
17241
17907
  "disabled": ["watchDisabled"],
17242
- "invalid": ["watchDisabled"]
17908
+ "invalid": ["watchDisabled"],
17909
+ "value": ["watchValue"]
17243
17910
  }; }
17244
17911
  static get style() { return govFormSelectCss; }
17245
17912
  static get cmpMeta() { return {
@@ -19579,19 +20246,18 @@ class GovWizzardItem {
19579
20246
  constructor(hostRef) {
19580
20247
  registerInstance(this, hostRef);
19581
20248
  this.govChange = createEvent(this, "gov-change", 7);
19582
- this.variant = 'primary';
19583
- this.size = 'm';
20249
+ this.variant = "primary";
20250
+ this.size = "m";
19584
20251
  this.identifier = undefined;
19585
20252
  this.collapsible = false;
19586
20253
  this.annotation = undefined;
19587
20254
  this.label = undefined;
19588
20255
  this.disabled = false;
19589
20256
  this.isExpanded = false;
19590
- this.labelTag = 'h3';
19591
- this.isExpandedState = undefined;
20257
+ this.labelTag = "h3";
19592
20258
  this.h = govHost(this.host);
19593
- this.triggerId = createID('GovWizzardItem');
19594
- this.contentId = createID('GovWizzardContent');
20259
+ this.triggerId = createID("GovWizzardItem");
20260
+ this.contentId = createID("GovWizzardContent");
19595
20261
  }
19596
20262
  validateLabel(newValue) {
19597
20263
  if (!newValue) {
@@ -19599,7 +20265,7 @@ class GovWizzardItem {
19599
20265
  }
19600
20266
  }
19601
20267
  validateTriggerTag(newValue) {
19602
- const validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span'];
20268
+ const validTags = ["h1", "h2", "h3", "h4", "h5", "h6", "span"];
19603
20269
  if (newValue) {
19604
20270
  if (!validTags.includes(newValue)) {
19605
20271
  govErrorLog(`[${WizzardItemClass.root}]: Tag ${newValue} is not allowed.`);
@@ -19610,10 +20276,9 @@ class GovWizzardItem {
19610
20276
  validateProp(WizardVariants, newValue, WizzardItemClass.root);
19611
20277
  }
19612
20278
  emmitChange() {
19613
- this.govChange.emit({ open: this.isExpandedState, element: this.host });
20279
+ this.govChange.emit({ expanded: this.isExpanded, component: WizzardItemClass.root });
19614
20280
  }
19615
20281
  componentWillLoad() {
19616
- this.isExpandedState = this.isExpanded;
19617
20282
  this.validateLabel(this.label);
19618
20283
  this.validateVariant(this.variant);
19619
20284
  this.validateTriggerTag(this.labelTag);
@@ -19622,35 +20287,35 @@ class GovWizzardItem {
19622
20287
  const triggerId = this.identifier || this.triggerId;
19623
20288
  const LabelTag = this.labelTag;
19624
20289
  const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
19625
- const label = (hAsync(LabelTag, { class: WizzardItemClass.title }, this.h.hasSlot('prefix') && (hAsync("span", { class: WizzardItemClass.prefix }, hAsync("slot", { name: "prefix" }))), hAsync("span", { class: WizzardItemClass.name }, hAsync("span", { class: WizzardItemClass.label }, hAsync("span", null, this.label), this.collapsible && hAsync("gov-icon", { class: WizzardItemClass.arrow, name: "chevron-down" })), this.annotation && hAsync("span", { class: WizzardItemClass.annot }, this.annotation))));
19626
- return (hAsync(Host, { class: this.h.classes(WizzardItemClass.root), variant: this.variant, size: this.size, role: "listitem", collapsible: this.collapsible }, this.collapsible ? (hAsync(Tag, { id: triggerId, class: WizzardItemClass.header, "aria-expanded": booleanString(this.isExpandedState), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: () => (this.collapsible ? this.toggle() : false) }, label)) : (hAsync("div", { class: WizzardItemClass.header }, label)), this.collapsible ? (hAsync("div", { class: WizzardItemClass.content, id: this.contentId, "aria-hidden": booleanString(!this.isExpandedState), hidden: !this.isExpandedState, "aria-labelledby": triggerId }, hAsync("slot", null))) : (hAsync("div", { class: WizzardItemClass.content, "aria-hidden": booleanString(!this.isExpandedState), hidden: !this.isExpandedState }, hAsync("slot", null)))));
20290
+ const label = (hAsync(LabelTag, { class: WizzardItemClass.title }, this.h.hasSlot("prefix") && (hAsync("span", { class: WizzardItemClass.prefix }, hAsync("slot", { name: "prefix" }))), hAsync("span", { class: WizzardItemClass.name }, hAsync("span", { class: WizzardItemClass.label }, hAsync("span", null, this.label), this.collapsible && hAsync("gov-icon", { class: WizzardItemClass.arrow, name: "chevron-down" })), this.annotation && hAsync("span", { class: WizzardItemClass.annot }, this.annotation))));
20291
+ return (hAsync(Host, { class: this.h.classes(WizzardItemClass.root), "is-expanded": this.isExpanded, variant: this.variant, size: this.size, role: "listitem", collapsible: this.collapsible }, this.collapsible ? (hAsync(Tag, { id: triggerId, class: WizzardItemClass.header, "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: () => (this.collapsible ? this.toggle() : false) }, label)) : (hAsync("div", { class: WizzardItemClass.header }, label)), this.collapsible ? (hAsync("div", { class: WizzardItemClass.content, id: this.contentId, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, hAsync("slot", null))) : (hAsync("div", { class: WizzardItemClass.content, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded }, hAsync("slot", null)))));
19627
20292
  }
19628
20293
  /**
19629
20294
  * Opening the Wizzard
19630
20295
  */
19631
20296
  async open() {
19632
- this.isExpandedState = true;
20297
+ this.isExpanded = true;
19633
20298
  this.emmitChange();
19634
20299
  }
19635
20300
  /**
19636
20301
  * Closing the Wizzard
19637
20302
  */
19638
20303
  async close() {
19639
- this.isExpandedState = false;
20304
+ this.isExpanded = false;
19640
20305
  this.emmitChange();
19641
20306
  }
19642
20307
  /**
19643
20308
  * Wizzard switch
19644
20309
  */
19645
20310
  async toggle() {
19646
- this.isExpandedState = !this.isExpandedState;
20311
+ this.isExpanded = !this.isExpanded;
19647
20312
  this.emmitChange();
19648
20313
  }
19649
20314
  /**
19650
20315
  * Returns the current state of the component
19651
20316
  */
19652
20317
  async currentState() {
19653
- return this.isExpandedState;
20318
+ return this.isExpanded;
19654
20319
  }
19655
20320
  get host() { return getElement(this); }
19656
20321
  static get watchers() { return {
@@ -19670,9 +20335,8 @@ class GovWizzardItem {
19670
20335
  "annotation": [1],
19671
20336
  "label": [1],
19672
20337
  "disabled": [4],
19673
- "isExpanded": [4, "is-expanded"],
20338
+ "isExpanded": [1028, "is-expanded"],
19674
20339
  "labelTag": [1, "label-tag"],
19675
- "isExpandedState": [32],
19676
20340
  "open": [64],
19677
20341
  "close": [64],
19678
20342
  "toggle": [64],
@@ -19697,7 +20361,9 @@ registerComponents([
19697
20361
  GovButton,
19698
20362
  GovCard,
19699
20363
  GovContainer,
20364
+ GovControlGroup,
19700
20365
  GovCookiebar,
20366
+ GovDropdown,
19701
20367
  GovEmpty,
19702
20368
  GovErrorCode,
19703
20369
  GovFormAutocomplete,