@gov-design-system-ce/components 4.0.6 → 4.0.8-rc01
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.
- package/dist/cjs/array.utils-5a024b3a.js +46 -0
- package/dist/cjs/array.utils-5a024b3a.js.map +1 -0
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/{form-74063d50.js → form-47b5ef29.js} +2 -2
- package/dist/cjs/form-47b5ef29.js.map +1 -0
- package/dist/cjs/gov-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gov-attachments_3.cjs.entry.js +1 -1
- package/dist/cjs/gov-backdrop.cjs.entry.js +1 -1
- package/dist/cjs/gov-breadcrumbs.cjs.entry.js +26 -3
- package/dist/cjs/gov-breadcrumbs.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-button.cjs.entry.js +7 -4
- package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-card.cjs.entry.js +1 -1
- package/dist/cjs/gov-chip.cjs.entry.js +2 -2
- package/dist/cjs/gov-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-container.cjs.entry.js +1 -1
- package/dist/cjs/gov-control-group.cjs.entry.js +1 -1
- package/dist/cjs/gov-cookiebar.cjs.entry.js +1 -1
- package/dist/cjs/gov-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gov-empty.cjs.entry.js +1 -1
- package/dist/cjs/gov-error-code.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-control.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-file.cjs.entry.js +17 -5
- package/dist/cjs/gov-form-file.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-group.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-input.cjs.entry.js +6 -2
- package/dist/cjs/gov-form-input.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-multi-select.cjs.entry.js +83 -102
- package/dist/cjs/gov-form-multi-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-radio.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-search.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-search.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-select.cjs.entry.js +15 -19
- package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-switch.cjs.entry.js +2 -2
- package/dist/cjs/gov-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-grid.cjs.entry.js +1 -1
- package/dist/cjs/gov-icon.cjs.entry.js +2 -2
- package/dist/cjs/gov-infobar.cjs.entry.js +3 -2
- package/dist/cjs/gov-infobar.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-layout-column.cjs.entry.js +1 -1
- package/dist/cjs/gov-layout.cjs.entry.js +1 -1
- package/dist/cjs/gov-loading.cjs.entry.js +1 -1
- package/dist/cjs/gov-message.cjs.entry.js +1 -1
- package/dist/cjs/gov-modal.cjs.entry.js +5 -2
- package/dist/cjs/gov-modal.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-pagination.cjs.entry.js +9 -11
- package/dist/cjs/gov-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-prompt.cjs.entry.js +5 -2
- package/dist/cjs/gov-prompt.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-side-nav-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-side-nav.cjs.entry.js +1 -1
- package/dist/cjs/gov-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/gov-spacer.cjs.entry.js +1 -1
- package/dist/cjs/gov-statsbar-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-statsbar.cjs.entry.js +1 -1
- package/dist/cjs/gov-stepper-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-stepper.cjs.entry.js +1 -1
- package/dist/cjs/gov-tabs-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gov-tag.cjs.entry.js +2 -2
- package/dist/cjs/gov-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tile.cjs.entry.js +3 -3
- package/dist/cjs/gov-tile.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tiles.cjs.entry.js +1 -1
- package/dist/cjs/gov-toast.cjs.entry.js +1 -1
- package/dist/cjs/gov-tooltip-content.cjs.entry.js +2 -2
- package/dist/cjs/gov-tooltip-content.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tooltip.cjs.entry.js +8 -9
- package/dist/cjs/gov-tooltip.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-wizard-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-wizard.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/stencil.utils-22814956.js +11 -0
- package/dist/cjs/stencil.utils-22814956.js.map +1 -0
- package/dist/cjs/{template-4b951d1d.js → template-9534c584.js} +5 -1
- package/dist/cjs/template-9534c584.js.map +1 -0
- package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.css +58 -16
- package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.js +48 -1
- package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.js.map +1 -1
- package/dist/collection/components/gov-button/button/gov-button.css +1 -1
- package/dist/collection/components/gov-button/button/gov-button.js +13 -16
- package/dist/collection/components/gov-button/button/gov-button.js.map +1 -1
- package/dist/collection/components/gov-chip/gov-chip.css +2 -6
- package/dist/collection/components/gov-form/file/gov-form-file.js +51 -3
- package/dist/collection/components/gov-form/file/gov-form-file.js.map +1 -1
- package/dist/collection/components/gov-form/input/gov-form-input.js +18 -0
- package/dist/collection/components/gov-form/input/gov-form-input.js.map +1 -1
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js +134 -253
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js.map +1 -1
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.types.js.map +1 -1
- package/dist/collection/components/gov-form/search/gov-form-search.css +1 -1
- package/dist/collection/components/gov-form/select/constants.js +1 -1
- package/dist/collection/components/gov-form/select/constants.js.map +1 -1
- package/dist/collection/components/gov-form/select/gov-form-select.js +40 -64
- package/dist/collection/components/gov-form/select/gov-form-select.js.map +1 -1
- package/dist/collection/components/gov-form/select/gov-form-select.types.js.map +1 -1
- package/dist/collection/components/gov-infobar/gov-infobar.js +25 -1
- package/dist/collection/components/gov-infobar/gov-infobar.js.map +1 -1
- package/dist/collection/components/gov-modal/gov-modal.js +6 -3
- package/dist/collection/components/gov-modal/gov-modal.js.map +1 -1
- package/dist/collection/components/gov-pagination/gov-pagination.js +80 -5
- package/dist/collection/components/gov-pagination/gov-pagination.js.map +1 -1
- package/dist/collection/components/gov-promp/gov-prompt.js +4 -1
- package/dist/collection/components/gov-promp/gov-prompt.js.map +1 -1
- package/dist/collection/components/gov-tag/gov-tag.css +5 -100
- package/dist/collection/components/gov-tile/gov-tile.css +3 -5
- package/dist/collection/components/gov-tile/gov-tile.js +1 -1
- package/dist/collection/components/gov-tile/gov-tile.js.map +1 -1
- package/dist/collection/components/gov-tooltip/gov-tooltip-content.css +2 -1
- package/dist/collection/components/gov-tooltip/gov-tooltip.js +7 -8
- package/dist/collection/components/gov-tooltip/gov-tooltip.js.map +1 -1
- package/dist/collection/helpers/Dom/template.js +3 -0
- package/dist/collection/helpers/Dom/template.js.map +1 -1
- package/dist/collection/pages/Breadcrumbs.js +3 -2
- package/dist/collection/pages/Breadcrumbs.js.map +1 -1
- package/dist/collection/pages/Button.js +101 -101
- package/dist/collection/pages/Button.js.map +1 -1
- package/dist/collection/pages/Chip.js +50 -50
- package/dist/collection/pages/Chip.js.map +1 -1
- package/dist/collection/pages/Forms.js +27 -17
- package/dist/collection/pages/Forms.js.map +1 -1
- package/dist/collection/pages/Tag.js +27 -27
- package/dist/collection/pages/Tag.js.map +1 -1
- package/dist/collection/pages/Tooltip.js +13 -16
- package/dist/collection/pages/Tooltip.js.map +1 -1
- package/dist/collection/utils/array.utils.js +14 -0
- package/dist/collection/utils/array.utils.js.map +1 -1
- package/dist/collection/utils/object.utils.js +18 -0
- package/dist/collection/utils/object.utils.js.map +1 -0
- package/dist/collection/utils/stencil.utils.js +6 -0
- package/dist/collection/utils/stencil.utils.js.map +1 -0
- package/dist/components/gov-accordion-item.js +1 -1
- package/dist/components/gov-accordion.js +1 -1
- package/dist/components/gov-attachments-item.js +1 -1
- package/dist/components/gov-attachments.js +1 -1
- package/dist/components/gov-backdrop.js +1 -1
- package/dist/components/gov-breadcrumbs.js +1 -1
- package/dist/components/gov-breadcrumbs.js.map +1 -1
- package/dist/components/gov-button.js +1 -1
- package/dist/components/gov-card.js +1 -1
- package/dist/components/gov-chip.js +1 -1
- package/dist/components/gov-container.js +1 -1
- package/dist/components/gov-control-group.js +1 -1
- package/dist/components/gov-cookiebar.js +1 -1
- package/dist/components/gov-dropdown.js +1 -1
- package/dist/components/gov-empty.js +1 -1
- package/dist/components/gov-error-code.js +1 -1
- package/dist/components/gov-form-autocomplete.js +1 -1
- package/dist/components/gov-form-checkbox.js +1 -1
- package/dist/components/gov-form-control.js +1 -1
- package/dist/components/gov-form-file.js +1 -1
- package/dist/components/gov-form-file.js.map +1 -1
- package/dist/components/gov-form-group.js +1 -1
- package/dist/components/gov-form-input.js +1 -1
- package/dist/components/gov-form-message.js +1 -1
- package/dist/components/gov-form-multi-select.js +1 -1
- package/dist/components/gov-form-multi-select.js.map +1 -1
- package/dist/components/gov-form-radio.js +1 -1
- package/dist/components/gov-form-search.js +1 -1
- package/dist/components/gov-form-search.js.map +1 -1
- package/dist/components/gov-form-select.js +1 -1
- package/dist/components/gov-form-switch.js +1 -1
- package/dist/components/gov-grid-item.js +1 -1
- package/dist/components/gov-grid.js +1 -1
- package/dist/components/gov-icon.js +1 -1
- package/dist/components/gov-infobar.js +1 -1
- package/dist/components/gov-infobar.js.map +1 -1
- package/dist/components/gov-layout-column.js +1 -1
- package/dist/components/gov-layout.js +1 -1
- package/dist/components/gov-loading.js +1 -1
- package/dist/components/gov-message.js +1 -1
- package/dist/components/gov-modal.js +1 -1
- package/dist/components/gov-modal.js.map +1 -1
- package/dist/components/gov-pagination.js +1 -1
- package/dist/components/gov-pagination.js.map +1 -1
- package/dist/components/gov-prompt.js +1 -1
- package/dist/components/gov-prompt.js.map +1 -1
- package/dist/components/gov-side-nav-item.js +1 -1
- package/dist/components/gov-side-nav.js +1 -1
- package/dist/components/gov-side-nav.js.map +1 -1
- package/dist/components/gov-skeleton.js +1 -1
- package/dist/components/gov-skeleton.js.map +1 -1
- package/dist/components/gov-spacer.js +1 -1
- package/dist/components/gov-statsbar-item.js +1 -1
- package/dist/components/gov-statsbar.js +1 -1
- package/dist/components/gov-stepper-item.js +1 -1
- package/dist/components/gov-stepper.js +1 -1
- package/dist/components/gov-tabs-item.js +1 -1
- package/dist/components/gov-tabs.js +1 -1
- package/dist/components/gov-tag.js +1 -1
- package/dist/components/gov-tag.js.map +1 -1
- package/dist/components/gov-tile.js +1 -1
- package/dist/components/gov-tile.js.map +1 -1
- package/dist/components/gov-tiles.js +1 -1
- package/dist/components/gov-toast.js +1 -1
- package/dist/components/gov-tooltip-content.js +1 -1
- package/dist/components/gov-tooltip-content.js.map +1 -1
- package/dist/components/gov-tooltip.js +1 -1
- package/dist/components/gov-tooltip.js.map +1 -1
- package/dist/components/gov-wizard-item.js +1 -1
- package/dist/components/gov-wizard.js +1 -1
- package/dist/components/{p-b526e440.js → p-033f8bda.js} +2 -2
- package/dist/components/{p-ec6c2272.js → p-23990b41.js} +2 -2
- package/dist/components/{p-62074db5.js → p-26805569.js} +2 -2
- package/dist/components/p-2dee9951.js.map +1 -1
- package/dist/components/p-6c1d0f47.js +2 -0
- package/dist/components/p-6c1d0f47.js.map +1 -0
- package/dist/components/p-a6a15eb1.js +2 -0
- package/dist/components/p-a6a15eb1.js.map +1 -0
- package/dist/components/p-b48d3aae.js +2 -0
- package/dist/components/p-b48d3aae.js.map +1 -0
- package/dist/components/{p-990d2990.js → p-b5a06a0a.js} +2 -2
- package/dist/components/p-b5a06a0a.js.map +1 -0
- package/dist/components/{p-9795ad94.js → p-b9ee51d6.js} +2 -2
- package/dist/components/{p-28e59384.js → p-c353678b.js} +2 -2
- package/dist/components/p-c353678b.js.map +1 -0
- package/dist/components/p-c9baa62f.js +2 -0
- package/dist/components/p-c9baa62f.js.map +1 -0
- package/dist/components/{p-d29431c0.js → p-e2bee1ef.js} +2 -2
- package/dist/components/p-e2bee1ef.js.map +1 -0
- package/dist/components/{p-570803ab.js → p-f8b7ea69.js} +2 -2
- package/dist/components/p-f9f8e529.js +2 -0
- package/dist/components/{p-6f391c4a.js.map → p-f9f8e529.js.map} +1 -1
- package/dist/core/core.css +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-96d141a3.entry.js → p-0028fadc.entry.js} +2 -2
- package/dist/core/{p-2969eb69.entry.js → p-0ab12526.entry.js} +2 -2
- package/dist/core/{p-22abe742.entry.js → p-0c5c6dee.entry.js} +2 -2
- package/dist/core/{p-1116fec6.entry.js → p-127af1b4.entry.js} +2 -2
- package/dist/core/{p-fb51d693.entry.js → p-151f1b89.entry.js} +2 -2
- package/dist/core/{p-fd4b0f54.entry.js → p-191e9b0c.entry.js} +2 -2
- package/dist/core/p-1cbd2c7c.entry.js +2 -0
- package/dist/core/p-1cbd2c7c.entry.js.map +1 -0
- package/dist/core/{p-fc8a29e9.entry.js → p-2a13c39c.entry.js} +2 -2
- package/dist/core/{p-6dc942b8.entry.js → p-2d1f3d62.entry.js} +2 -2
- package/dist/core/p-2d1f3d62.entry.js.map +1 -0
- package/dist/core/p-30673e46.entry.js +2 -0
- package/dist/core/p-30673e46.entry.js.map +1 -0
- package/dist/core/{p-de3429ab.entry.js → p-3975851f.entry.js} +2 -2
- package/dist/core/{p-141d9af4.entry.js → p-4988c0bb.entry.js} +2 -2
- package/dist/core/p-4b4a270d.entry.js +2 -0
- package/dist/core/p-4b4a270d.entry.js.map +1 -0
- package/dist/core/{p-83e998d8.entry.js → p-529ce9a4.entry.js} +2 -2
- package/dist/core/{p-fc2a1e14.entry.js → p-53e0ad52.entry.js} +2 -2
- package/dist/core/{p-81593c86.entry.js → p-54fa7af5.entry.js} +2 -2
- package/dist/core/{p-41c18f64.entry.js → p-555eaa93.entry.js} +2 -2
- package/dist/core/{p-e24236b0.entry.js → p-55cb727e.entry.js} +2 -2
- package/dist/core/p-575d0c94.entry.js +2 -0
- package/dist/core/p-575d0c94.entry.js.map +1 -0
- package/dist/core/p-5bc604a3.js.map +1 -1
- package/dist/core/{p-28e59384.js → p-5de606f8.js} +2 -2
- package/dist/core/p-5de606f8.js.map +1 -0
- package/dist/core/{p-3c12c766.entry.js → p-60d681a6.entry.js} +2 -2
- package/dist/core/{p-b4a59c79.entry.js → p-64c5748e.entry.js} +2 -2
- package/dist/core/p-64c5748e.entry.js.map +1 -0
- package/dist/core/p-67096d72.entry.js +2 -0
- package/dist/core/p-67096d72.entry.js.map +1 -0
- package/dist/core/{p-b49293dc.entry.js → p-6bf8e7bf.entry.js} +2 -2
- package/dist/core/{p-89b3e4d4.entry.js → p-72c5997f.entry.js} +2 -2
- package/dist/core/p-7f158b6f.entry.js +2 -0
- package/dist/core/p-7f158b6f.entry.js.map +1 -0
- package/dist/core/p-831edc90.entry.js +2 -0
- package/dist/core/p-831edc90.entry.js.map +1 -0
- package/dist/core/{p-bb7f0a66.entry.js → p-8f121cad.entry.js} +2 -2
- package/dist/core/p-8fcc8483.js +2 -0
- package/dist/core/p-8fcc8483.js.map +1 -0
- package/dist/core/{p-01d928c5.entry.js → p-90c068ff.entry.js} +2 -2
- package/dist/core/{p-cf86a858.entry.js → p-927880d6.entry.js} +2 -2
- package/dist/core/p-927880d6.entry.js.map +1 -0
- package/dist/core/{p-b4ab0d15.entry.js → p-9469ecc2.entry.js} +2 -2
- package/dist/core/{p-f29b0193.entry.js → p-984b36f7.entry.js} +2 -2
- package/dist/core/p-9c04470d.entry.js +2 -0
- package/dist/core/p-9c04470d.entry.js.map +1 -0
- package/dist/core/{p-ccf73a1a.entry.js → p-a35484ed.entry.js} +2 -2
- package/dist/core/p-a49391e5.entry.js +2 -0
- package/dist/core/p-a49391e5.entry.js.map +1 -0
- package/dist/core/{p-b127c8a8.entry.js → p-aaf2510a.entry.js} +2 -2
- package/dist/core/p-aaf2510a.entry.js.map +1 -0
- package/dist/core/p-ab5a13ea.js +2 -0
- package/dist/core/p-ab5a13ea.js.map +1 -0
- package/dist/core/{p-b580666b.entry.js → p-adf276b0.entry.js} +2 -2
- package/dist/core/{p-b1184db4.entry.js → p-af9a14e3.entry.js} +2 -2
- package/dist/core/{p-e5c2f601.entry.js → p-b7e0b030.entry.js} +2 -2
- package/dist/core/{p-78942f76.entry.js → p-be8eec3f.entry.js} +2 -2
- package/dist/core/{p-9c6699d6.entry.js → p-c0e8802d.entry.js} +2 -2
- package/dist/core/p-c0e8802d.entry.js.map +1 -0
- package/dist/core/{p-f1227928.entry.js → p-c6a4ca41.entry.js} +2 -2
- package/dist/core/{p-67138ae9.entry.js → p-ce1486b8.entry.js} +2 -2
- package/dist/core/{p-ee4c58e3.entry.js → p-d2c370d6.entry.js} +2 -2
- package/dist/core/p-d513468a.entry.js +2 -0
- package/dist/core/p-d513468a.entry.js.map +1 -0
- package/dist/core/p-d784c44d.js +2 -0
- package/dist/core/p-d784c44d.js.map +1 -0
- package/dist/core/{p-ac5e5b2c.entry.js → p-dd4445ee.entry.js} +2 -2
- package/dist/core/{p-b7d23697.entry.js → p-dd8816aa.entry.js} +2 -2
- package/dist/core/p-dd8816aa.entry.js.map +1 -0
- package/dist/core/{p-92af05f2.entry.js → p-e4f11ddf.entry.js} +2 -2
- package/dist/core/{p-6675a0f0.entry.js → p-eaedc9e3.entry.js} +2 -2
- package/dist/core/{p-b5e1ee46.entry.js → p-ed580ac7.entry.js} +2 -2
- package/dist/core/p-ef387ab2.entry.js +2 -0
- package/dist/core/{p-f76f0a67.entry.js.map → p-ef387ab2.entry.js.map} +1 -1
- package/dist/core/{p-f636a1ca.entry.js → p-f2206bbb.entry.js} +2 -2
- package/dist/core/{p-497c90ea.entry.js → p-f4f969d0.entry.js} +2 -2
- package/dist/core/p-f4f969d0.entry.js.map +1 -0
- package/dist/core/{p-4a235ef5.entry.js → p-f59b858f.entry.js} +2 -2
- package/dist/core/{p-7757e4a1.entry.js → p-fc710edb.entry.js} +2 -2
- package/dist/esm/array.utils-b27436ea.js +43 -0
- package/dist/esm/array.utils-b27436ea.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/{form-39dc6896.js → form-e3424b70.js} +2 -2
- package/dist/esm/form-e3424b70.js.map +1 -0
- package/dist/esm/gov-accordion-item.entry.js +1 -1
- package/dist/esm/gov-accordion.entry.js +1 -1
- package/dist/esm/gov-attachments_3.entry.js +1 -1
- package/dist/esm/gov-backdrop.entry.js +1 -1
- package/dist/esm/gov-breadcrumbs.entry.js +26 -3
- package/dist/esm/gov-breadcrumbs.entry.js.map +1 -1
- package/dist/esm/gov-button.entry.js +7 -4
- package/dist/esm/gov-button.entry.js.map +1 -1
- package/dist/esm/gov-card.entry.js +1 -1
- package/dist/esm/gov-chip.entry.js +2 -2
- package/dist/esm/gov-chip.entry.js.map +1 -1
- package/dist/esm/gov-container.entry.js +1 -1
- package/dist/esm/gov-control-group.entry.js +1 -1
- package/dist/esm/gov-cookiebar.entry.js +1 -1
- package/dist/esm/gov-dropdown.entry.js +1 -1
- package/dist/esm/gov-empty.entry.js +1 -1
- package/dist/esm/gov-error-code.entry.js +1 -1
- package/dist/esm/gov-form-autocomplete.entry.js +1 -1
- package/dist/esm/gov-form-checkbox.entry.js +2 -2
- package/dist/esm/gov-form-control.entry.js +2 -2
- package/dist/esm/gov-form-file.entry.js +17 -5
- package/dist/esm/gov-form-file.entry.js.map +1 -1
- package/dist/esm/gov-form-group.entry.js +1 -1
- package/dist/esm/gov-form-input.entry.js +6 -2
- package/dist/esm/gov-form-input.entry.js.map +1 -1
- package/dist/esm/gov-form-multi-select.entry.js +83 -102
- package/dist/esm/gov-form-multi-select.entry.js.map +1 -1
- package/dist/esm/gov-form-radio.entry.js +2 -2
- package/dist/esm/gov-form-search.entry.js +1 -1
- package/dist/esm/gov-form-search.entry.js.map +1 -1
- package/dist/esm/gov-form-select.entry.js +15 -19
- package/dist/esm/gov-form-select.entry.js.map +1 -1
- package/dist/esm/gov-form-switch.entry.js +2 -2
- package/dist/esm/gov-grid-item.entry.js +1 -1
- package/dist/esm/gov-grid.entry.js +1 -1
- package/dist/esm/gov-icon.entry.js +2 -2
- package/dist/esm/gov-infobar.entry.js +3 -2
- package/dist/esm/gov-infobar.entry.js.map +1 -1
- package/dist/esm/gov-layout-column.entry.js +1 -1
- package/dist/esm/gov-layout.entry.js +1 -1
- package/dist/esm/gov-loading.entry.js +1 -1
- package/dist/esm/gov-message.entry.js +1 -1
- package/dist/esm/gov-modal.entry.js +5 -2
- package/dist/esm/gov-modal.entry.js.map +1 -1
- package/dist/esm/gov-pagination.entry.js +9 -11
- package/dist/esm/gov-pagination.entry.js.map +1 -1
- package/dist/esm/gov-prompt.entry.js +5 -2
- package/dist/esm/gov-prompt.entry.js.map +1 -1
- package/dist/esm/gov-side-nav-item.entry.js +1 -1
- package/dist/esm/gov-side-nav.entry.js +1 -1
- package/dist/esm/gov-skeleton.entry.js +1 -1
- package/dist/esm/gov-spacer.entry.js +1 -1
- package/dist/esm/gov-statsbar-item.entry.js +1 -1
- package/dist/esm/gov-statsbar.entry.js +1 -1
- package/dist/esm/gov-stepper-item.entry.js +1 -1
- package/dist/esm/gov-stepper.entry.js +1 -1
- package/dist/esm/gov-tabs-item.entry.js +1 -1
- package/dist/esm/gov-tabs.entry.js +1 -1
- package/dist/esm/gov-tag.entry.js +2 -2
- package/dist/esm/gov-tag.entry.js.map +1 -1
- package/dist/esm/gov-tile.entry.js +3 -3
- package/dist/esm/gov-tile.entry.js.map +1 -1
- package/dist/esm/gov-tiles.entry.js +1 -1
- package/dist/esm/gov-toast.entry.js +1 -1
- package/dist/esm/gov-tooltip-content.entry.js +2 -2
- package/dist/esm/gov-tooltip-content.entry.js.map +1 -1
- package/dist/esm/gov-tooltip.entry.js +8 -9
- package/dist/esm/gov-tooltip.entry.js.map +1 -1
- package/dist/esm/gov-wizard-item.entry.js +1 -1
- package/dist/esm/gov-wizard.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/stencil.utils-7cb5b075.js +9 -0
- package/dist/esm/stencil.utils-7cb5b075.js.map +1 -0
- package/dist/esm/{template-df429738.js → template-a0067bb6.js} +5 -2
- package/dist/esm/template-a0067bb6.js.map +1 -0
- package/dist/hydrate/index.js +238 -167
- package/dist/stencil.config.js +23 -1
- package/dist/stencil.config.js.map +1 -1
- package/dist/types/Users/iwory/iWork/asseco/mv/gov-design-system-ce/packages/core/.stencil/packages/core/stencil.config.d.ts +2 -0
- package/dist/types/components/gov-breadcrumbs/gov-breadcrumbs.d.ts +9 -0
- package/dist/types/components/gov-button/button/gov-button.d.ts +5 -4
- package/dist/types/components/gov-form/file/gov-form-file.d.ts +9 -0
- package/dist/types/components/gov-form/input/gov-form-input.d.ts +5 -0
- package/dist/types/components/gov-form/multiselect/gov-form-multi-select.d.ts +17 -29
- package/dist/types/components/gov-form/multiselect/gov-form-multi-select.types.d.ts +3 -2
- package/dist/types/components/gov-form/select/constants.d.ts +1 -1
- package/dist/types/components/gov-form/select/gov-form-select.d.ts +6 -9
- package/dist/types/components/gov-form/select/gov-form-select.types.d.ts +1 -1
- package/dist/types/components/gov-infobar/gov-infobar.d.ts +4 -0
- package/dist/types/components/gov-modal/gov-modal.d.ts +1 -0
- package/dist/types/components/gov-pagination/gov-pagination.d.ts +17 -1
- package/dist/types/components/gov-promp/gov-prompt.d.ts +1 -0
- package/dist/types/components/gov-tile/gov-tile.d.ts +3 -3
- package/dist/types/components.d.ts +100 -40
- package/dist/types/helpers/Dom/template.d.ts +1 -0
- package/dist/types/utils/array.utils.d.ts +1 -0
- package/dist/types/utils/object.utils.d.ts +1 -0
- package/dist/types/utils/stencil.utils.d.ts +1 -0
- package/package.json +2 -2
- package/dist/cjs/form-74063d50.js.map +0 -1
- package/dist/cjs/template-4b951d1d.js.map +0 -1
- package/dist/components/p-28e59384.js.map +0 -1
- package/dist/components/p-43554d2d.js +0 -2
- package/dist/components/p-43554d2d.js.map +0 -1
- package/dist/components/p-53e02bee.js +0 -2
- package/dist/components/p-53e02bee.js.map +0 -1
- package/dist/components/p-6f391c4a.js +0 -2
- package/dist/components/p-990d2990.js.map +0 -1
- package/dist/components/p-a3d5a7e3.js +0 -2
- package/dist/components/p-a3d5a7e3.js.map +0 -1
- package/dist/components/p-d29431c0.js.map +0 -1
- package/dist/core/p-044f4c35.entry.js +0 -2
- package/dist/core/p-044f4c35.entry.js.map +0 -1
- package/dist/core/p-09966eaa.entry.js +0 -2
- package/dist/core/p-09966eaa.entry.js.map +0 -1
- package/dist/core/p-0e5fa8bf.js +0 -2
- package/dist/core/p-0e5fa8bf.js.map +0 -1
- package/dist/core/p-2712444e.entry.js +0 -2
- package/dist/core/p-2712444e.entry.js.map +0 -1
- package/dist/core/p-28e59384.js.map +0 -1
- package/dist/core/p-2f858bf5.entry.js +0 -2
- package/dist/core/p-2f858bf5.entry.js.map +0 -1
- package/dist/core/p-3b42950e.entry.js +0 -2
- package/dist/core/p-3b42950e.entry.js.map +0 -1
- package/dist/core/p-497c90ea.entry.js.map +0 -1
- package/dist/core/p-6dc942b8.entry.js.map +0 -1
- package/dist/core/p-73b7585b.entry.js +0 -2
- package/dist/core/p-73b7585b.entry.js.map +0 -1
- package/dist/core/p-9c6699d6.entry.js.map +0 -1
- package/dist/core/p-a63bb91e.entry.js +0 -2
- package/dist/core/p-a63bb91e.entry.js.map +0 -1
- package/dist/core/p-a6b6dc73.entry.js +0 -2
- package/dist/core/p-a6b6dc73.entry.js.map +0 -1
- package/dist/core/p-b127c8a8.entry.js.map +0 -1
- package/dist/core/p-b4a59c79.entry.js.map +0 -1
- package/dist/core/p-b7d23697.entry.js.map +0 -1
- package/dist/core/p-c574ecc8.entry.js +0 -2
- package/dist/core/p-c574ecc8.entry.js.map +0 -1
- package/dist/core/p-cf86a858.entry.js.map +0 -1
- package/dist/core/p-d69599bc.entry.js +0 -2
- package/dist/core/p-d69599bc.entry.js.map +0 -1
- package/dist/core/p-f76f0a67.entry.js +0 -2
- package/dist/esm/form-39dc6896.js.map +0 -1
- package/dist/esm/template-df429738.js.map +0 -1
- package/dist/globals.d.ts +0 -2
- package/dist/types/Users/leo/Projects/repos/asseco/design-system/gov-design-system-ce/packages/core/.stencil/packages/core/stencil.config.d.ts +0 -2
- package/dist/types/types/typings.d.ts +0 -6
- /package/dist/components/{p-b526e440.js.map → p-033f8bda.js.map} +0 -0
- /package/dist/components/{p-ec6c2272.js.map → p-23990b41.js.map} +0 -0
- /package/dist/components/{p-62074db5.js.map → p-26805569.js.map} +0 -0
- /package/dist/components/{p-9795ad94.js.map → p-b9ee51d6.js.map} +0 -0
- /package/dist/components/{p-570803ab.js.map → p-f8b7ea69.js.map} +0 -0
- /package/dist/core/{p-96d141a3.entry.js.map → p-0028fadc.entry.js.map} +0 -0
- /package/dist/core/{p-2969eb69.entry.js.map → p-0ab12526.entry.js.map} +0 -0
- /package/dist/core/{p-22abe742.entry.js.map → p-0c5c6dee.entry.js.map} +0 -0
- /package/dist/core/{p-1116fec6.entry.js.map → p-127af1b4.entry.js.map} +0 -0
- /package/dist/core/{p-fb51d693.entry.js.map → p-151f1b89.entry.js.map} +0 -0
- /package/dist/core/{p-fd4b0f54.entry.js.map → p-191e9b0c.entry.js.map} +0 -0
- /package/dist/core/{p-fc8a29e9.entry.js.map → p-2a13c39c.entry.js.map} +0 -0
- /package/dist/core/{p-de3429ab.entry.js.map → p-3975851f.entry.js.map} +0 -0
- /package/dist/core/{p-141d9af4.entry.js.map → p-4988c0bb.entry.js.map} +0 -0
- /package/dist/core/{p-83e998d8.entry.js.map → p-529ce9a4.entry.js.map} +0 -0
- /package/dist/core/{p-fc2a1e14.entry.js.map → p-53e0ad52.entry.js.map} +0 -0
- /package/dist/core/{p-81593c86.entry.js.map → p-54fa7af5.entry.js.map} +0 -0
- /package/dist/core/{p-41c18f64.entry.js.map → p-555eaa93.entry.js.map} +0 -0
- /package/dist/core/{p-e24236b0.entry.js.map → p-55cb727e.entry.js.map} +0 -0
- /package/dist/core/{p-3c12c766.entry.js.map → p-60d681a6.entry.js.map} +0 -0
- /package/dist/core/{p-b49293dc.entry.js.map → p-6bf8e7bf.entry.js.map} +0 -0
- /package/dist/core/{p-89b3e4d4.entry.js.map → p-72c5997f.entry.js.map} +0 -0
- /package/dist/core/{p-bb7f0a66.entry.js.map → p-8f121cad.entry.js.map} +0 -0
- /package/dist/core/{p-01d928c5.entry.js.map → p-90c068ff.entry.js.map} +0 -0
- /package/dist/core/{p-b4ab0d15.entry.js.map → p-9469ecc2.entry.js.map} +0 -0
- /package/dist/core/{p-f29b0193.entry.js.map → p-984b36f7.entry.js.map} +0 -0
- /package/dist/core/{p-ccf73a1a.entry.js.map → p-a35484ed.entry.js.map} +0 -0
- /package/dist/core/{p-b580666b.entry.js.map → p-adf276b0.entry.js.map} +0 -0
- /package/dist/core/{p-b1184db4.entry.js.map → p-af9a14e3.entry.js.map} +0 -0
- /package/dist/core/{p-e5c2f601.entry.js.map → p-b7e0b030.entry.js.map} +0 -0
- /package/dist/core/{p-78942f76.entry.js.map → p-be8eec3f.entry.js.map} +0 -0
- /package/dist/core/{p-f1227928.entry.js.map → p-c6a4ca41.entry.js.map} +0 -0
- /package/dist/core/{p-67138ae9.entry.js.map → p-ce1486b8.entry.js.map} +0 -0
- /package/dist/core/{p-ee4c58e3.entry.js.map → p-d2c370d6.entry.js.map} +0 -0
- /package/dist/core/{p-ac5e5b2c.entry.js.map → p-dd4445ee.entry.js.map} +0 -0
- /package/dist/core/{p-92af05f2.entry.js.map → p-e4f11ddf.entry.js.map} +0 -0
- /package/dist/core/{p-6675a0f0.entry.js.map → p-eaedc9e3.entry.js.map} +0 -0
- /package/dist/core/{p-b5e1ee46.entry.js.map → p-ed580ac7.entry.js.map} +0 -0
- /package/dist/core/{p-f636a1ca.entry.js.map → p-f2206bbb.entry.js.map} +0 -0
- /package/dist/core/{p-4a235ef5.entry.js.map → p-f59b858f.entry.js.map} +0 -0
- /package/dist/core/{p-7757e4a1.entry.js.map → p-fc710edb.entry.js.map} +0 -0
package/dist/hydrate/index.js
CHANGED
|
@@ -6069,6 +6069,9 @@ const toBoolAttrIfDefined = (value) => {
|
|
|
6069
6069
|
const toOnOffAttrIfDefined = (value) => {
|
|
6070
6070
|
return typeof value === 'undefined' ? undefined : toOnOffAttr(value);
|
|
6071
6071
|
};
|
|
6072
|
+
const boolToFocusValue = (value) => {
|
|
6073
|
+
return value ? '0' : '-1';
|
|
6074
|
+
};
|
|
6072
6075
|
|
|
6073
6076
|
const govAccordionCss = ".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-accordion{position:relative;display:block;width:100%}.gov-accordion[no-border] .gov-accordion-item::before{background-color:transparent !important}";
|
|
6074
6077
|
|
|
@@ -6391,32 +6394,55 @@ const BreadcrumbsClass = {
|
|
|
6391
6394
|
root: 'gov-breadcrumbs',
|
|
6392
6395
|
};
|
|
6393
6396
|
|
|
6394
|
-
const govBreadcrumbsCss = ".gov-breadcrumbs ul{margin:0;padding:0}.gov-breadcrumbs li{margin:0;padding:0;background:none}.gov-breadcrumbs li::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-breadcrumbs ul{position:relative;display:flex;width:100%;
|
|
6397
|
+
const govBreadcrumbsCss = ".gov-breadcrumbs ul{margin:0;padding:0}.gov-breadcrumbs li{margin:0;padding:0;background:none}.gov-breadcrumbs li::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-breadcrumbs{position:relative;display:flex;width:100%;justify-content:space-between;align-items:flex-start;gap:var(--gov-breadcrumbs-gap, 1rem)}.gov-breadcrumbs nav{overflow:hidden;width:100%}.gov-breadcrumbs ul{position:relative;display:flex;width:100%;flex-direction:column;gap:8px;margin-bottom:0}.gov-breadcrumbs li{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:0 !important}.gov-breadcrumbs li .gov-icon{flex:0 0 auto;width:var(--gov-breadcrumbs-icon-size, 0.625rem);height:var(--gov-breadcrumbs-icon-size, 0.625rem);margin:calc((24px - var(--gov-breadcrumbs-icon-size, 0.625rem)) / 2) var(--gov-breadcrumbs-gap, 1rem) 0;color:var(--gov-breadcrumbs-arrow-color, var(--gov-color-secondary-600))}.gov-breadcrumbs li>a:first-child,.gov-breadcrumbs li>button:first-child{margin-left:calc(var(--gov-breadcrumbs-icon-size, 0.625rem) + 2 * var(--gov-breadcrumbs-gap, 1rem))}.gov-breadcrumbs a{font-weight:var(--text-font-weight, var(--gov-text-m-font-weight));font-size:var(--text-font-size, var(--gov-text-m-font-size));line-height:var(--text-line-height, var(--gov-text-m-line-height));letter-spacing:var(--text-letter-spacing, var(--gov-text-m-letter-spacing));color:var(--gov-breadcrumbs-link-color, var(--gov-color-primary))}.gov-breadcrumbs button{font-weight:var(--text-font-weight, var(--gov-text-m-font-weight));font-size:var(--text-font-size, var(--gov-text-m-font-size));line-height:var(--text-line-height, var(--gov-text-m-line-height));letter-spacing:var(--text-letter-spacing, var(--gov-text-m-letter-spacing));color:var(--gov-breadcrumbs-link-color, var(--gov-color-primary));padding:0;border:none;background:none;text-decoration:underline}.gov-breadcrumbs[collapsed=\"\"],.gov-breadcrumbs[collapsed=true i],.gov-breadcrumbs[collapsed=\"1\"]{align-items:center}.gov-breadcrumbs[collapsed=\"\"] ul,.gov-breadcrumbs[collapsed=true i] ul,.gov-breadcrumbs[collapsed=\"1\"] ul{overflow-x:hidden;flex-direction:row}.gov-breadcrumbs[collapsed=\"\"] li,.gov-breadcrumbs[collapsed=true i] li,.gov-breadcrumbs[collapsed=\"1\"] li{align-items:center;white-space:nowrap}.gov-breadcrumbs[collapsed=\"\"] li .gov-icon,.gov-breadcrumbs[collapsed=true i] li .gov-icon,.gov-breadcrumbs[collapsed=\"1\"] li .gov-icon{margin-top:0}.gov-breadcrumbs[collapsed=\"\"] li>a:first-child,.gov-breadcrumbs[collapsed=\"\"] li>button:first-child,.gov-breadcrumbs[collapsed=true i] li>a:first-child,.gov-breadcrumbs[collapsed=true i] li>button:first-child,.gov-breadcrumbs[collapsed=\"1\"] li>a:first-child,.gov-breadcrumbs[collapsed=\"1\"] li>button:first-child{margin-left:0}";
|
|
6395
6398
|
|
|
6396
6399
|
class GovBreadcrumbs {
|
|
6397
6400
|
constructor(hostRef) {
|
|
6398
6401
|
registerInstance(this, hostRef);
|
|
6399
6402
|
this.govChange = createEvent(this, "gov-change", 7);
|
|
6403
|
+
this.inited = false;
|
|
6400
6404
|
this.collapsible = false;
|
|
6401
6405
|
this.isExpanded = false;
|
|
6402
6406
|
this.wcagLabel = undefined;
|
|
6403
6407
|
this.wcagLabelledBy = undefined;
|
|
6408
|
+
this.wcagToggleLabel = 'Zobrazit či skrýt navigaci';
|
|
6409
|
+
this.collapsed = true;
|
|
6410
|
+
this.toggleOption = false;
|
|
6404
6411
|
this.h = govHost(this.host);
|
|
6405
6412
|
}
|
|
6406
6413
|
async componentDidRender() {
|
|
6414
|
+
this.scheduleContentVerification();
|
|
6407
6415
|
if (canValidateWcagOnRender()) {
|
|
6408
6416
|
await delay(500);
|
|
6409
6417
|
await this.validateWcag();
|
|
6410
6418
|
}
|
|
6411
6419
|
}
|
|
6420
|
+
scheduleContentVerification() {
|
|
6421
|
+
if (this.inited)
|
|
6422
|
+
return;
|
|
6423
|
+
this.inited = true;
|
|
6424
|
+
requestAnimationFrame(() => {
|
|
6425
|
+
this.calculateWidthOfItems();
|
|
6426
|
+
this.inited = false;
|
|
6427
|
+
});
|
|
6428
|
+
}
|
|
6429
|
+
calculateWidthOfItems() {
|
|
6430
|
+
const hostWidth = this.host.getBoundingClientRect().width;
|
|
6431
|
+
let sumOfWidths = 0;
|
|
6432
|
+
this.host.querySelectorAll('li').forEach((li) => {
|
|
6433
|
+
sumOfWidths += li.getBoundingClientRect().width;
|
|
6434
|
+
});
|
|
6435
|
+
this.toggleOption = sumOfWidths > hostWidth;
|
|
6436
|
+
}
|
|
6412
6437
|
render() {
|
|
6413
|
-
return (hAsync(Host, { class: this.h.classes(BreadcrumbsClass.root) }, hAsync("nav", { "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy }, hAsync("slot", null))));
|
|
6438
|
+
return (hAsync(Host, { class: this.h.classes(BreadcrumbsClass.root), collapsed: this.collapsed }, hAsync("nav", { "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy }, hAsync("slot", null)), this.toggleOption ? (hAsync("gov-button", { size: 'xs', variant: 'primary', type: 'base', wcagLabel: this.wcagToggleLabel, wcagPressed: !this.collapsed, wcagExpanded: !this.collapsed, "on-gov-click": () => this.collapsed = !this.collapsed }, hAsync("gov-icon", { name: this.collapsed ? 'chevron-down' : 'chevron-up' }))) : null));
|
|
6414
6439
|
}
|
|
6415
6440
|
/**
|
|
6416
6441
|
* Validate the WCAG attributes of the component
|
|
6417
6442
|
*/
|
|
6418
6443
|
async validateWcag() {
|
|
6419
6444
|
validateWcagLabel(this.wcagLabel, this.wcagLabelledBy, BreadcrumbsClass.root);
|
|
6445
|
+
validateWcagLabel(this.wcagToggleLabel, undefined, BreadcrumbsClass.root);
|
|
6420
6446
|
}
|
|
6421
6447
|
get host() { return getElement(this); }
|
|
6422
6448
|
static get style() { return govBreadcrumbsCss; }
|
|
@@ -6428,6 +6454,9 @@ class GovBreadcrumbs {
|
|
|
6428
6454
|
"isExpanded": [4, "is-expanded"],
|
|
6429
6455
|
"wcagLabel": [1, "wcag-label"],
|
|
6430
6456
|
"wcagLabelledBy": [1, "wcag-labeled-by"],
|
|
6457
|
+
"wcagToggleLabel": [1, "wcag-toggle-label"],
|
|
6458
|
+
"collapsed": [32],
|
|
6459
|
+
"toggleOption": [32],
|
|
6431
6460
|
"validateWcag": [64]
|
|
6432
6461
|
},
|
|
6433
6462
|
"$listeners$": undefined,
|
|
@@ -6504,9 +6533,10 @@ class GovButton {
|
|
|
6504
6533
|
this.govClick = createEvent(this, "gov-click", 7);
|
|
6505
6534
|
this.govFocus = createEvent(this, "gov-focus", 7);
|
|
6506
6535
|
this.govBlur = createEvent(this, "gov-blur", 7);
|
|
6536
|
+
this.hydrated = false;
|
|
6507
6537
|
this.variant = undefined;
|
|
6508
6538
|
this.size = "m";
|
|
6509
|
-
this.type =
|
|
6539
|
+
this.type = undefined;
|
|
6510
6540
|
this.expanded = false;
|
|
6511
6541
|
this.inverse = false;
|
|
6512
6542
|
this.name = undefined;
|
|
@@ -6535,7 +6565,6 @@ class GovButton {
|
|
|
6535
6565
|
this.wcagHasPopup = undefined;
|
|
6536
6566
|
this.wcagPressed = undefined;
|
|
6537
6567
|
this.wcagCurrent = undefined;
|
|
6538
|
-
this.isPressed = false;
|
|
6539
6568
|
this.h = govHost(this.host);
|
|
6540
6569
|
}
|
|
6541
6570
|
validateVariant(newValue) {
|
|
@@ -6566,12 +6595,15 @@ class GovButton {
|
|
|
6566
6595
|
const { h } = this;
|
|
6567
6596
|
return prepareClasses([ButtonClass.root, h.hasSlot("left-icon") && ButtonClass.rootWithIcon, h.hasSlot("right-icon") && ButtonClass.rootWithIcon]);
|
|
6568
6597
|
}
|
|
6598
|
+
connectedCallback() {
|
|
6599
|
+
this.hydrated = true;
|
|
6600
|
+
}
|
|
6569
6601
|
render() {
|
|
6570
6602
|
const Tag = this.href ? Tags$2.A : Tags$2.BUTTON;
|
|
6571
6603
|
const nativeType = Tag === Tags$2.A ? undefined : this.nativeType;
|
|
6572
6604
|
const iconLeft = prepareIconFormat(this.iconLeft);
|
|
6573
6605
|
const iconRight = prepareIconFormat(this.iconRight);
|
|
6574
|
-
return (hAsync(Host, { hoverable: true, size: this.size, variant: this.variant, class: this.h.classes(this.classNames), type: this.type, inverse: this.inverse }, hAsync(Tag, { class: "element", ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this),
|
|
6606
|
+
return (hAsync(Host, { hoverable: true, size: this.size, hydrated: this.hydrated, variant: this.variant, class: this.h.classes(this.classNames), type: this.type, inverse: this.inverse }, hAsync(Tag, { class: "element", ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), disabled: this.disabled, id: this.identifier, href: this.href, target: this.target, download: this.download, hreflang: this.hreflang, rel: this.rel, name: this.name, type: nativeType, tabindex: this.focusable ? "0" : "-1", "aria-activedescendant": this.wcagActiveDescendant, "aria-describedby": this.wcagActiveDescendant, "aria-description": this.wcagDescription, "aria-controls": this.wcagControls, "aria-details": this.wcagDetails, "aria-expanded": toBoolAttrIfDefined(this.wcagExpanded), "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns, "aria-haspopup": toBoolAttrIfDefined(this.wcagHasPopup), "aria-pressed": toBoolAttrIfDefined(this.wcagPressed), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-current": this.wcagCurrent }, toBool(this.loading) && !this.h.hasSlot("right-icon") &&
|
|
6575
6607
|
hAsync("gov-icon", { name: "loader", class: "gov-spin-animation" }), this.h.hasSlot("left-icon") && hAsync("slot", { name: "left-icon" }), iconLeft && hAsync("gov-icon", { type: iconLeft.type, name: iconLeft.name }), hAsync("slot", null), this.h.hasSlot("right-icon") && hAsync("slot", { name: "right-icon" }), iconRight && hAsync("gov-icon", { type: iconRight.type, name: iconRight.name }), toBool(this.loading) && this.h.hasSlot("right-icon") &&
|
|
6576
6608
|
hAsync("gov-icon", { name: "loader", class: "gov-spin-animation" }))));
|
|
6577
6609
|
}
|
|
@@ -6667,9 +6699,8 @@ class GovButton {
|
|
|
6667
6699
|
"wcagLabelledBy": [1, "wcag-labelled-by"],
|
|
6668
6700
|
"wcagOwns": [1, "wcag-owns"],
|
|
6669
6701
|
"wcagHasPopup": [1, "wcag-has-popup"],
|
|
6670
|
-
"wcagPressed": [
|
|
6702
|
+
"wcagPressed": [4, "wcag-pressed"],
|
|
6671
6703
|
"wcagCurrent": [1, "wcag-current"],
|
|
6672
|
-
"isPressed": [32],
|
|
6673
6704
|
"setFocus": [64],
|
|
6674
6705
|
"getTriggerRef": [64],
|
|
6675
6706
|
"validateWcag": [64]
|
|
@@ -6810,7 +6841,7 @@ const ChipClass = {
|
|
|
6810
6841
|
hasLeft: 'gov-chip--has-left',
|
|
6811
6842
|
};
|
|
6812
6843
|
|
|
6813
|
-
const govChipCss = ".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-chip .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-chip .element:focus{outline:none}.gov-chip .element .gov-icon{flex:0 0 auto;color:inherit}.gov-chip .element>*{display:flex}[hoverable].gov-chip .element{cursor:pointer}[hoverable].gov-chip .element:focus{outline:none}[hoverable].gov-chip .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-chip .element:focus-visible,[hoverable][type=base].gov-chip .element:focus-visible{outline-offset:0}[hoverable][disabled=\"\"].gov-chip,[hoverable][disabled=true i].gov-chip,[hoverable][disabled=\"1\"].gov-chip{cursor:not-allowed}[hoverable][disabled=\"\"].gov-chip .element,[hoverable][disabled=true i].gov-chip .element,[hoverable][disabled=\"1\"].gov-chip .element{pointer-events:none}[expanded=\"\"].gov-chip,[expanded=true i].gov-chip,[expanded=\"1\"].gov-chip{display:block}[expanded=\"\"].gov-chip .element,[expanded=true i].gov-chip .element,[expanded=\"1\"].gov-chip .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-chip .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))}[type=solid][variant=primary][inverse=\"\"].gov-chip .element,[type=solid][variant=primary][inverse=true i].gov-chip .element,[type=solid][variant=primary][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=primary][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"].gov-chip .element,[type=solid][variant=primary][disabled=true i].gov-chip .element,[type=solid][variant=primary][disabled=\"1\"].gov-chip .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-chip .element,[type=solid][variant=primary][disabled=\"\"][inverse=true i].gov-chip .element,[type=solid][variant=primary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=solid][variant=primary][disabled=true i][inverse=\"\"].gov-chip .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=primary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=solid][variant=primary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-chip .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-chip .element,[type=outlined][variant=primary][inverse=true i].gov-chip .element,[type=outlined][variant=primary][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=primary][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=\"\"].gov-chip .element,[type=outlined][variant=primary][disabled=true i].gov-chip .element,[type=outlined][variant=primary][disabled=\"1\"].gov-chip .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-chip .element,[type=outlined][variant=primary][disabled=\"\"][inverse=true i].gov-chip .element,[type=outlined][variant=primary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=outlined][variant=primary][disabled=true i][inverse=\"\"].gov-chip .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=primary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-chip .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary))}[type=base][variant=primary][inverse=\"\"].gov-chip .element,[type=base][variant=primary][inverse=true i].gov-chip .element,[type=base][variant=primary][inverse=\"1\"].gov-chip .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-chip .element,[type=base][variant=primary][disabled=true i].gov-chip .element,[type=base][variant=primary][disabled=\"1\"].gov-chip .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=base][variant=primary][disabled=\"\"][inverse=true i].gov-chip .element,[type=base][variant=primary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=base][variant=primary][disabled=true i][inverse=\"\"].gov-chip .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=primary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=base][variant=primary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-chip .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-chip .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary))}[type=link][variant=primary][inverse=\"\"].gov-chip .element,[type=link][variant=primary][inverse=true i].gov-chip .element,[type=link][variant=primary][inverse=\"1\"].gov-chip .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-chip .element,[type=link][variant=primary][disabled=true i].gov-chip .element,[type=link][variant=primary][disabled=\"1\"].gov-chip .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=link][variant=primary][disabled=\"\"][inverse=true i].gov-chip .element,[type=link][variant=primary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=link][variant=primary][disabled=true i][inverse=\"\"].gov-chip .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=primary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=link][variant=primary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-chip .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-chip .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))}[type=solid][variant=secondary][inverse=\"\"].gov-chip .element,[type=solid][variant=secondary][inverse=true i].gov-chip .element,[type=solid][variant=secondary][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=secondary][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=\"\"].gov-chip .element,[type=solid][variant=secondary][disabled=true i].gov-chip .element,[type=solid][variant=secondary][disabled=\"1\"].gov-chip .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-chip .element,[type=solid][variant=secondary][disabled=\"\"][inverse=true i].gov-chip .element,[type=solid][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=solid][variant=secondary][disabled=true i][inverse=\"\"].gov-chip .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=secondary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-chip .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-chip .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-chip .element,[type=outlined][variant=secondary][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=secondary][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=\"\"].gov-chip .element,[type=outlined][variant=secondary][disabled=true i].gov-chip .element,[type=outlined][variant=secondary][disabled=\"1\"].gov-chip .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-chip .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"\"].gov-chip .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-chip .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-chip .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary))}[type=base][variant=secondary][inverse=\"\"].gov-chip .element,[type=base][variant=secondary][inverse=true i].gov-chip .element,[type=base][variant=secondary][inverse=\"1\"].gov-chip .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-chip .element,[type=base][variant=secondary][disabled=true i].gov-chip .element,[type=base][variant=secondary][disabled=\"1\"].gov-chip .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=base][variant=secondary][disabled=\"\"][inverse=true i].gov-chip .element,[type=base][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=base][variant=secondary][disabled=true i][inverse=\"\"].gov-chip .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=secondary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=base][variant=secondary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-chip .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-chip .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary))}[type=link][variant=secondary][inverse=\"\"].gov-chip .element,[type=link][variant=secondary][inverse=true i].gov-chip .element,[type=link][variant=secondary][inverse=\"1\"].gov-chip .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-chip .element,[type=link][variant=secondary][disabled=true i].gov-chip .element,[type=link][variant=secondary][disabled=\"1\"].gov-chip .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=link][variant=secondary][disabled=\"\"][inverse=true i].gov-chip .element,[type=link][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=link][variant=secondary][disabled=true i][inverse=\"\"].gov-chip .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=secondary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=link][variant=secondary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-chip .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-chip .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))}[type=solid][variant=error][inverse=\"\"].gov-chip .element,[type=solid][variant=error][inverse=true i].gov-chip .element,[type=solid][variant=error][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=error][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"].gov-chip .element,[type=solid][variant=error][disabled=true i].gov-chip .element,[type=solid][variant=error][disabled=\"1\"].gov-chip .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-chip .element,[type=solid][variant=error][disabled=\"\"][inverse=true i].gov-chip .element,[type=solid][variant=error][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=solid][variant=error][disabled=true i][inverse=\"\"].gov-chip .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=error][disabled=true i][inverse=\"1\"].gov-chip .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=solid][variant=error][disabled=\"1\"][inverse=true i].gov-chip .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-600))}}[type=outlined][variant=error].gov-chip .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-chip .element,[type=outlined][variant=error][inverse=true i].gov-chip .element,[type=outlined][variant=error][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=error][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=\"\"].gov-chip .element,[type=outlined][variant=error][disabled=true i].gov-chip .element,[type=outlined][variant=error][disabled=\"1\"].gov-chip .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-chip .element,[type=outlined][variant=error][disabled=\"\"][inverse=true i].gov-chip .element,[type=outlined][variant=error][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=outlined][variant=error][disabled=true i][inverse=\"\"].gov-chip .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=error][disabled=true i][inverse=\"1\"].gov-chip .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=error][disabled=\"1\"][inverse=true i].gov-chip .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-chip .element{color:var(--gov-button-error-base-color, var(--gov-color-error))}[type=base][variant=error][inverse=\"\"].gov-chip .element,[type=base][variant=error][inverse=true i].gov-chip .element,[type=base][variant=error][inverse=\"1\"].gov-chip .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-chip .element,[type=base][variant=error][disabled=true i].gov-chip .element,[type=base][variant=error][disabled=\"1\"].gov-chip .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=base][variant=error][disabled=\"\"][inverse=true i].gov-chip .element,[type=base][variant=error][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=base][variant=error][disabled=true i][inverse=\"\"].gov-chip .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=error][disabled=true i][inverse=\"1\"].gov-chip .element,[type=base][variant=error][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=base][variant=error][disabled=\"1\"][inverse=true i].gov-chip .element,[type=base][variant=error][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=error][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=error][hoverable][inverse=\"1\"].gov-chip .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-chip .element{color:var(--gov-button-error-link-color, var(--gov-color-error))}[type=link][variant=error][inverse=\"\"].gov-chip .element,[type=link][variant=error][inverse=true i].gov-chip .element,[type=link][variant=error][inverse=\"1\"].gov-chip .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-chip .element,[type=link][variant=error][disabled=true i].gov-chip .element,[type=link][variant=error][disabled=\"1\"].gov-chip .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=link][variant=error][disabled=\"\"][inverse=true i].gov-chip .element,[type=link][variant=error][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=link][variant=error][disabled=true i][inverse=\"\"].gov-chip .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=error][disabled=true i][inverse=\"1\"].gov-chip .element,[type=link][variant=error][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=link][variant=error][disabled=\"1\"][inverse=true i].gov-chip .element,[type=link][variant=error][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=error][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=error][hoverable][inverse=\"1\"].gov-chip .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-chip .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))}[type=solid][variant=success][inverse=\"\"].gov-chip .element,[type=solid][variant=success][inverse=true i].gov-chip .element,[type=solid][variant=success][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=success][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"].gov-chip .element,[type=solid][variant=success][disabled=true i].gov-chip .element,[type=solid][variant=success][disabled=\"1\"].gov-chip .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-chip .element,[type=solid][variant=success][disabled=\"\"][inverse=true i].gov-chip .element,[type=solid][variant=success][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=solid][variant=success][disabled=true i][inverse=\"\"].gov-chip .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=success][disabled=true i][inverse=\"1\"].gov-chip .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=solid][variant=success][disabled=\"1\"][inverse=true i].gov-chip .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-chip .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-chip .element,[type=outlined][variant=success][inverse=true i].gov-chip .element,[type=outlined][variant=success][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=success][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=\"\"].gov-chip .element,[type=outlined][variant=success][disabled=true i].gov-chip .element,[type=outlined][variant=success][disabled=\"1\"].gov-chip .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-chip .element,[type=outlined][variant=success][disabled=\"\"][inverse=true i].gov-chip .element,[type=outlined][variant=success][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=outlined][variant=success][disabled=true i][inverse=\"\"].gov-chip .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=success][disabled=true i][inverse=\"1\"].gov-chip .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=success][disabled=\"1\"][inverse=true i].gov-chip .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-chip .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500))}[type=base][variant=success][inverse=\"\"].gov-chip .element,[type=base][variant=success][inverse=true i].gov-chip .element,[type=base][variant=success][inverse=\"1\"].gov-chip .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-chip .element,[type=base][variant=success][disabled=true i].gov-chip .element,[type=base][variant=success][disabled=\"1\"].gov-chip .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=base][variant=success][disabled=\"\"][inverse=true i].gov-chip .element,[type=base][variant=success][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=base][variant=success][disabled=true i][inverse=\"\"].gov-chip .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=success][disabled=true i][inverse=\"1\"].gov-chip .element,[type=base][variant=success][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=base][variant=success][disabled=\"1\"][inverse=true i].gov-chip .element,[type=base][variant=success][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=success][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=success][hoverable][inverse=\"1\"].gov-chip .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-chip .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500))}[type=link][variant=success][inverse=\"\"].gov-chip .element,[type=link][variant=success][inverse=true i].gov-chip .element,[type=link][variant=success][inverse=\"1\"].gov-chip .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-chip .element,[type=link][variant=success][disabled=true i].gov-chip .element,[type=link][variant=success][disabled=\"1\"].gov-chip .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=link][variant=success][disabled=\"\"][inverse=true i].gov-chip .element,[type=link][variant=success][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=link][variant=success][disabled=true i][inverse=\"\"].gov-chip .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=success][disabled=true i][inverse=\"1\"].gov-chip .element,[type=link][variant=success][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=link][variant=success][disabled=\"1\"][inverse=true i].gov-chip .element,[type=link][variant=success][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=success][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=success][hoverable][inverse=\"1\"].gov-chip .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-chip .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))}[type=solid][variant=warning][inverse=\"\"].gov-chip .element,[type=solid][variant=warning][inverse=true i].gov-chip .element,[type=solid][variant=warning][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=warning][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"].gov-chip .element,[type=solid][variant=warning][disabled=true i].gov-chip .element,[type=solid][variant=warning][disabled=\"1\"].gov-chip .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-chip .element,[type=solid][variant=warning][disabled=\"\"][inverse=true i].gov-chip .element,[type=solid][variant=warning][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=solid][variant=warning][disabled=true i][inverse=\"\"].gov-chip .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=warning][disabled=true i][inverse=\"1\"].gov-chip .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=solid][variant=warning][disabled=\"1\"][inverse=true i].gov-chip .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-chip .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-chip .element,[type=outlined][variant=warning][inverse=true i].gov-chip .element,[type=outlined][variant=warning][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=warning][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=\"\"].gov-chip .element,[type=outlined][variant=warning][disabled=true i].gov-chip .element,[type=outlined][variant=warning][disabled=\"1\"].gov-chip .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-chip .element,[type=outlined][variant=warning][disabled=\"\"][inverse=true i].gov-chip .element,[type=outlined][variant=warning][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=outlined][variant=warning][disabled=true i][inverse=\"\"].gov-chip .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=warning][disabled=true i][inverse=\"1\"].gov-chip .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=true i].gov-chip .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-chip .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500))}[type=base][variant=warning][inverse=\"\"].gov-chip .element,[type=base][variant=warning][inverse=true i].gov-chip .element,[type=base][variant=warning][inverse=\"1\"].gov-chip .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-chip .element,[type=base][variant=warning][disabled=true i].gov-chip .element,[type=base][variant=warning][disabled=\"1\"].gov-chip .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=base][variant=warning][disabled=\"\"][inverse=true i].gov-chip .element,[type=base][variant=warning][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=base][variant=warning][disabled=true i][inverse=\"\"].gov-chip .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=warning][disabled=true i][inverse=\"1\"].gov-chip .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=base][variant=warning][disabled=\"1\"][inverse=true i].gov-chip .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-chip .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-chip .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500))}[type=link][variant=warning][inverse=\"\"].gov-chip .element,[type=link][variant=warning][inverse=true i].gov-chip .element,[type=link][variant=warning][inverse=\"1\"].gov-chip .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-chip .element,[type=link][variant=warning][disabled=true i].gov-chip .element,[type=link][variant=warning][disabled=\"1\"].gov-chip .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=link][variant=warning][disabled=\"\"][inverse=true i].gov-chip .element,[type=link][variant=warning][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=link][variant=warning][disabled=true i][inverse=\"\"].gov-chip .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=warning][disabled=true i][inverse=\"1\"].gov-chip .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=link][variant=warning][disabled=\"1\"][inverse=true i].gov-chip .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-chip .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-chip .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-chip .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-chip .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-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-chip .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-chip .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-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-chip .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-chip .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-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-chip .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-chip .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-chip .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-chip{display:inline-flex}.gov-chip a .gov-icon{margin:0}.gov-chip .element{padding:0.25rem 0.625rem;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;letter-spacing:initial}.gov-chip .gov-button .element{border:none}.gov-chip--has-right>.element{padding-top:0 !important;padding-right:0 !important;padding-bottom:0 !important}.gov-chip--has-left>.element{padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}.gov-chip[size=xs] .element{border-radius:calc(var(--gov-button-xs-min-height, 1.5rem) * 0.5)}.gov-chip[size=xs][hoverable] .element:focus{outline:none}.gov-chip[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-chip[size=s] .element{border-radius:calc(var(--gov-button-s-min-height, 2rem) * 0.5)}.gov-chip[size=s][hoverable] .element:focus{outline:none}.gov-chip[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-chip[size=m] .element{border-radius:calc(var(--gov-button-m-min-height, 2.5rem) * 0.5)}.gov-chip[size=m][hoverable] .element:focus{outline:none}.gov-chip[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-chip[size=l] .element{border-radius:calc(var(--gov-button-l-min-height, 3rem) * 0.5)}.gov-chip[size=l][hoverable] .element:focus{outline:none}.gov-chip[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-chip[size=xl] .element{border-radius:calc(var(--gov-button-xl-min-height, 3.5rem) * 0.5)}.gov-chip[size=xl][hoverable] .element:focus{outline:none}.gov-chip[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-chip[variant=primary][inverse=\"\"] .element,.gov-chip[variant=primary][inverse=\"\"] .element .element,.gov-chip[variant=primary][inverse=true i] .element,.gov-chip[variant=primary][inverse=true i] .element .element,.gov-chip[variant=primary][inverse=\"1\"] .element,.gov-chip[variant=primary][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-primary-border-color, var(--gov-color-primary-200));background-color:var(--gov-chip-inverse-primary-bg, var(--gov-color-primary-100));color:var(--gov-chip-inverse-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-chip[variant=primary][inverse=\"\"] .element:hover,.gov-chip[variant=primary][inverse=\"\"] .element .element:hover,.gov-chip[variant=primary][inverse=true i] .element:hover,.gov-chip[variant=primary][inverse=true i] .element .element:hover,.gov-chip[variant=primary][inverse=\"1\"] .element:hover,.gov-chip[variant=primary][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-primary-border-color-hover, var(--gov-color-primary-200))}}.gov-chip[variant=secondary][inverse=\"\"] .element,.gov-chip[variant=secondary][inverse=\"\"] .element .element,.gov-chip[variant=secondary][inverse=true i] .element,.gov-chip[variant=secondary][inverse=true i] .element .element,.gov-chip[variant=secondary][inverse=\"1\"] .element,.gov-chip[variant=secondary][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-secondary-border-color, var(--gov-color-secondary-400));background-color:var(--gov-chip-inverse-secondary-bg, var(--gov-color-secondary-200));color:var(--gov-chip-inverse-secondary-color, var(--gov-color-secondary-900))}@media not all and (pointer: coarse){.gov-chip[variant=secondary][inverse=\"\"] .element:hover,.gov-chip[variant=secondary][inverse=\"\"] .element .element:hover,.gov-chip[variant=secondary][inverse=true i] .element:hover,.gov-chip[variant=secondary][inverse=true i] .element .element:hover,.gov-chip[variant=secondary][inverse=\"1\"] .element:hover,.gov-chip[variant=secondary][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-secondary-border-color-hover, var(--gov-color-secondary-400))}}.gov-chip[variant=success][inverse=\"\"] .element,.gov-chip[variant=success][inverse=\"\"] .element .element,.gov-chip[variant=success][inverse=true i] .element,.gov-chip[variant=success][inverse=true i] .element .element,.gov-chip[variant=success][inverse=\"1\"] .element,.gov-chip[variant=success][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-success-border-color, var(--gov-color-success-200));background-color:var(--gov-chip-inverse-success-bg, var(--gov-color-success-100));color:var(--gov-chip-inverse-success-color, var(--gov-color-success-600))}@media not all and (pointer: coarse){.gov-chip[variant=success][inverse=\"\"] .element:hover,.gov-chip[variant=success][inverse=\"\"] .element .element:hover,.gov-chip[variant=success][inverse=true i] .element:hover,.gov-chip[variant=success][inverse=true i] .element .element:hover,.gov-chip[variant=success][inverse=\"1\"] .element:hover,.gov-chip[variant=success][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-success-border-color-hover, var(--gov-color-success-200))}}.gov-chip[variant=warning][inverse=\"\"] .element,.gov-chip[variant=warning][inverse=\"\"] .element .element,.gov-chip[variant=warning][inverse=true i] .element,.gov-chip[variant=warning][inverse=true i] .element .element,.gov-chip[variant=warning][inverse=\"1\"] .element,.gov-chip[variant=warning][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-warning-border-color, var(--gov-color-warning-200));background-color:var(--gov-chip-inverse-warning-bg, var(--gov-color-warning-100));color:var(--gov-chip-inverse-warning-color, var(--gov-color-warning-600))}@media not all and (pointer: coarse){.gov-chip[variant=warning][inverse=\"\"] .element:hover,.gov-chip[variant=warning][inverse=\"\"] .element .element:hover,.gov-chip[variant=warning][inverse=true i] .element:hover,.gov-chip[variant=warning][inverse=true i] .element .element:hover,.gov-chip[variant=warning][inverse=\"1\"] .element:hover,.gov-chip[variant=warning][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-warning-border-color-hover, var(--gov-color-warning-200))}}.gov-chip[variant=error][inverse=\"\"] .element,.gov-chip[variant=error][inverse=\"\"] .element .element,.gov-chip[variant=error][inverse=true i] .element,.gov-chip[variant=error][inverse=true i] .element .element,.gov-chip[variant=error][inverse=\"1\"] .element,.gov-chip[variant=error][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-error-border-color, var(--gov-color-error-200));background-color:var(--gov-chip-inverse-error-bg, var(--gov-color-error-100));color:var(--gov-chip-inverse-error-color, var(--gov-color-error-500))}@media not all and (pointer: coarse){.gov-chip[variant=error][inverse=\"\"] .element:hover,.gov-chip[variant=error][inverse=\"\"] .element .element:hover,.gov-chip[variant=error][inverse=true i] .element:hover,.gov-chip[variant=error][inverse=true i] .element .element:hover,.gov-chip[variant=error][inverse=\"1\"] .element:hover,.gov-chip[variant=error][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-error-border-color-hover, var(--gov-color-error-200))}}";
|
|
6844
|
+
const govChipCss = ".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-chip .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-chip .element:focus{outline:none}.gov-chip .element .gov-icon{flex:0 0 auto;color:inherit}.gov-chip .element>*{display:flex}[hoverable].gov-chip .element{cursor:pointer}[hoverable].gov-chip .element:focus{outline:none}[hoverable].gov-chip .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-chip .element:focus-visible,[hoverable][type=base].gov-chip .element:focus-visible{outline-offset:0}[hoverable][disabled=\"\"].gov-chip,[hoverable][disabled=true i].gov-chip,[hoverable][disabled=\"1\"].gov-chip{cursor:not-allowed}[hoverable][disabled=\"\"].gov-chip .element,[hoverable][disabled=true i].gov-chip .element,[hoverable][disabled=\"1\"].gov-chip .element{pointer-events:none}[expanded=\"\"].gov-chip,[expanded=true i].gov-chip,[expanded=\"1\"].gov-chip{display:block}[expanded=\"\"].gov-chip .element,[expanded=true i].gov-chip .element,[expanded=\"1\"].gov-chip .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-chip .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))}[type=solid][variant=primary][inverse=\"\"].gov-chip .element,[type=solid][variant=primary][inverse=true i].gov-chip .element,[type=solid][variant=primary][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=primary][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"].gov-chip .element,[type=solid][variant=primary][disabled=true i].gov-chip .element,[type=solid][variant=primary][disabled=\"1\"].gov-chip .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-chip .element,[type=solid][variant=primary][disabled=\"\"][inverse=true i].gov-chip .element,[type=solid][variant=primary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=solid][variant=primary][disabled=true i][inverse=\"\"].gov-chip .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=primary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=solid][variant=primary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-chip .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-chip .element,[type=outlined][variant=primary][inverse=true i].gov-chip .element,[type=outlined][variant=primary][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=primary][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=\"\"].gov-chip .element,[type=outlined][variant=primary][disabled=true i].gov-chip .element,[type=outlined][variant=primary][disabled=\"1\"].gov-chip .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-chip .element,[type=outlined][variant=primary][disabled=\"\"][inverse=true i].gov-chip .element,[type=outlined][variant=primary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=outlined][variant=primary][disabled=true i][inverse=\"\"].gov-chip .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=primary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-chip .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary))}[type=base][variant=primary][inverse=\"\"].gov-chip .element,[type=base][variant=primary][inverse=true i].gov-chip .element,[type=base][variant=primary][inverse=\"1\"].gov-chip .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-chip .element,[type=base][variant=primary][disabled=true i].gov-chip .element,[type=base][variant=primary][disabled=\"1\"].gov-chip .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=base][variant=primary][disabled=\"\"][inverse=true i].gov-chip .element,[type=base][variant=primary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=base][variant=primary][disabled=true i][inverse=\"\"].gov-chip .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=primary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=base][variant=primary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-chip .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-chip .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary))}[type=link][variant=primary][inverse=\"\"].gov-chip .element,[type=link][variant=primary][inverse=true i].gov-chip .element,[type=link][variant=primary][inverse=\"1\"].gov-chip .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-chip .element,[type=link][variant=primary][disabled=true i].gov-chip .element,[type=link][variant=primary][disabled=\"1\"].gov-chip .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=link][variant=primary][disabled=\"\"][inverse=true i].gov-chip .element,[type=link][variant=primary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=link][variant=primary][disabled=true i][inverse=\"\"].gov-chip .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=primary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=link][variant=primary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-chip .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-chip .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))}[type=solid][variant=secondary][inverse=\"\"].gov-chip .element,[type=solid][variant=secondary][inverse=true i].gov-chip .element,[type=solid][variant=secondary][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=secondary][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=\"\"].gov-chip .element,[type=solid][variant=secondary][disabled=true i].gov-chip .element,[type=solid][variant=secondary][disabled=\"1\"].gov-chip .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-chip .element,[type=solid][variant=secondary][disabled=\"\"][inverse=true i].gov-chip .element,[type=solid][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=solid][variant=secondary][disabled=true i][inverse=\"\"].gov-chip .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=secondary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-chip .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-chip .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-chip .element,[type=outlined][variant=secondary][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=secondary][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=\"\"].gov-chip .element,[type=outlined][variant=secondary][disabled=true i].gov-chip .element,[type=outlined][variant=secondary][disabled=\"1\"].gov-chip .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-chip .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"\"].gov-chip .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-chip .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-chip .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary))}[type=base][variant=secondary][inverse=\"\"].gov-chip .element,[type=base][variant=secondary][inverse=true i].gov-chip .element,[type=base][variant=secondary][inverse=\"1\"].gov-chip .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-chip .element,[type=base][variant=secondary][disabled=true i].gov-chip .element,[type=base][variant=secondary][disabled=\"1\"].gov-chip .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=base][variant=secondary][disabled=\"\"][inverse=true i].gov-chip .element,[type=base][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=base][variant=secondary][disabled=true i][inverse=\"\"].gov-chip .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=secondary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=base][variant=secondary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-chip .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-chip .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary))}[type=link][variant=secondary][inverse=\"\"].gov-chip .element,[type=link][variant=secondary][inverse=true i].gov-chip .element,[type=link][variant=secondary][inverse=\"1\"].gov-chip .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-chip .element,[type=link][variant=secondary][disabled=true i].gov-chip .element,[type=link][variant=secondary][disabled=\"1\"].gov-chip .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=link][variant=secondary][disabled=\"\"][inverse=true i].gov-chip .element,[type=link][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=link][variant=secondary][disabled=true i][inverse=\"\"].gov-chip .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=secondary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=link][variant=secondary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-chip .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-chip .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))}[type=solid][variant=error][inverse=\"\"].gov-chip .element,[type=solid][variant=error][inverse=true i].gov-chip .element,[type=solid][variant=error][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=error][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"].gov-chip .element,[type=solid][variant=error][disabled=true i].gov-chip .element,[type=solid][variant=error][disabled=\"1\"].gov-chip .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-chip .element,[type=solid][variant=error][disabled=\"\"][inverse=true i].gov-chip .element,[type=solid][variant=error][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=solid][variant=error][disabled=true i][inverse=\"\"].gov-chip .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=error][disabled=true i][inverse=\"1\"].gov-chip .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=solid][variant=error][disabled=\"1\"][inverse=true i].gov-chip .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-600))}}[type=outlined][variant=error].gov-chip .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-chip .element,[type=outlined][variant=error][inverse=true i].gov-chip .element,[type=outlined][variant=error][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=error][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=\"\"].gov-chip .element,[type=outlined][variant=error][disabled=true i].gov-chip .element,[type=outlined][variant=error][disabled=\"1\"].gov-chip .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-chip .element,[type=outlined][variant=error][disabled=\"\"][inverse=true i].gov-chip .element,[type=outlined][variant=error][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=outlined][variant=error][disabled=true i][inverse=\"\"].gov-chip .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=error][disabled=true i][inverse=\"1\"].gov-chip .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=error][disabled=\"1\"][inverse=true i].gov-chip .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-chip .element{color:var(--gov-button-error-base-color, var(--gov-color-error))}[type=base][variant=error][inverse=\"\"].gov-chip .element,[type=base][variant=error][inverse=true i].gov-chip .element,[type=base][variant=error][inverse=\"1\"].gov-chip .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-chip .element,[type=base][variant=error][disabled=true i].gov-chip .element,[type=base][variant=error][disabled=\"1\"].gov-chip .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=base][variant=error][disabled=\"\"][inverse=true i].gov-chip .element,[type=base][variant=error][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=base][variant=error][disabled=true i][inverse=\"\"].gov-chip .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=error][disabled=true i][inverse=\"1\"].gov-chip .element,[type=base][variant=error][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=base][variant=error][disabled=\"1\"][inverse=true i].gov-chip .element,[type=base][variant=error][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=error][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=error][hoverable][inverse=\"1\"].gov-chip .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-chip .element{color:var(--gov-button-error-link-color, var(--gov-color-error))}[type=link][variant=error][inverse=\"\"].gov-chip .element,[type=link][variant=error][inverse=true i].gov-chip .element,[type=link][variant=error][inverse=\"1\"].gov-chip .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-chip .element,[type=link][variant=error][disabled=true i].gov-chip .element,[type=link][variant=error][disabled=\"1\"].gov-chip .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=link][variant=error][disabled=\"\"][inverse=true i].gov-chip .element,[type=link][variant=error][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=link][variant=error][disabled=true i][inverse=\"\"].gov-chip .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=error][disabled=true i][inverse=\"1\"].gov-chip .element,[type=link][variant=error][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=link][variant=error][disabled=\"1\"][inverse=true i].gov-chip .element,[type=link][variant=error][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=error][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=error][hoverable][inverse=\"1\"].gov-chip .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-chip .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))}[type=solid][variant=success][inverse=\"\"].gov-chip .element,[type=solid][variant=success][inverse=true i].gov-chip .element,[type=solid][variant=success][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=success][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"].gov-chip .element,[type=solid][variant=success][disabled=true i].gov-chip .element,[type=solid][variant=success][disabled=\"1\"].gov-chip .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-chip .element,[type=solid][variant=success][disabled=\"\"][inverse=true i].gov-chip .element,[type=solid][variant=success][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=solid][variant=success][disabled=true i][inverse=\"\"].gov-chip .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=success][disabled=true i][inverse=\"1\"].gov-chip .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=solid][variant=success][disabled=\"1\"][inverse=true i].gov-chip .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-chip .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-chip .element,[type=outlined][variant=success][inverse=true i].gov-chip .element,[type=outlined][variant=success][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=success][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=\"\"].gov-chip .element,[type=outlined][variant=success][disabled=true i].gov-chip .element,[type=outlined][variant=success][disabled=\"1\"].gov-chip .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-chip .element,[type=outlined][variant=success][disabled=\"\"][inverse=true i].gov-chip .element,[type=outlined][variant=success][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=outlined][variant=success][disabled=true i][inverse=\"\"].gov-chip .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=success][disabled=true i][inverse=\"1\"].gov-chip .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=success][disabled=\"1\"][inverse=true i].gov-chip .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-chip .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500))}[type=base][variant=success][inverse=\"\"].gov-chip .element,[type=base][variant=success][inverse=true i].gov-chip .element,[type=base][variant=success][inverse=\"1\"].gov-chip .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-chip .element,[type=base][variant=success][disabled=true i].gov-chip .element,[type=base][variant=success][disabled=\"1\"].gov-chip .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=base][variant=success][disabled=\"\"][inverse=true i].gov-chip .element,[type=base][variant=success][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=base][variant=success][disabled=true i][inverse=\"\"].gov-chip .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=success][disabled=true i][inverse=\"1\"].gov-chip .element,[type=base][variant=success][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=base][variant=success][disabled=\"1\"][inverse=true i].gov-chip .element,[type=base][variant=success][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=success][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=success][hoverable][inverse=\"1\"].gov-chip .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-chip .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500))}[type=link][variant=success][inverse=\"\"].gov-chip .element,[type=link][variant=success][inverse=true i].gov-chip .element,[type=link][variant=success][inverse=\"1\"].gov-chip .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-chip .element,[type=link][variant=success][disabled=true i].gov-chip .element,[type=link][variant=success][disabled=\"1\"].gov-chip .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=link][variant=success][disabled=\"\"][inverse=true i].gov-chip .element,[type=link][variant=success][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=link][variant=success][disabled=true i][inverse=\"\"].gov-chip .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=success][disabled=true i][inverse=\"1\"].gov-chip .element,[type=link][variant=success][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=link][variant=success][disabled=\"1\"][inverse=true i].gov-chip .element,[type=link][variant=success][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=success][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=success][hoverable][inverse=\"1\"].gov-chip .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-chip .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))}[type=solid][variant=warning][inverse=\"\"].gov-chip .element,[type=solid][variant=warning][inverse=true i].gov-chip .element,[type=solid][variant=warning][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=warning][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"].gov-chip .element,[type=solid][variant=warning][disabled=true i].gov-chip .element,[type=solid][variant=warning][disabled=\"1\"].gov-chip .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-chip .element,[type=solid][variant=warning][disabled=\"\"][inverse=true i].gov-chip .element,[type=solid][variant=warning][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=solid][variant=warning][disabled=true i][inverse=\"\"].gov-chip .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=warning][disabled=true i][inverse=\"1\"].gov-chip .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=solid][variant=warning][disabled=\"1\"][inverse=true i].gov-chip .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-chip .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-chip .element,[type=outlined][variant=warning][inverse=true i].gov-chip .element,[type=outlined][variant=warning][inverse=\"1\"].gov-chip .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-chip .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=warning][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=\"\"].gov-chip .element,[type=outlined][variant=warning][disabled=true i].gov-chip .element,[type=outlined][variant=warning][disabled=\"1\"].gov-chip .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-chip .element,[type=outlined][variant=warning][disabled=\"\"][inverse=true i].gov-chip .element,[type=outlined][variant=warning][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=outlined][variant=warning][disabled=true i][inverse=\"\"].gov-chip .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=warning][disabled=true i][inverse=\"1\"].gov-chip .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=true i].gov-chip .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-chip .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500))}[type=base][variant=warning][inverse=\"\"].gov-chip .element,[type=base][variant=warning][inverse=true i].gov-chip .element,[type=base][variant=warning][inverse=\"1\"].gov-chip .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-chip .element,[type=base][variant=warning][disabled=true i].gov-chip .element,[type=base][variant=warning][disabled=\"1\"].gov-chip .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=base][variant=warning][disabled=\"\"][inverse=true i].gov-chip .element,[type=base][variant=warning][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=base][variant=warning][disabled=true i][inverse=\"\"].gov-chip .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=warning][disabled=true i][inverse=\"1\"].gov-chip .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=base][variant=warning][disabled=\"1\"][inverse=true i].gov-chip .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-chip .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-chip .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500))}[type=link][variant=warning][inverse=\"\"].gov-chip .element,[type=link][variant=warning][inverse=true i].gov-chip .element,[type=link][variant=warning][inverse=\"1\"].gov-chip .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-chip .element,[type=link][variant=warning][disabled=true i].gov-chip .element,[type=link][variant=warning][disabled=\"1\"].gov-chip .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=link][variant=warning][disabled=\"\"][inverse=true i].gov-chip .element,[type=link][variant=warning][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=link][variant=warning][disabled=true i][inverse=\"\"].gov-chip .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=warning][disabled=true i][inverse=\"1\"].gov-chip .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=link][variant=warning][disabled=\"1\"][inverse=true i].gov-chip .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-chip .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-chip .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-chip .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-chip .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-chip .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-chip .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-chip .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-chip .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-chip .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-chip .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-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-chip .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-chip .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-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-chip .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-chip .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-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-chip .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-chip .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-chip .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-chip a .gov-icon{margin:0}.gov-chip .element{font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;letter-spacing:initial}.gov-chip .gov-button .element{border:none}.gov-chip--has-right>.element{padding-top:0 !important;padding-right:0 !important;padding-bottom:0 !important}.gov-chip--has-left>.element{padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}.gov-chip[size=xs] .element{border-radius:calc(var(--gov-button-xs-min-height, 1.5rem) * 0.5)}.gov-chip[size=xs][hoverable] .element:focus{outline:none}.gov-chip[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-chip[size=s] .element{border-radius:calc(var(--gov-button-s-min-height, 2rem) * 0.5)}.gov-chip[size=s][hoverable] .element:focus{outline:none}.gov-chip[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-chip[size=m] .element{border-radius:calc(var(--gov-button-m-min-height, 2.5rem) * 0.5)}.gov-chip[size=m][hoverable] .element:focus{outline:none}.gov-chip[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-chip[size=l] .element{border-radius:calc(var(--gov-button-l-min-height, 3rem) * 0.5)}.gov-chip[size=l][hoverable] .element:focus{outline:none}.gov-chip[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-chip[size=xl] .element{border-radius:calc(var(--gov-button-xl-min-height, 3.5rem) * 0.5)}.gov-chip[size=xl][hoverable] .element:focus{outline:none}.gov-chip[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-chip[variant=primary][inverse=\"\"] .element,.gov-chip[variant=primary][inverse=\"\"] .element .element,.gov-chip[variant=primary][inverse=true i] .element,.gov-chip[variant=primary][inverse=true i] .element .element,.gov-chip[variant=primary][inverse=\"1\"] .element,.gov-chip[variant=primary][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-primary-border-color, var(--gov-color-primary-200));background-color:var(--gov-chip-inverse-primary-bg, var(--gov-color-primary-200));color:var(--gov-chip-inverse-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-chip[variant=primary][inverse=\"\"] .element:hover,.gov-chip[variant=primary][inverse=\"\"] .element .element:hover,.gov-chip[variant=primary][inverse=true i] .element:hover,.gov-chip[variant=primary][inverse=true i] .element .element:hover,.gov-chip[variant=primary][inverse=\"1\"] .element:hover,.gov-chip[variant=primary][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-primary-border-color-hover, var(--gov-color-primary-200))}}.gov-chip[variant=secondary][inverse=\"\"] .element,.gov-chip[variant=secondary][inverse=\"\"] .element .element,.gov-chip[variant=secondary][inverse=true i] .element,.gov-chip[variant=secondary][inverse=true i] .element .element,.gov-chip[variant=secondary][inverse=\"1\"] .element,.gov-chip[variant=secondary][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-secondary-border-color, var(--gov-color-secondary-400));background-color:var(--gov-chip-inverse-secondary-bg, var(--gov-color-secondary-200));color:var(--gov-chip-inverse-secondary-color, var(--gov-color-secondary-900))}@media not all and (pointer: coarse){.gov-chip[variant=secondary][inverse=\"\"] .element:hover,.gov-chip[variant=secondary][inverse=\"\"] .element .element:hover,.gov-chip[variant=secondary][inverse=true i] .element:hover,.gov-chip[variant=secondary][inverse=true i] .element .element:hover,.gov-chip[variant=secondary][inverse=\"1\"] .element:hover,.gov-chip[variant=secondary][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-secondary-border-color-hover, var(--gov-color-secondary-400))}}.gov-chip[variant=success][inverse=\"\"] .element,.gov-chip[variant=success][inverse=\"\"] .element .element,.gov-chip[variant=success][inverse=true i] .element,.gov-chip[variant=success][inverse=true i] .element .element,.gov-chip[variant=success][inverse=\"1\"] .element,.gov-chip[variant=success][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-success-border-color, var(--gov-color-success-200));background-color:var(--gov-chip-inverse-success-bg, var(--gov-color-success-100));color:var(--gov-chip-inverse-success-color, var(--gov-color-success-600))}@media not all and (pointer: coarse){.gov-chip[variant=success][inverse=\"\"] .element:hover,.gov-chip[variant=success][inverse=\"\"] .element .element:hover,.gov-chip[variant=success][inverse=true i] .element:hover,.gov-chip[variant=success][inverse=true i] .element .element:hover,.gov-chip[variant=success][inverse=\"1\"] .element:hover,.gov-chip[variant=success][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-success-border-color-hover, var(--gov-color-success-200))}}.gov-chip[variant=warning][inverse=\"\"] .element,.gov-chip[variant=warning][inverse=\"\"] .element .element,.gov-chip[variant=warning][inverse=true i] .element,.gov-chip[variant=warning][inverse=true i] .element .element,.gov-chip[variant=warning][inverse=\"1\"] .element,.gov-chip[variant=warning][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-warning-border-color, var(--gov-color-warning-200));background-color:var(--gov-chip-inverse-warning-bg, var(--gov-color-warning-100));color:var(--gov-chip-inverse-warning-color, var(--gov-color-warning-600))}@media not all and (pointer: coarse){.gov-chip[variant=warning][inverse=\"\"] .element:hover,.gov-chip[variant=warning][inverse=\"\"] .element .element:hover,.gov-chip[variant=warning][inverse=true i] .element:hover,.gov-chip[variant=warning][inverse=true i] .element .element:hover,.gov-chip[variant=warning][inverse=\"1\"] .element:hover,.gov-chip[variant=warning][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-warning-border-color-hover, var(--gov-color-warning-200))}}.gov-chip[variant=error][inverse=\"\"] .element,.gov-chip[variant=error][inverse=\"\"] .element .element,.gov-chip[variant=error][inverse=true i] .element,.gov-chip[variant=error][inverse=true i] .element .element,.gov-chip[variant=error][inverse=\"1\"] .element,.gov-chip[variant=error][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-error-border-color, var(--gov-color-error-200));background-color:var(--gov-chip-inverse-error-bg, var(--gov-color-error-100));color:var(--gov-chip-inverse-error-color, var(--gov-color-error-500))}@media not all and (pointer: coarse){.gov-chip[variant=error][inverse=\"\"] .element:hover,.gov-chip[variant=error][inverse=\"\"] .element .element:hover,.gov-chip[variant=error][inverse=true i] .element:hover,.gov-chip[variant=error][inverse=true i] .element .element:hover,.gov-chip[variant=error][inverse=\"1\"] .element:hover,.gov-chip[variant=error][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-error-border-color-hover, var(--gov-color-error-200))}}";
|
|
6814
6845
|
|
|
6815
6846
|
class GovChip {
|
|
6816
6847
|
constructor(hostRef) {
|
|
@@ -7524,7 +7555,7 @@ const FormInputClass = {
|
|
|
7524
7555
|
root: 'gov-form-input',
|
|
7525
7556
|
};
|
|
7526
7557
|
|
|
7527
|
-
const FormSelectSizes = pick(Sizes, ['_M', '_L', '_XL']);
|
|
7558
|
+
const FormSelectSizes = pick(Sizes, ['_S', '_M', '_L', '_XL']);
|
|
7528
7559
|
const FormSelectVariants = pick(Variants, ['PRIMARY', 'SECONDARY']);
|
|
7529
7560
|
const FormSelectClass = {
|
|
7530
7561
|
root: 'gov-form-select',
|
|
@@ -7918,6 +7949,8 @@ class GovFormFile {
|
|
|
7918
7949
|
this.expanded = false;
|
|
7919
7950
|
this.required = false;
|
|
7920
7951
|
this.disabled = false;
|
|
7952
|
+
this.resetAfterPick = true;
|
|
7953
|
+
this.ignoreFileDuplicationCheck = false;
|
|
7921
7954
|
this.displayAttachments = true;
|
|
7922
7955
|
this.name = undefined;
|
|
7923
7956
|
this.accept = undefined;
|
|
@@ -7955,9 +7988,15 @@ class GovFormFile {
|
|
|
7955
7988
|
e.preventDefault();
|
|
7956
7989
|
e.stopPropagation();
|
|
7957
7990
|
const files = e.target.files;
|
|
7958
|
-
this.
|
|
7991
|
+
if (this.resetAfterPick) {
|
|
7992
|
+
if (files.length) {
|
|
7993
|
+
this.validateFiles(files);
|
|
7994
|
+
}
|
|
7995
|
+
}
|
|
7996
|
+
else {
|
|
7997
|
+
this.validateFiles(files);
|
|
7998
|
+
}
|
|
7959
7999
|
}, false);
|
|
7960
|
-
//this.inputRef.addEventListener('focus')
|
|
7961
8000
|
if (this.expanded) {
|
|
7962
8001
|
const events = ["dragover", "dragleave"];
|
|
7963
8002
|
const inEvents = ["dragenter", "dragover", "mouseenter"];
|
|
@@ -7980,7 +8019,7 @@ class GovFormFile {
|
|
|
7980
8019
|
let filesBuffer = [];
|
|
7981
8020
|
Array.from(files).map(file => {
|
|
7982
8021
|
const isFile = this.files.find(item => item.file.name === file.name && item.file.size === file.size) || null;
|
|
7983
|
-
if (isFile === null) {
|
|
8022
|
+
if (isFile === null || this.ignoreFileDuplicationCheck) {
|
|
7984
8023
|
const isSizeValid = typeof this.maxFileSize === "number" && this.maxFileSize > 0 ? fileSizeValidation(file, this.maxFileSize) : true;
|
|
7985
8024
|
const isAcceptValid = fileAcceptValidation(file, this.accept);
|
|
7986
8025
|
const newFile = {
|
|
@@ -8005,6 +8044,9 @@ class GovFormFile {
|
|
|
8005
8044
|
component: FormFileClass.root,
|
|
8006
8045
|
files: filesBuffer.length ? filesBuffer : this.files,
|
|
8007
8046
|
});
|
|
8047
|
+
if (this.resetAfterPick) {
|
|
8048
|
+
this.reset().finally();
|
|
8049
|
+
}
|
|
8008
8050
|
}
|
|
8009
8051
|
componentWillLoad() {
|
|
8010
8052
|
this.f.passAttrToLabel("required", String(this.required));
|
|
@@ -8071,6 +8113,7 @@ class GovFormFile {
|
|
|
8071
8113
|
*/
|
|
8072
8114
|
async reset() {
|
|
8073
8115
|
this.files = [];
|
|
8116
|
+
this.inputRef.value = '';
|
|
8074
8117
|
}
|
|
8075
8118
|
/**
|
|
8076
8119
|
* Validate the WCAG attributes of the component
|
|
@@ -8093,6 +8136,8 @@ class GovFormFile {
|
|
|
8093
8136
|
"expanded": [4],
|
|
8094
8137
|
"required": [4],
|
|
8095
8138
|
"disabled": [4],
|
|
8139
|
+
"resetAfterPick": [4, "reset-after-pick"],
|
|
8140
|
+
"ignoreFileDuplicationCheck": [4, "ignore-file-duplication-check"],
|
|
8096
8141
|
"displayAttachments": [4, "display-attachments"],
|
|
8097
8142
|
"name": [1],
|
|
8098
8143
|
"accept": [1],
|
|
@@ -8188,6 +8233,7 @@ class GovFormInput {
|
|
|
8188
8233
|
this.govBlur = createEvent(this, "gov-blur", 7);
|
|
8189
8234
|
this.govInput = createEvent(this, "gov-input", 7);
|
|
8190
8235
|
this.govKeyUp = createEvent(this, "gov-keyup", 7);
|
|
8236
|
+
this.govHydrated = createEvent(this, "gov-hydrated", 7);
|
|
8191
8237
|
this.govKeyDown = createEvent(this, "gov-keydown", 7);
|
|
8192
8238
|
this.value = undefined;
|
|
8193
8239
|
this.identifier = undefined;
|
|
@@ -8248,6 +8294,9 @@ class GovFormInput {
|
|
|
8248
8294
|
await this.validateWcag();
|
|
8249
8295
|
}
|
|
8250
8296
|
}
|
|
8297
|
+
componentDidLoad() {
|
|
8298
|
+
this.govHydrated.emit();
|
|
8299
|
+
}
|
|
8251
8300
|
render() {
|
|
8252
8301
|
const Tag = this.multiline ? Tags$1.TEXTAREA : Tags$1.INPUT;
|
|
8253
8302
|
return (hAsync(Host, { class: FormInputClass.root, size: this.size, variant: this.variant, type: this.type }, this.h.hasSlot("prefix") && hAsync("slot", { name: "prefix" }), hAsync("span", { class: "element" }, this.h.hasSlot("left-icon") && hAsync("slot", { name: "left-icon" }), this.h.hasSlot("right-icon") && !(this.success || this.invalid) && hAsync("slot", { name: "right-icon" }), this.success && !this.multiline &&
|
|
@@ -8458,8 +8507,50 @@ class GovFormMessage {
|
|
|
8458
8507
|
}; }
|
|
8459
8508
|
}
|
|
8460
8509
|
|
|
8461
|
-
const
|
|
8462
|
-
|
|
8510
|
+
const is = (value) => value !== undefined && value !== null;
|
|
8511
|
+
const isObject = (obj) => typeof obj === 'object';
|
|
8512
|
+
const isString = (input) => is(input) && typeof input === 'string';
|
|
8513
|
+
|
|
8514
|
+
const parseJSONString = (value) => {
|
|
8515
|
+
if (isString(value) && value.length) {
|
|
8516
|
+
try {
|
|
8517
|
+
console.log(value);
|
|
8518
|
+
const parsed = JSON.parse(value);
|
|
8519
|
+
if (Array.isArray(parsed) || isObject(parsed)) {
|
|
8520
|
+
return parsed;
|
|
8521
|
+
}
|
|
8522
|
+
}
|
|
8523
|
+
catch (e) {
|
|
8524
|
+
console.log(e);
|
|
8525
|
+
return null;
|
|
8526
|
+
}
|
|
8527
|
+
}
|
|
8528
|
+
return null;
|
|
8529
|
+
};
|
|
8530
|
+
|
|
8531
|
+
const createArrayRange = (from, to) => {
|
|
8532
|
+
if (Number.isInteger(from) && Number.isInteger(to)) {
|
|
8533
|
+
return [...Array(to + 1).keys()].slice(from);
|
|
8534
|
+
}
|
|
8535
|
+
return [];
|
|
8536
|
+
};
|
|
8537
|
+
const propsValueToArray = (value) => {
|
|
8538
|
+
if (Array.isArray(value)) {
|
|
8539
|
+
return value;
|
|
8540
|
+
}
|
|
8541
|
+
else if (isString(value)) {
|
|
8542
|
+
const parsed = parseJSONString(value);
|
|
8543
|
+
if (Array.isArray(parsed)) {
|
|
8544
|
+
return parsed;
|
|
8545
|
+
}
|
|
8546
|
+
}
|
|
8547
|
+
return [];
|
|
8548
|
+
};
|
|
8549
|
+
|
|
8550
|
+
const tick = (callback) => {
|
|
8551
|
+
setTimeout(() => {
|
|
8552
|
+
callback();
|
|
8553
|
+
}, 0);
|
|
8463
8554
|
};
|
|
8464
8555
|
|
|
8465
8556
|
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}.gov-form-multi-select *[slot=prefix],.gov-form-multi-select *[slot=sufix]{margin: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]:not(.icon-arrow){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]:not(.icon-arrow){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)) !important}[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)) !important}[invalid=\"\"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid=\"1\"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[success=\"\"].gov-form-multi-select *[slot=right-icon]:not(.icon-arrow),[success=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-arrow),[success=\"1\"].gov-form-multi-select *[slot=right-icon]:not(.icon-arrow){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}[multiline=\"\"].gov-form-multi-select *[slot=left-icon],[multiline=\"\"].gov-form-multi-select *[slot=right-icon],[multiline=true i].gov-form-multi-select *[slot=left-icon],[multiline=true i].gov-form-multi-select *[slot=right-icon],[multiline=\"1\"].gov-form-multi-select *[slot=left-icon],[multiline=\"1\"].gov-form-multi-select *[slot=right-icon]{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=s].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-s-arrow-right-position, 0.75rem);width:var(--gov-form-select-s-arrow-size, 0.75rem);height:var(--gov-form-select-s-arrow-size, 0.75rem)}[size=s][invalid=\"\"].gov-form-multi-select .icon-arrow,[size=s][invalid=true i].gov-form-multi-select .icon-arrow,[size=s][invalid=\"1\"].gov-form-multi-select .icon-arrow{right:calc(3 * var(--gov-form-select-s-arrow-right-position, 0.75rem))}[size=s][success=\"\"].gov-form-multi-select .icon-arrow,[size=s][success=true i].gov-form-multi-select .icon-arrow,[size=s][success=\"1\"].gov-form-multi-select .icon-arrow{right:calc(3 * var(--gov-form-select-s-arrow-right-position, 0.75rem))}[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.75rem);height:var(--gov-form-select-m-arrow-size, 0.75rem)}[size=m][invalid=\"\"].gov-form-multi-select .icon-arrow,[size=m][invalid=true i].gov-form-multi-select .icon-arrow,[size=m][invalid=\"1\"].gov-form-multi-select .icon-arrow{right:calc(3 * var(--gov-form-select-m-arrow-right-position, 1rem))}[size=m][success=\"\"].gov-form-multi-select .icon-arrow,[size=m][success=true i].gov-form-multi-select .icon-arrow,[size=m][success=\"1\"].gov-form-multi-select .icon-arrow{right:calc(3 * var(--gov-form-select-m-arrow-right-position, 1rem))}[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, 1rem);height:var(--gov-form-select-l-arrow-size, 1rem)}[size=l][invalid=\"\"].gov-form-multi-select .icon-arrow,[size=l][invalid=true i].gov-form-multi-select .icon-arrow,[size=l][invalid=\"1\"].gov-form-multi-select .icon-arrow{right:calc(3 * var(--gov-form-select-l-arrow-right-position, 1rem))}[size=l][success=\"\"].gov-form-multi-select .icon-arrow,[size=l][success=true i].gov-form-multi-select .icon-arrow,[size=l][success=\"1\"].gov-form-multi-select .icon-arrow{right:calc(3 * var(--gov-form-select-l-arrow-right-position, 1rem))}[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, 1rem);height:var(--gov-form-select-xl-arrow-size, 1rem)}[size=xl][invalid=\"\"].gov-form-multi-select .icon-arrow,[size=xl][invalid=true i].gov-form-multi-select .icon-arrow,[size=xl][invalid=\"1\"].gov-form-multi-select .icon-arrow{right:calc(3 * var(--gov-form-select-xl-arrow-right-position, 1.3125rem))}[size=xl][success=\"\"].gov-form-multi-select .icon-arrow,[size=xl][success=true i].gov-form-multi-select .icon-arrow,[size=xl][success=\"1\"].gov-form-multi-select .icon-arrow{right:calc(3 * var(--gov-form-select-xl-arrow-right-position, 1.3125rem))}[size=s][invalid=\"\"].gov-form-multi-select *[slot=right-icon]~select,[size=s][invalid=\"\"].gov-form-multi-select *[slot=right-icon]~input,[size=s][invalid=true i].gov-form-multi-select *[slot=right-icon]~select,[size=s][invalid=true i].gov-form-multi-select *[slot=right-icon]~input,[size=s][invalid=\"1\"].gov-form-multi-select *[slot=right-icon]~select,[size=s][invalid=\"1\"].gov-form-multi-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-s-icon-padding, 2rem))}[size=s][success=\"\"].gov-form-multi-select *[slot=right-icon]~select,[size=s][success=\"\"].gov-form-multi-select *[slot=right-icon]~input,[size=s][success=true i].gov-form-multi-select *[slot=right-icon]~select,[size=s][success=true i].gov-form-multi-select *[slot=right-icon]~input,[size=s][success=\"1\"].gov-form-multi-select *[slot=right-icon]~select,[size=s][success=\"1\"].gov-form-multi-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-s-icon-padding, 2rem))}[size=m][invalid=\"\"].gov-form-multi-select *[slot=right-icon]~select,[size=m][invalid=\"\"].gov-form-multi-select *[slot=right-icon]~input,[size=m][invalid=true i].gov-form-multi-select *[slot=right-icon]~select,[size=m][invalid=true i].gov-form-multi-select *[slot=right-icon]~input,[size=m][invalid=\"1\"].gov-form-multi-select *[slot=right-icon]~select,[size=m][invalid=\"1\"].gov-form-multi-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-m-icon-padding, 2.5rem))}[size=m][success=\"\"].gov-form-multi-select *[slot=right-icon]~select,[size=m][success=\"\"].gov-form-multi-select *[slot=right-icon]~input,[size=m][success=true i].gov-form-multi-select *[slot=right-icon]~select,[size=m][success=true i].gov-form-multi-select *[slot=right-icon]~input,[size=m][success=\"1\"].gov-form-multi-select *[slot=right-icon]~select,[size=m][success=\"1\"].gov-form-multi-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-m-icon-padding, 2.5rem))}[size=l][invalid=\"\"].gov-form-multi-select *[slot=right-icon]~select,[size=l][invalid=\"\"].gov-form-multi-select *[slot=right-icon]~input,[size=l][invalid=true i].gov-form-multi-select *[slot=right-icon]~select,[size=l][invalid=true i].gov-form-multi-select *[slot=right-icon]~input,[size=l][invalid=\"1\"].gov-form-multi-select *[slot=right-icon]~select,[size=l][invalid=\"1\"].gov-form-multi-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-l-icon-padding, 2.5rem))}[size=l][success=\"\"].gov-form-multi-select *[slot=right-icon]~select,[size=l][success=\"\"].gov-form-multi-select *[slot=right-icon]~input,[size=l][success=true i].gov-form-multi-select *[slot=right-icon]~select,[size=l][success=true i].gov-form-multi-select *[slot=right-icon]~input,[size=l][success=\"1\"].gov-form-multi-select *[slot=right-icon]~select,[size=l][success=\"1\"].gov-form-multi-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-l-icon-padding, 2.5rem))}[size=xl][invalid=\"\"].gov-form-multi-select *[slot=right-icon]~select,[size=xl][invalid=\"\"].gov-form-multi-select *[slot=right-icon]~input,[size=xl][invalid=true i].gov-form-multi-select *[slot=right-icon]~select,[size=xl][invalid=true i].gov-form-multi-select *[slot=right-icon]~input,[size=xl][invalid=\"1\"].gov-form-multi-select *[slot=right-icon]~select,[size=xl][invalid=\"1\"].gov-form-multi-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-xl-icon-padding, 3rem))}[size=xl][success=\"\"].gov-form-multi-select *[slot=right-icon]~select,[size=xl][success=\"\"].gov-form-multi-select *[slot=right-icon]~input,[size=xl][success=true i].gov-form-multi-select *[slot=right-icon]~select,[size=xl][success=true i].gov-form-multi-select *[slot=right-icon]~input,[size=xl][success=\"1\"].gov-form-multi-select *[slot=right-icon]~select,[size=xl][success=\"1\"].gov-form-multi-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-xl-icon-padding, 3rem))}.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}";
|
|
@@ -8472,6 +8563,8 @@ class GovFormMultiSelect {
|
|
|
8472
8563
|
this.govChange = createEvent(this, "gov-change", 7);
|
|
8473
8564
|
this.govSelect = createEvent(this, "gov-select", 7);
|
|
8474
8565
|
this.govRemove = createEvent(this, "gov-remove", 7);
|
|
8566
|
+
this.value = undefined;
|
|
8567
|
+
this.options = undefined;
|
|
8475
8568
|
this.identifier = undefined;
|
|
8476
8569
|
this.placeholder = undefined;
|
|
8477
8570
|
this.variant = undefined;
|
|
@@ -8488,9 +8581,9 @@ class GovFormMultiSelect {
|
|
|
8488
8581
|
this.wcagLabelledBy = undefined;
|
|
8489
8582
|
this.wcagOwns = undefined;
|
|
8490
8583
|
this.focused = undefined;
|
|
8491
|
-
this.
|
|
8492
|
-
this.
|
|
8493
|
-
this.
|
|
8584
|
+
this.valueState = undefined;
|
|
8585
|
+
this.selectedOptionsState = [];
|
|
8586
|
+
this.optionsState = [];
|
|
8494
8587
|
this.selectId = createID('GovSelect');
|
|
8495
8588
|
this.listId = createID('GovMultiList');
|
|
8496
8589
|
this.h = govHost(this.host);
|
|
@@ -8502,6 +8595,12 @@ class GovFormMultiSelect {
|
|
|
8502
8595
|
validateSize(newValue) {
|
|
8503
8596
|
validateProp(FormMultiselectSizes, newValue, FormMultiSelectClass.root);
|
|
8504
8597
|
}
|
|
8598
|
+
watchOptions(newValue) {
|
|
8599
|
+
this.optionsState = propsValueToArray(newValue);
|
|
8600
|
+
}
|
|
8601
|
+
watchValue(newValue) {
|
|
8602
|
+
this.selectedOptionsState = propsValueToArray(newValue);
|
|
8603
|
+
}
|
|
8505
8604
|
watchDisabled() {
|
|
8506
8605
|
this.passControlAttrs();
|
|
8507
8606
|
}
|
|
@@ -8514,65 +8613,74 @@ class GovFormMultiSelect {
|
|
|
8514
8613
|
this.validateVariant(this.variant);
|
|
8515
8614
|
this.validateSize(this.size);
|
|
8516
8615
|
this.watchDisabled();
|
|
8616
|
+
this.passControlAttrs();
|
|
8617
|
+
this.f.passAttrToLabel('required', String(this.required));
|
|
8618
|
+
this.optionsState = propsValueToArray(this.options);
|
|
8619
|
+
this.selectedOptionsState = propsValueToArray(this.value);
|
|
8517
8620
|
}
|
|
8518
8621
|
getAvailableOptions(ignoreFilter = false) {
|
|
8519
|
-
if (Array.isArray(this.
|
|
8622
|
+
if (Array.isArray(this.optionsState) && this.optionsState.length) {
|
|
8520
8623
|
if (ignoreFilter) {
|
|
8521
|
-
return this.
|
|
8624
|
+
return this.optionsState;
|
|
8522
8625
|
}
|
|
8523
|
-
return this.
|
|
8524
|
-
const
|
|
8525
|
-
return (
|
|
8526
|
-
});
|
|
8626
|
+
return this.optionsState.filter((option) => {
|
|
8627
|
+
const selectedIndex = this.selectedValueIndex(option.value);
|
|
8628
|
+
return (selectedIndex !== -1 || (option === null || option === void 0 ? void 0 : option.disabled)) ? false : true;
|
|
8629
|
+
}).map((option) => { var _a; return ({ name: (_a = option.name) !== null && _a !== void 0 ? _a : option.value, value: option.value }); });
|
|
8527
8630
|
}
|
|
8528
8631
|
return Array.from(this.selectRef.querySelectorAll('option'))
|
|
8529
8632
|
.filter((option) => {
|
|
8530
8633
|
if (ignoreFilter) {
|
|
8531
8634
|
return true;
|
|
8532
8635
|
}
|
|
8533
|
-
|
|
8636
|
+
const selectedIndex = this.selectedValueIndex(option.value);
|
|
8637
|
+
return !(option.disabled || option.selected || selectedIndex > -1);
|
|
8534
8638
|
})
|
|
8535
8639
|
.map((option) => ({ name: option.textContent, value: option.value }));
|
|
8536
8640
|
}
|
|
8537
8641
|
initAutocomplete() {
|
|
8538
|
-
|
|
8539
|
-
this.autocompleteRef.addEventListener('gov-
|
|
8540
|
-
this.autocompleteRef.addEventListener('gov-
|
|
8541
|
-
this.autocompleteRef.addEventListener('gov-
|
|
8542
|
-
this.autocompleteRef
|
|
8543
|
-
|
|
8642
|
+
var _a, _b, _c, _d, _e;
|
|
8643
|
+
(_a = this.autocompleteRef) === null || _a === void 0 ? void 0 : _a.addEventListener('gov-select', this.onSelectHandler.bind(this));
|
|
8644
|
+
(_b = this.autocompleteRef) === null || _b === void 0 ? void 0 : _b.addEventListener('gov-input', this.onInputHandler.bind(this));
|
|
8645
|
+
(_c = this.autocompleteRef) === null || _c === void 0 ? void 0 : _c.addEventListener('gov-focus', this.onFocusHandler.bind(this));
|
|
8646
|
+
(_d = this.autocompleteRef) === null || _d === void 0 ? void 0 : _d.addEventListener('gov-blur', this.onBlurHandler.bind(this));
|
|
8647
|
+
(_e = this.autocompleteRef) === null || _e === void 0 ? void 0 : _e.setSearchCallback(searchString => {
|
|
8544
8648
|
return new Promise(resolve => {
|
|
8545
8649
|
const data = this.getAvailableOptions();
|
|
8546
|
-
if (String(
|
|
8650
|
+
if (String(searchString).length === 0) {
|
|
8547
8651
|
return resolve(data);
|
|
8548
8652
|
}
|
|
8549
|
-
resolve(data.filter(({ name }) => {
|
|
8653
|
+
resolve(data.filter(({ name, value }) => {
|
|
8550
8654
|
if (!name)
|
|
8551
|
-
|
|
8552
|
-
return removeDiacritics(name).toLowerCase().indexOf(removeDiacritics(
|
|
8655
|
+
name = value;
|
|
8656
|
+
return removeDiacritics(name).toLowerCase().indexOf(removeDiacritics(searchString).toLowerCase()) > -1;
|
|
8553
8657
|
}));
|
|
8554
8658
|
});
|
|
8555
|
-
})
|
|
8556
|
-
.then();
|
|
8659
|
+
}).finally();
|
|
8557
8660
|
}
|
|
8558
|
-
|
|
8559
|
-
return this.
|
|
8661
|
+
selectedValueIndex(value) {
|
|
8662
|
+
return this.selectedOptionsState.findIndex((selected) => selected === value);
|
|
8560
8663
|
}
|
|
8561
8664
|
getOptionElement(value) {
|
|
8562
|
-
return this.selectRef.querySelector('option[value="' + value
|
|
8665
|
+
return this.selectRef.querySelector('option[value="' + value + '"]');
|
|
8666
|
+
}
|
|
8667
|
+
getOption(value) {
|
|
8668
|
+
var _a;
|
|
8669
|
+
return (_a = this.getAvailableOptions(true).find((option) => option.value === value)) !== null && _a !== void 0 ? _a : null;
|
|
8563
8670
|
}
|
|
8564
8671
|
selectOption(newOption, notify = true) {
|
|
8565
|
-
const index = this.
|
|
8672
|
+
const index = this.selectedValueIndex(newOption);
|
|
8566
8673
|
if (index === -1) {
|
|
8567
|
-
this.
|
|
8674
|
+
this.selectedOptionsState = [...this.selectedOptionsState, newOption];
|
|
8675
|
+
this.value = this.selectedOptionsState;
|
|
8568
8676
|
if (notify) {
|
|
8569
8677
|
this.govChange.emit({
|
|
8570
8678
|
component: FormMultiSelectClass.root,
|
|
8571
|
-
value: this.
|
|
8679
|
+
value: this.selectedOptionsState,
|
|
8572
8680
|
});
|
|
8573
8681
|
this.govSelect.emit({
|
|
8574
8682
|
component: FormMultiSelectClass.root,
|
|
8575
|
-
value: this.
|
|
8683
|
+
value: this.selectedOptionsState,
|
|
8576
8684
|
});
|
|
8577
8685
|
}
|
|
8578
8686
|
const option = this.getOptionElement(newOption);
|
|
@@ -8582,18 +8690,19 @@ class GovFormMultiSelect {
|
|
|
8582
8690
|
}
|
|
8583
8691
|
}
|
|
8584
8692
|
removeOption(removeOption, notify = true) {
|
|
8585
|
-
const index = this.
|
|
8693
|
+
const index = this.selectedValueIndex(removeOption);
|
|
8586
8694
|
if (index !== -1) {
|
|
8587
|
-
this.
|
|
8588
|
-
this.
|
|
8695
|
+
this.selectedOptionsState.splice(index, 1);
|
|
8696
|
+
this.selectedOptionsState = [...this.selectedOptionsState];
|
|
8697
|
+
this.value = this.selectedOptionsState;
|
|
8589
8698
|
if (notify) {
|
|
8590
8699
|
this.govChange.emit({
|
|
8591
8700
|
component: FormMultiSelectClass.root,
|
|
8592
|
-
value: this.
|
|
8701
|
+
value: this.selectedOptionsState,
|
|
8593
8702
|
});
|
|
8594
8703
|
this.govRemove.emit({
|
|
8595
8704
|
component: FormMultiSelectClass.root,
|
|
8596
|
-
value: this.
|
|
8705
|
+
value: this.selectedOptionsState,
|
|
8597
8706
|
});
|
|
8598
8707
|
}
|
|
8599
8708
|
const option = this.getOptionElement(removeOption);
|
|
@@ -8604,13 +8713,14 @@ class GovFormMultiSelect {
|
|
|
8604
8713
|
}
|
|
8605
8714
|
async componentDidLoad() {
|
|
8606
8715
|
this.initAutocomplete();
|
|
8607
|
-
|
|
8608
|
-
|
|
8609
|
-
|
|
8610
|
-
|
|
8611
|
-
|
|
8612
|
-
|
|
8613
|
-
|
|
8716
|
+
}
|
|
8717
|
+
async componentDidRender() {
|
|
8718
|
+
tick(() => {
|
|
8719
|
+
this.selectRef.querySelectorAll('option').forEach((option) => {
|
|
8720
|
+
if (option.selected) {
|
|
8721
|
+
this.selectOption(option.value, false);
|
|
8722
|
+
}
|
|
8723
|
+
});
|
|
8614
8724
|
});
|
|
8615
8725
|
if (canValidateWcagOnRender()) {
|
|
8616
8726
|
await delay(500);
|
|
@@ -8618,10 +8728,16 @@ class GovFormMultiSelect {
|
|
|
8618
8728
|
}
|
|
8619
8729
|
}
|
|
8620
8730
|
render() {
|
|
8621
|
-
return (hAsync(Host, { class: FormMultiSelectClass.root, size: this.size, variant: this.variant }, hAsync("div", { class: FormMultiSelectClass.wrap }, hAsync("div", { class: "element" }, hAsync("gov-form-autocomplete", { value: this.
|
|
8622
|
-
|
|
8623
|
-
|
|
8624
|
-
return (hAsync("
|
|
8731
|
+
return (hAsync(Host, { class: FormMultiSelectClass.root, size: this.size, variant: this.variant }, hAsync("div", { class: FormMultiSelectClass.wrap }, hAsync("div", { class: "element" }, hAsync("gov-form-autocomplete", { value: this.valueState, disabled: this.disabled, identifier: this.identifier || this.selectId, required: false, size: this.size, variant: this.variant, placeholder: this.placeholder, "message-empty": this.messageEmpty, "message-loading": this.messageLoading, ref: el => (this.autocompleteRef = el), minlength: 0, wcagDescribedBy: this.wcagDescribedBy, wcagLabelledBy: this.wcagLabelledBy, wcagOwns: this.listId }), hAsync("gov-icon", { slot: "right-icon", class: "icon-arrow", name: "chevron-down" }), this.h.hasSlot('right-icon') && !(this.success || this.invalid) && hAsync("slot", { name: "right-icon" }), this.success && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "check-lg" }), this.invalid && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "exclamation-lg" }), hAsync("select", { hidden: true, class: 'hidden-select-list', "aria-hidden": toBoolAttr(true), multiple: true, required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el), "aria-disabled": toBoolAttrIfDefined(this.disabled), "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), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
|
|
8732
|
+
var _a;
|
|
8733
|
+
const selectedOption = this.selectedValueIndex(option.value);
|
|
8734
|
+
return (hAsync("option", { value: option.value, selected: selectedOption > -1, disabled: option === null || option === void 0 ? void 0 : option.disabled }, (_a = option.name) !== null && _a !== void 0 ? _a : option.value));
|
|
8735
|
+
})))), this.hideSelectedList === false ? (hAsync("ul", { role: "listbox", id: this.listId, class: FormMultiSelectClass.list }, Array.isArray(this.selectedOptionsState) && this.selectedOptionsState.map(selected => {
|
|
8736
|
+
var _a, _b;
|
|
8737
|
+
const option = this.getOption(selected);
|
|
8738
|
+
if (!option)
|
|
8739
|
+
return null;
|
|
8740
|
+
return (hAsync("li", { class: FormMultiSelectClass.item, role: "option" }, (_a = option.name) !== null && _a !== void 0 ? _a : option.value, hAsync("gov-button", { wcagLabel: (_b = 'Odebrat vybranou položku ' + option.name) !== null && _b !== void 0 ? _b : option.value, variant: "primary", type: "base", size: "s", "on-gov-click": () => this.onTagRemove(selected) }, hAsync("gov-icon", { name: "x-lg" }))));
|
|
8625
8741
|
}))) : null));
|
|
8626
8742
|
}
|
|
8627
8743
|
onFocusHandler(e) {
|
|
@@ -8630,7 +8746,7 @@ class GovFormMultiSelect {
|
|
|
8630
8746
|
this.govFocus.emit({
|
|
8631
8747
|
component: FormMultiSelectClass.root,
|
|
8632
8748
|
originalEvent: e,
|
|
8633
|
-
value: this.
|
|
8749
|
+
value: this.selectedOptionsState,
|
|
8634
8750
|
});
|
|
8635
8751
|
}
|
|
8636
8752
|
onBlurHandler(e) {
|
|
@@ -8640,19 +8756,19 @@ class GovFormMultiSelect {
|
|
|
8640
8756
|
this.govBlur.emit({
|
|
8641
8757
|
component: FormMultiSelectClass.root,
|
|
8642
8758
|
originalEvent: e,
|
|
8643
|
-
value: this.
|
|
8759
|
+
value: this.selectedOptionsState,
|
|
8644
8760
|
});
|
|
8645
8761
|
}
|
|
8646
8762
|
onInputHandler(e) {
|
|
8647
|
-
this.
|
|
8763
|
+
this.valueState = e.detail.value;
|
|
8648
8764
|
e.stopPropagation();
|
|
8649
8765
|
}
|
|
8650
8766
|
onSelectHandler(e) {
|
|
8651
8767
|
e.stopPropagation();
|
|
8652
8768
|
const value = e.detail.selected;
|
|
8653
|
-
this.selectOption(value);
|
|
8654
|
-
this.
|
|
8655
|
-
this.autocompleteRef.clearValue();
|
|
8769
|
+
this.selectOption(value.value);
|
|
8770
|
+
this.valueState = '';
|
|
8771
|
+
this.autocompleteRef.clearValue().finally();
|
|
8656
8772
|
this.autocompleteRef.focus();
|
|
8657
8773
|
}
|
|
8658
8774
|
onTagRemove(removeOption) {
|
|
@@ -8668,7 +8784,7 @@ class GovFormMultiSelect {
|
|
|
8668
8784
|
* Sets the ordered value of the element
|
|
8669
8785
|
*/
|
|
8670
8786
|
async setValue(value) {
|
|
8671
|
-
this.
|
|
8787
|
+
this.valueState = value;
|
|
8672
8788
|
}
|
|
8673
8789
|
/**
|
|
8674
8790
|
* Returns an instance of the native html select element
|
|
@@ -8676,50 +8792,6 @@ class GovFormMultiSelect {
|
|
|
8676
8792
|
async getRef() {
|
|
8677
8793
|
return this.selectRef;
|
|
8678
8794
|
}
|
|
8679
|
-
/**
|
|
8680
|
-
* Returns a list of selected items
|
|
8681
|
-
*/
|
|
8682
|
-
async getSelectedOptions() {
|
|
8683
|
-
return this.selectedOptions;
|
|
8684
|
-
}
|
|
8685
|
-
/**
|
|
8686
|
-
* Setting a list of options to choose from
|
|
8687
|
-
*/
|
|
8688
|
-
async setOptions(options) {
|
|
8689
|
-
if (Array.isArray(options)) {
|
|
8690
|
-
this.options = [...options];
|
|
8691
|
-
}
|
|
8692
|
-
}
|
|
8693
|
-
/**
|
|
8694
|
-
* Returns all available options
|
|
8695
|
-
*/
|
|
8696
|
-
async getOptions(ignoreFilter = true) {
|
|
8697
|
-
return this.getAvailableOptions(ignoreFilter);
|
|
8698
|
-
}
|
|
8699
|
-
/**
|
|
8700
|
-
* Setting the list of selected options
|
|
8701
|
-
*/
|
|
8702
|
-
async setSelectedOptions(options) {
|
|
8703
|
-
if (Array.isArray(options)) {
|
|
8704
|
-
this.selectedOptions = [...options];
|
|
8705
|
-
}
|
|
8706
|
-
}
|
|
8707
|
-
/**
|
|
8708
|
-
* To remove an option from the selected list
|
|
8709
|
-
*/
|
|
8710
|
-
async removeSelectedOption(option, notify = false) {
|
|
8711
|
-
if (typeof option === 'object' && hasOwnProperty(option, 'name') && hasOwnProperty(option, 'value')) {
|
|
8712
|
-
this.removeOption(option, notify);
|
|
8713
|
-
}
|
|
8714
|
-
}
|
|
8715
|
-
/**
|
|
8716
|
-
* Returns an instance of the native html select element
|
|
8717
|
-
*/
|
|
8718
|
-
async setSelectedOption(option, notify = false) {
|
|
8719
|
-
if (typeof option === 'object' && hasOwnProperty(option, 'name') && hasOwnProperty(option, 'value')) {
|
|
8720
|
-
this.selectOption(option, notify);
|
|
8721
|
-
}
|
|
8722
|
-
}
|
|
8723
8795
|
/**
|
|
8724
8796
|
* Validate the WCAG attributes of the component
|
|
8725
8797
|
*/
|
|
@@ -8733,6 +8805,8 @@ class GovFormMultiSelect {
|
|
|
8733
8805
|
static get watchers() { return {
|
|
8734
8806
|
"variant": ["validateVariant"],
|
|
8735
8807
|
"size": ["validateSize", "watchDisabled"],
|
|
8808
|
+
"options": ["watchOptions"],
|
|
8809
|
+
"value": ["watchValue"],
|
|
8736
8810
|
"disabled": ["watchDisabled"],
|
|
8737
8811
|
"invalid": ["watchDisabled"],
|
|
8738
8812
|
"success": ["watchDisabled"]
|
|
@@ -8742,6 +8816,8 @@ class GovFormMultiSelect {
|
|
|
8742
8816
|
"$flags$": 4,
|
|
8743
8817
|
"$tagName$": "gov-form-multi-select",
|
|
8744
8818
|
"$members$": {
|
|
8819
|
+
"value": [1537],
|
|
8820
|
+
"options": [1537],
|
|
8745
8821
|
"identifier": [1],
|
|
8746
8822
|
"placeholder": [1],
|
|
8747
8823
|
"variant": [1],
|
|
@@ -8758,23 +8834,17 @@ class GovFormMultiSelect {
|
|
|
8758
8834
|
"wcagLabelledBy": [1, "wcag-labelled-by"],
|
|
8759
8835
|
"wcagOwns": [1, "wcag-owns"],
|
|
8760
8836
|
"focused": [32],
|
|
8761
|
-
"
|
|
8762
|
-
"
|
|
8763
|
-
"
|
|
8837
|
+
"valueState": [32],
|
|
8838
|
+
"selectedOptionsState": [32],
|
|
8839
|
+
"optionsState": [32],
|
|
8764
8840
|
"setFocus": [64],
|
|
8765
8841
|
"setValue": [64],
|
|
8766
8842
|
"getRef": [64],
|
|
8767
|
-
"getSelectedOptions": [64],
|
|
8768
|
-
"setOptions": [64],
|
|
8769
|
-
"getOptions": [64],
|
|
8770
|
-
"setSelectedOptions": [64],
|
|
8771
|
-
"removeSelectedOption": [64],
|
|
8772
|
-
"setSelectedOption": [64],
|
|
8773
8843
|
"validateWcag": [64]
|
|
8774
8844
|
},
|
|
8775
8845
|
"$listeners$": undefined,
|
|
8776
8846
|
"$lazyBundleId$": "-",
|
|
8777
|
-
"$attrsToReflect$": []
|
|
8847
|
+
"$attrsToReflect$": [["value", "value"], ["options", "options"]]
|
|
8778
8848
|
}; }
|
|
8779
8849
|
}
|
|
8780
8850
|
|
|
@@ -8944,7 +9014,7 @@ const FormSearchClass = {
|
|
|
8944
9014
|
button: 'gov-form-search__button',
|
|
8945
9015
|
};
|
|
8946
9016
|
|
|
8947
|
-
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
|
|
9017
|
+
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));padding:0.1875rem 0.1875rem 0.1875rem 0}.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}.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))}";
|
|
8948
9018
|
|
|
8949
9019
|
class GovFormSearch {
|
|
8950
9020
|
constructor(hostRef) {
|
|
@@ -8977,6 +9047,7 @@ class GovFormSelect {
|
|
|
8977
9047
|
this.govBlur = createEvent(this, "gov-blur", 7);
|
|
8978
9048
|
this.govChange = createEvent(this, "gov-change", 7);
|
|
8979
9049
|
this.value = undefined;
|
|
9050
|
+
this.options = undefined;
|
|
8980
9051
|
this.identifier = undefined;
|
|
8981
9052
|
this.variant = 'secondary';
|
|
8982
9053
|
this.size = 'm';
|
|
@@ -8991,7 +9062,7 @@ class GovFormSelect {
|
|
|
8991
9062
|
this.wcagLabelledBy = undefined;
|
|
8992
9063
|
this.wcagOwns = undefined;
|
|
8993
9064
|
this.focused = undefined;
|
|
8994
|
-
this.
|
|
9065
|
+
this.optionsState = [];
|
|
8995
9066
|
this.h = govHost(this.host);
|
|
8996
9067
|
this.f = govForm(this.h);
|
|
8997
9068
|
this.selectId = createID('GovSelect');
|
|
@@ -9002,6 +9073,9 @@ class GovFormSelect {
|
|
|
9002
9073
|
validateSize(newValue) {
|
|
9003
9074
|
validateProp(FormSelectSizes, newValue, FormSelectClass.root);
|
|
9004
9075
|
}
|
|
9076
|
+
watchOptions(newValue) {
|
|
9077
|
+
this.optionsState = propsValueToArray(newValue);
|
|
9078
|
+
}
|
|
9005
9079
|
watchDisabled() {
|
|
9006
9080
|
this.passControlAttrs();
|
|
9007
9081
|
}
|
|
@@ -9019,12 +9093,14 @@ class GovFormSelect {
|
|
|
9019
9093
|
this.markSelectedValue();
|
|
9020
9094
|
this.passControlAttrs();
|
|
9021
9095
|
this.f.passAttrToLabel('required', String(this.required));
|
|
9096
|
+
this.optionsState = propsValueToArray(this.options);
|
|
9022
9097
|
}
|
|
9023
9098
|
async componentDidRender() {
|
|
9024
9099
|
if (canValidateWcagOnRender()) {
|
|
9025
9100
|
await delay(500);
|
|
9026
9101
|
await this.validateWcag();
|
|
9027
9102
|
}
|
|
9103
|
+
tick(() => this.markSelectedValue());
|
|
9028
9104
|
}
|
|
9029
9105
|
markSelectedValue() {
|
|
9030
9106
|
this.host.querySelectorAll('option').forEach((option) => {
|
|
@@ -9037,8 +9113,9 @@ class GovFormSelect {
|
|
|
9037
9113
|
});
|
|
9038
9114
|
}
|
|
9039
9115
|
render() {
|
|
9040
|
-
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", class: "icon-arrow" }), this.h.hasSlot('right-icon') && !(this.success || this.invalid) && hAsync("slot", { name: "right-icon" }), this.success && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "check-lg" }), this.invalid && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "exclamation-lg" }), 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.
|
|
9041
|
-
|
|
9116
|
+
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", class: "icon-arrow" }), this.h.hasSlot('right-icon') && !(this.success || this.invalid) && hAsync("slot", { name: "right-icon" }), this.success && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "check-lg" }), this.invalid && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "exclamation-lg" }), 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), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
|
|
9117
|
+
var _a;
|
|
9118
|
+
return (hAsync("option", { value: option.value, selected: option.value === this.value, disabled: option === null || option === void 0 ? void 0 : option.disabled }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value));
|
|
9042
9119
|
}))), this.h.hasSlot('sufix') && hAsync("slot", { name: "sufix" })));
|
|
9043
9120
|
}
|
|
9044
9121
|
onFocusHandler(e) {
|
|
@@ -9072,26 +9149,12 @@ class GovFormSelect {
|
|
|
9072
9149
|
async setFocus(options) {
|
|
9073
9150
|
return this.selectRef.focus(options);
|
|
9074
9151
|
}
|
|
9075
|
-
/**
|
|
9076
|
-
* Sets the ordered value of the element
|
|
9077
|
-
*/
|
|
9078
|
-
async setValue(value) {
|
|
9079
|
-
this.value = value;
|
|
9080
|
-
}
|
|
9081
9152
|
/**
|
|
9082
9153
|
* Returns an instance of the native html select element
|
|
9083
9154
|
*/
|
|
9084
9155
|
async getRef() {
|
|
9085
9156
|
return this.selectRef;
|
|
9086
9157
|
}
|
|
9087
|
-
/**
|
|
9088
|
-
* Sets the selection options
|
|
9089
|
-
*/
|
|
9090
|
-
async setOptions(options) {
|
|
9091
|
-
if (Array.isArray(options)) {
|
|
9092
|
-
this.options = options;
|
|
9093
|
-
}
|
|
9094
|
-
}
|
|
9095
9158
|
/**
|
|
9096
9159
|
* Validate the WCAG attributes of the component
|
|
9097
9160
|
*/
|
|
@@ -9106,6 +9169,7 @@ class GovFormSelect {
|
|
|
9106
9169
|
static get watchers() { return {
|
|
9107
9170
|
"variant": ["validateVariant"],
|
|
9108
9171
|
"size": ["validateSize", "watchDisabled"],
|
|
9172
|
+
"options": ["watchOptions"],
|
|
9109
9173
|
"disabled": ["watchDisabled"],
|
|
9110
9174
|
"invalid": ["watchDisabled"],
|
|
9111
9175
|
"value": ["watchValue"]
|
|
@@ -9116,6 +9180,7 @@ class GovFormSelect {
|
|
|
9116
9180
|
"$tagName$": "gov-form-select",
|
|
9117
9181
|
"$members$": {
|
|
9118
9182
|
"value": [1537],
|
|
9183
|
+
"options": [1537],
|
|
9119
9184
|
"identifier": [1],
|
|
9120
9185
|
"variant": [1],
|
|
9121
9186
|
"size": [1],
|
|
@@ -9130,16 +9195,14 @@ class GovFormSelect {
|
|
|
9130
9195
|
"wcagLabelledBy": [1, "wcag-labelled-by"],
|
|
9131
9196
|
"wcagOwns": [1, "wcag-owns"],
|
|
9132
9197
|
"focused": [32],
|
|
9133
|
-
"
|
|
9198
|
+
"optionsState": [32],
|
|
9134
9199
|
"setFocus": [64],
|
|
9135
|
-
"setValue": [64],
|
|
9136
9200
|
"getRef": [64],
|
|
9137
|
-
"setOptions": [64],
|
|
9138
9201
|
"validateWcag": [64]
|
|
9139
9202
|
},
|
|
9140
9203
|
"$listeners$": undefined,
|
|
9141
9204
|
"$lazyBundleId$": "-",
|
|
9142
|
-
"$attrsToReflect$": [["value", "value"]]
|
|
9205
|
+
"$attrsToReflect$": [["value", "value"], ["options", "options"]]
|
|
9143
9206
|
}; }
|
|
9144
9207
|
}
|
|
9145
9208
|
|
|
@@ -9443,6 +9506,7 @@ class GovInfobar {
|
|
|
9443
9506
|
this.govClose = createEvent(this, "gov-close", 7);
|
|
9444
9507
|
this.headline = undefined;
|
|
9445
9508
|
this.variant = 'primary';
|
|
9509
|
+
this.role = undefined;
|
|
9446
9510
|
this.inverse = false;
|
|
9447
9511
|
this.wcagCloseLabel = 'Zavřít informační lištu';
|
|
9448
9512
|
this.wcagToggleLabel = 'Zobrazit více informací';
|
|
@@ -9470,7 +9534,7 @@ class GovInfobar {
|
|
|
9470
9534
|
variant = 'secondary';
|
|
9471
9535
|
}
|
|
9472
9536
|
const closeButton = (hAsync("div", { class: InfobarClass.close }, hAsync("gov-button", { size: "s", wcagLabel: this.wcagCloseLabel, type: "base", variant: variant, inverse: inverse, "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { name: "x-lg" }))));
|
|
9473
|
-
return (hAsync(Host, { class: this.h.classes(InfobarClass.root), variant: this.variant }, hAsync("section", { class: InfobarClass.section, role:
|
|
9537
|
+
return (hAsync(Host, { class: this.h.classes(InfobarClass.root), variant: this.variant }, hAsync("section", { class: InfobarClass.section, role: this.role }, this.h.hasSlot('icon') && (hAsync("div", { class: InfobarClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: InfobarClass.content + (this.closable ? ' ' + InfobarClass.closable : '') }, this.headline ? (hAsync(Fragment, null, hAsync("div", { class: InfobarClass.headline }, hAsync("p", null, this.headline), hAsync("gov-button", { size: "s", wcagLabel: this.wcagToggleLabel, type: "base", variant: variant, inverse: inverse, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, hAsync("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down' }))), hAsync("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, hAsync("slot", null)))) : (hAsync("slot", null)))), this.closable && closeButton));
|
|
9474
9538
|
}
|
|
9475
9539
|
onCloseHandler(e) {
|
|
9476
9540
|
this.govClose.emit({
|
|
@@ -9501,6 +9565,7 @@ class GovInfobar {
|
|
|
9501
9565
|
"$members$": {
|
|
9502
9566
|
"headline": [1],
|
|
9503
9567
|
"variant": [1],
|
|
9568
|
+
"role": [1],
|
|
9504
9569
|
"inverse": [4],
|
|
9505
9570
|
"wcagCloseLabel": [1, "wcag-close-label"],
|
|
9506
9571
|
"wcagToggleLabel": [1, "wcag-toggle-label"],
|
|
@@ -9701,6 +9766,9 @@ class GovModal {
|
|
|
9701
9766
|
}
|
|
9702
9767
|
watchOpen(newValue) {
|
|
9703
9768
|
this.open = newValue;
|
|
9769
|
+
if (newValue && this.closeCtaRef) {
|
|
9770
|
+
this.closeCtaRef.setFocus().catch();
|
|
9771
|
+
}
|
|
9704
9772
|
}
|
|
9705
9773
|
showModal() {
|
|
9706
9774
|
this.open = true;
|
|
@@ -9726,7 +9794,7 @@ class GovModal {
|
|
|
9726
9794
|
}
|
|
9727
9795
|
render() {
|
|
9728
9796
|
const LabelTag = this.labelTag;
|
|
9729
|
-
return (hAsync(Host, { class: this.h.classes(ModalClass.root), open: this.open }, hAsync("dialog", { class: ModalClass.dialog, hidden: !this.open, tabindex:
|
|
9797
|
+
return (hAsync(Host, { class: this.h.classes(ModalClass.root), open: this.open }, hAsync("dialog", { class: ModalClass.dialog, hidden: !this.open, tabindex: boolToFocusValue(this.open), open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.wcagLabelledBy || this.labelId, "aria-describedby": this.wcagDescribedBy || this.contentId, role: this.role }, hAsync("div", { class: ModalClass.inner }, hAsync("div", { class: ModalClass.header }, this.h.hasSlot('icon') && (hAsync("div", { class: ModalClass.icon }, hAsync("slot", { name: "icon" }))), this.label && (hAsync(LabelTag, { class: ModalClass.title, id: this.labelId }, this.label)), hAsync("gov-button", { ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: ModalClass.close, variant: "primary", wcagLabel: this.wcagCloseLabel, wcagLabelledBy: this.wcagCloseLabelledBy, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { name: "x-lg" }))), hAsync("div", { class: ModalClass.content, id: this.contentId }, hAsync("slot", null)), this.h.hasSlot('footer') && (hAsync("div", { class: ModalClass.footer }, hAsync("slot", { name: "footer" }))))), this.open ? (hAsync("gov-backdrop", { "wcag-label": this.wcagCloseLabel, "wcag-labelled-by": this.wcagCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
|
|
9730
9798
|
}
|
|
9731
9799
|
onCloseHandler(e) {
|
|
9732
9800
|
e.stopPropagation();
|
|
@@ -9941,13 +10009,6 @@ function paginate(totalItems, currentPage = 1, pageSize = 10, maxPages = 10) {
|
|
|
9941
10009
|
};
|
|
9942
10010
|
}
|
|
9943
10011
|
|
|
9944
|
-
const createArrayRange = (from, to) => {
|
|
9945
|
-
if (Number.isInteger(from) && Number.isInteger(to)) {
|
|
9946
|
-
return [...Array(to + 1).keys()].slice(from);
|
|
9947
|
-
}
|
|
9948
|
-
return [];
|
|
9949
|
-
};
|
|
9950
|
-
|
|
9951
10012
|
const govPaginationCss = ".gov-pagination__list{margin:0;padding:0}.gov-pagination__list .gov-pagination__item{margin:0;padding:0;background:none}.gov-pagination__list .gov-pagination__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-pagination{position:relative;display:block;width:100%}.gov-pagination__list{display:flex;align-items:center;flex-wrap:wrap;font-weight:bold;text-align:center}.gov-pagination__list .gov-pagination__item{display:flex;justify-content:center;align-items:center;margin:0;padding:0.125rem;border-radius:var(--gov-border-radius, 0.1875rem);overflow:hidden}.gov-pagination__list .gov-pagination__item--arrow{display:flex}.gov-pagination__list .gov-pagination__item--select{z-index:1;display:flex;overflow:visible;padding:0rem 1rem}.gov-pagination__arrow{margin:0}.gov-pagination__item--more .gov-form-select select{border:none !important;padding-right:0.75rem !important}.gov-pagination__item--more .gov-form-select .gov-icon{display:none}.gov-pagination__inner{display:flex;justify-content:center;align-items:center;align-self:stretch;width:100%;text-decoration:none}.gov-pagination__inner[wcag-current=true][type=solid][variant=primary] .element{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))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=primary] .element{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))}.gov-pagination__inner[wcag-current=true][type=base][variant=primary] .element{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))}.gov-pagination__inner[wcag-current=true][type=link][variant=primary] .element{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}.gov-pagination__inner[wcag-current=true][type=solid][variant=secondary] .element{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))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=secondary] .element{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))}.gov-pagination__inner[wcag-current=true][type=base][variant=secondary] .element{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))}.gov-pagination__inner[wcag-current=true][type=link][variant=secondary] .element{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}.gov-pagination__inner[wcag-current=true][type=solid][variant=error] .element{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))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=error] .element{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))}.gov-pagination__inner[wcag-current=true][type=base][variant=error] .element{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))}.gov-pagination__inner[wcag-current=true][type=link][variant=error] .element{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}.gov-pagination__inner[wcag-current=true][type=solid][variant=success] .element{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))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=success] .element{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))}.gov-pagination__inner[wcag-current=true][type=base][variant=success] .element{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))}.gov-pagination__inner[wcag-current=true][type=link][variant=success] .element{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}.gov-pagination__inner[wcag-current=true][type=solid][variant=warning] .element{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))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=warning] .element{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))}.gov-pagination__inner[wcag-current=true][type=base][variant=warning] .element{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))}.gov-pagination__inner[wcag-current=true][type=link][variant=warning] .element{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}.gov-pagination[size=s] .gov-pagination__inner{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);font-weight:inherit}.gov-pagination[size=s] .gov-pagination__inner .element{min-width:var(--gov-pagination-s-button-size, 2rem)}.gov-pagination[size=m] .gov-pagination__inner{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);font-weight:inherit}.gov-pagination[size=m] .gov-pagination__inner .element{min-width:var(--gov-pagination-m-button-size, 2.5rem)}";
|
|
9952
10013
|
|
|
9953
10014
|
class GovPagination {
|
|
@@ -9967,6 +10028,10 @@ class GovPagination {
|
|
|
9967
10028
|
this.wcagLabelledBy = undefined;
|
|
9968
10029
|
this.wcagSelectLabel = "Vybrat stranu";
|
|
9969
10030
|
this.wcagPageLabel = "Strana";
|
|
10031
|
+
this.labelPrev = 'Přejít o stranu zpět';
|
|
10032
|
+
this.labelStart = 'Přejít na začátek';
|
|
10033
|
+
this.labelNext = 'Přejít na další stranu';
|
|
10034
|
+
this.labelEnd = 'Přejít na konec';
|
|
9970
10035
|
this.pagination = undefined;
|
|
9971
10036
|
this.h = govHost(this.host);
|
|
9972
10037
|
this.pageSelectId = createID("GovPageSelect");
|
|
@@ -10020,12 +10085,12 @@ class GovPagination {
|
|
|
10020
10085
|
}
|
|
10021
10086
|
}
|
|
10022
10087
|
render() {
|
|
10023
|
-
const pageResolver = (page, content) => {
|
|
10088
|
+
const pageResolver = (page, content, description) => {
|
|
10024
10089
|
const isDisabled = page === -1;
|
|
10025
10090
|
const ariaCurrent = toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined);
|
|
10026
|
-
return (hAsync("gov-button", { href: this.prepareLinkUrl(page), variant: this.variant, size: this.size, type: "base", disabled: isDisabled, "on-gov-click": (e) => this.onClickHandler(e, page), "wcag-label": page > -1 ? this.wcagPageLabel + " " + page : undefined, "wcag-current": ariaCurrent, class: PaginationClass.inner }, content));
|
|
10091
|
+
return (hAsync("gov-button", { href: this.prepareLinkUrl(page), variant: this.variant, size: this.size, type: "base", disabled: isDisabled, "on-gov-click": (e) => this.onClickHandler(e, page), "wcag-label": description ? description : page > -1 ? this.wcagPageLabel + " " + page : undefined, "wcag-current": ariaCurrent, class: PaginationClass.inner }, content));
|
|
10027
10092
|
};
|
|
10028
|
-
return (hAsync(Host, { class: this.h.classes(PaginationClass.root), type: this.type, variant: this.variant, size: this.size }, hAsync("nav", { "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy }, hAsync("ul", { class: PaginationClass.list }, hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.currentPage > 1 ? 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-double-left" }))), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-left" }))), this.type == "select" ? (hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemSelect]) }, hAsync("span", { class: PaginationClass.inner }, hAsync("span", { id: this.pageSelectId, hidden: true }, this.wcagSelectLabel), hAsync("gov-form-select", { size:
|
|
10093
|
+
return (hAsync(Host, { class: this.h.classes(PaginationClass.root), type: this.type, variant: this.variant, size: this.size }, hAsync("nav", { "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy }, hAsync("ul", { class: PaginationClass.list }, hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.currentPage > 1 ? 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-double-left" }), this.labelStart)), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-left" }), this.labelPrev)), this.type == "select" ? (hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemSelect]) }, hAsync("span", { class: PaginationClass.inner }, hAsync("span", { id: this.pageSelectId, hidden: true }, this.wcagSelectLabel), hAsync("gov-form-select", { size: this.size, variant: this.variant, "wcag-labelled-by": this.pageSelectId, "on-gov-change": this.onSelectHandler.bind(this) }, createArrayRange(1, this.pagination.totalPages).map(page => (hAsync("option", { value: page, selected: this.pagination.currentPage === page }, page))))))) : (hAsync(Fragment, null, this.pagination.pages.map(page => (hAsync("li", { class: this.isActivePageClass(PaginationClass.item, page) }, pageResolver(page, page, '')))), this.pagination.totalPages ? (hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemMore]) }, hAsync("span", { class: PaginationClass.inner }, hAsync("span", { id: this.pageSelectId, hidden: true }, this.wcagSelectLabel), hAsync("gov-form-select", { size: this.size, variant: this.variant, "wcag-labelled-by": this.pageSelectId, ref: el => (this.spreadSelectRef = el), "on-gov-change": this.onSelectHandler.bind(this) }, hAsync("option", { selected: true, hidden: true }, "..."), createArrayRange(1, this.pagination.totalPages).map(page => (hAsync("option", { value: page, selected: false }, page))))))) : null)), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-right" }), this.labelNext)), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-double-right" }), this.labelEnd))))));
|
|
10029
10094
|
}
|
|
10030
10095
|
onClickHandler(e, page) {
|
|
10031
10096
|
e.stopPropagation();
|
|
@@ -10088,6 +10153,10 @@ class GovPagination {
|
|
|
10088
10153
|
"wcagLabelledBy": [1, "wcag-labelled-by"],
|
|
10089
10154
|
"wcagSelectLabel": [1, "wcag-select-label"],
|
|
10090
10155
|
"wcagPageLabel": [1, "wcag-page-label"],
|
|
10156
|
+
"labelPrev": [1, "label-prev"],
|
|
10157
|
+
"labelStart": [1, "label-start"],
|
|
10158
|
+
"labelNext": [1, "label-next"],
|
|
10159
|
+
"labelEnd": [1, "label-end"],
|
|
10091
10160
|
"pagination": [32],
|
|
10092
10161
|
"validateWcag": [64]
|
|
10093
10162
|
},
|
|
@@ -10125,6 +10194,9 @@ class GovPrompt {
|
|
|
10125
10194
|
}
|
|
10126
10195
|
watchOpen(newValue) {
|
|
10127
10196
|
this.open = newValue;
|
|
10197
|
+
if (newValue && this.closeCtaRef) {
|
|
10198
|
+
this.closeCtaRef.setFocus().catch();
|
|
10199
|
+
}
|
|
10128
10200
|
}
|
|
10129
10201
|
showModal() {
|
|
10130
10202
|
this.open = true;
|
|
@@ -10150,7 +10222,7 @@ class GovPrompt {
|
|
|
10150
10222
|
}
|
|
10151
10223
|
render() {
|
|
10152
10224
|
const LabelTag = this.labelTag;
|
|
10153
|
-
return (hAsync(Host, { class: this.h.classes(ModalClass.rootPrompt), open: this.open }, hAsync("dialog", { class: ModalClass.dialog, hidden: !this.open, tabindex: "-1", open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.wcagLabelledBy || this.labelId, "aria-describedby": this.wcagDescribedBy || this.contentId, role: this.role }, hAsync("div", { class: ModalClass.inner }, hAsync("div", { class: ModalClass.header }, this.h.hasSlot('icon') && (hAsync("div", { class: ModalClass.icon }, hAsync("slot", { name: "icon" }))), this.label && (hAsync(LabelTag, { class: ModalClass.title, id: this.labelId }, this.label)), hAsync("gov-button", { class: ModalClass.close, variant: "primary", wcagLabel: this.wcagCloseLabel, wcagLabelledBy: this.wcagCloseLabelledBy, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { name: "x-lg" }))), hAsync("div", { class: ModalClass.content, id: this.contentId }, hAsync("slot", null)), hAsync("div", { class: ModalClass.actions }, hAsync("slot", { name: "actions" })))), this.open ? (hAsync("gov-backdrop", { "wcag-label": this.wcagCloseLabel, "wcag-labelled-by": this.wcagCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
|
|
10225
|
+
return (hAsync(Host, { class: this.h.classes(ModalClass.rootPrompt), open: this.open }, hAsync("dialog", { class: ModalClass.dialog, hidden: !this.open, tabindex: "-1", open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.wcagLabelledBy || this.labelId, "aria-describedby": this.wcagDescribedBy || this.contentId, role: this.role }, hAsync("div", { class: ModalClass.inner }, hAsync("div", { class: ModalClass.header }, this.h.hasSlot('icon') && (hAsync("div", { class: ModalClass.icon }, hAsync("slot", { name: "icon" }))), this.label && (hAsync(LabelTag, { class: ModalClass.title, id: this.labelId }, this.label)), hAsync("gov-button", { class: ModalClass.close, variant: "primary", wcagLabel: this.wcagCloseLabel, wcagLabelledBy: this.wcagCloseLabelledBy, type: "base", ref: el => (this.closeCtaRef = el), "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { name: "x-lg" }))), hAsync("div", { class: ModalClass.content, id: this.contentId }, hAsync("slot", null)), hAsync("div", { class: ModalClass.actions }, hAsync("slot", { name: "actions" })))), this.open ? (hAsync("gov-backdrop", { "wcag-label": this.wcagCloseLabel, "wcag-labelled-by": this.wcagCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
|
|
10154
10226
|
}
|
|
10155
10227
|
onCloseHandler(e) {
|
|
10156
10228
|
e.stopPropagation();
|
|
@@ -11062,7 +11134,7 @@ const TagClass = {
|
|
|
11062
11134
|
root: 'gov-tag',
|
|
11063
11135
|
};
|
|
11064
11136
|
|
|
11065
|
-
const govTagCss = ".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-tag .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-tag .element:focus{outline:none}.gov-tag .element .gov-icon{flex:0 0 auto;color:inherit}.gov-tag .element>*{display:flex}[hoverable].gov-tag .element{cursor:pointer}[hoverable].gov-tag .element:focus{outline:none}[hoverable].gov-tag .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-tag .element:focus-visible,[hoverable][type=base].gov-tag .element:focus-visible{outline-offset:0}[hoverable][disabled=\"\"].gov-tag,[hoverable][disabled=true i].gov-tag,[hoverable][disabled=\"1\"].gov-tag{cursor:not-allowed}[hoverable][disabled=\"\"].gov-tag .element,[hoverable][disabled=true i].gov-tag .element,[hoverable][disabled=\"1\"].gov-tag .element{pointer-events:none}[expanded=\"\"].gov-tag,[expanded=true i].gov-tag,[expanded=\"1\"].gov-tag{display:block}[expanded=\"\"].gov-tag .element,[expanded=true i].gov-tag .element,[expanded=\"1\"].gov-tag .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-tag .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))}[type=solid][variant=primary][inverse=\"\"].gov-tag .element,[type=solid][variant=primary][inverse=true i].gov-tag .element,[type=solid][variant=primary][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=primary][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"].gov-tag .element,[type=solid][variant=primary][disabled=true i].gov-tag .element,[type=solid][variant=primary][disabled=\"1\"].gov-tag .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-tag .element,[type=solid][variant=primary][disabled=\"\"][inverse=true i].gov-tag .element,[type=solid][variant=primary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=solid][variant=primary][disabled=true i][inverse=\"\"].gov-tag .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=primary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=solid][variant=primary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-tag .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-tag .element,[type=outlined][variant=primary][inverse=true i].gov-tag .element,[type=outlined][variant=primary][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=primary][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=\"\"].gov-tag .element,[type=outlined][variant=primary][disabled=true i].gov-tag .element,[type=outlined][variant=primary][disabled=\"1\"].gov-tag .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-tag .element,[type=outlined][variant=primary][disabled=\"\"][inverse=true i].gov-tag .element,[type=outlined][variant=primary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=outlined][variant=primary][disabled=true i][inverse=\"\"].gov-tag .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=primary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-tag .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary))}[type=base][variant=primary][inverse=\"\"].gov-tag .element,[type=base][variant=primary][inverse=true i].gov-tag .element,[type=base][variant=primary][inverse=\"1\"].gov-tag .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-tag .element,[type=base][variant=primary][disabled=true i].gov-tag .element,[type=base][variant=primary][disabled=\"1\"].gov-tag .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=base][variant=primary][disabled=\"\"][inverse=true i].gov-tag .element,[type=base][variant=primary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=base][variant=primary][disabled=true i][inverse=\"\"].gov-tag .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=primary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=base][variant=primary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-tag .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-tag .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary))}[type=link][variant=primary][inverse=\"\"].gov-tag .element,[type=link][variant=primary][inverse=true i].gov-tag .element,[type=link][variant=primary][inverse=\"1\"].gov-tag .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-tag .element,[type=link][variant=primary][disabled=true i].gov-tag .element,[type=link][variant=primary][disabled=\"1\"].gov-tag .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=link][variant=primary][disabled=\"\"][inverse=true i].gov-tag .element,[type=link][variant=primary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=link][variant=primary][disabled=true i][inverse=\"\"].gov-tag .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=primary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=link][variant=primary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-tag .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-tag .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))}[type=solid][variant=secondary][inverse=\"\"].gov-tag .element,[type=solid][variant=secondary][inverse=true i].gov-tag .element,[type=solid][variant=secondary][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=secondary][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=\"\"].gov-tag .element,[type=solid][variant=secondary][disabled=true i].gov-tag .element,[type=solid][variant=secondary][disabled=\"1\"].gov-tag .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-tag .element,[type=solid][variant=secondary][disabled=\"\"][inverse=true i].gov-tag .element,[type=solid][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=solid][variant=secondary][disabled=true i][inverse=\"\"].gov-tag .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=secondary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-tag .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-tag .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-tag .element,[type=outlined][variant=secondary][inverse=true i].gov-tag .element,[type=outlined][variant=secondary][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=secondary][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=\"\"].gov-tag .element,[type=outlined][variant=secondary][disabled=true i].gov-tag .element,[type=outlined][variant=secondary][disabled=\"1\"].gov-tag .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-tag .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=true i].gov-tag .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"\"].gov-tag .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-tag .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-tag .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary))}[type=base][variant=secondary][inverse=\"\"].gov-tag .element,[type=base][variant=secondary][inverse=true i].gov-tag .element,[type=base][variant=secondary][inverse=\"1\"].gov-tag .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-tag .element,[type=base][variant=secondary][disabled=true i].gov-tag .element,[type=base][variant=secondary][disabled=\"1\"].gov-tag .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=base][variant=secondary][disabled=\"\"][inverse=true i].gov-tag .element,[type=base][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=base][variant=secondary][disabled=true i][inverse=\"\"].gov-tag .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=secondary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=base][variant=secondary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-tag .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-tag .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary))}[type=link][variant=secondary][inverse=\"\"].gov-tag .element,[type=link][variant=secondary][inverse=true i].gov-tag .element,[type=link][variant=secondary][inverse=\"1\"].gov-tag .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-tag .element,[type=link][variant=secondary][disabled=true i].gov-tag .element,[type=link][variant=secondary][disabled=\"1\"].gov-tag .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=link][variant=secondary][disabled=\"\"][inverse=true i].gov-tag .element,[type=link][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=link][variant=secondary][disabled=true i][inverse=\"\"].gov-tag .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=secondary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=link][variant=secondary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-tag .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-tag .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))}[type=solid][variant=error][inverse=\"\"].gov-tag .element,[type=solid][variant=error][inverse=true i].gov-tag .element,[type=solid][variant=error][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=error][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"].gov-tag .element,[type=solid][variant=error][disabled=true i].gov-tag .element,[type=solid][variant=error][disabled=\"1\"].gov-tag .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-tag .element,[type=solid][variant=error][disabled=\"\"][inverse=true i].gov-tag .element,[type=solid][variant=error][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=solid][variant=error][disabled=true i][inverse=\"\"].gov-tag .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=error][disabled=true i][inverse=\"1\"].gov-tag .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=solid][variant=error][disabled=\"1\"][inverse=true i].gov-tag .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-600))}}[type=outlined][variant=error].gov-tag .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-tag .element,[type=outlined][variant=error][inverse=true i].gov-tag .element,[type=outlined][variant=error][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=error][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=\"\"].gov-tag .element,[type=outlined][variant=error][disabled=true i].gov-tag .element,[type=outlined][variant=error][disabled=\"1\"].gov-tag .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-tag .element,[type=outlined][variant=error][disabled=\"\"][inverse=true i].gov-tag .element,[type=outlined][variant=error][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=outlined][variant=error][disabled=true i][inverse=\"\"].gov-tag .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=error][disabled=true i][inverse=\"1\"].gov-tag .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=error][disabled=\"1\"][inverse=true i].gov-tag .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-tag .element{color:var(--gov-button-error-base-color, var(--gov-color-error))}[type=base][variant=error][inverse=\"\"].gov-tag .element,[type=base][variant=error][inverse=true i].gov-tag .element,[type=base][variant=error][inverse=\"1\"].gov-tag .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-tag .element,[type=base][variant=error][disabled=true i].gov-tag .element,[type=base][variant=error][disabled=\"1\"].gov-tag .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=base][variant=error][disabled=\"\"][inverse=true i].gov-tag .element,[type=base][variant=error][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=base][variant=error][disabled=true i][inverse=\"\"].gov-tag .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=error][disabled=true i][inverse=\"1\"].gov-tag .element,[type=base][variant=error][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=base][variant=error][disabled=\"1\"][inverse=true i].gov-tag .element,[type=base][variant=error][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=error][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=error][hoverable][inverse=\"1\"].gov-tag .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-tag .element{color:var(--gov-button-error-link-color, var(--gov-color-error))}[type=link][variant=error][inverse=\"\"].gov-tag .element,[type=link][variant=error][inverse=true i].gov-tag .element,[type=link][variant=error][inverse=\"1\"].gov-tag .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-tag .element,[type=link][variant=error][disabled=true i].gov-tag .element,[type=link][variant=error][disabled=\"1\"].gov-tag .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=link][variant=error][disabled=\"\"][inverse=true i].gov-tag .element,[type=link][variant=error][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=link][variant=error][disabled=true i][inverse=\"\"].gov-tag .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=error][disabled=true i][inverse=\"1\"].gov-tag .element,[type=link][variant=error][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=link][variant=error][disabled=\"1\"][inverse=true i].gov-tag .element,[type=link][variant=error][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=error][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=error][hoverable][inverse=\"1\"].gov-tag .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-tag .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))}[type=solid][variant=success][inverse=\"\"].gov-tag .element,[type=solid][variant=success][inverse=true i].gov-tag .element,[type=solid][variant=success][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=success][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"].gov-tag .element,[type=solid][variant=success][disabled=true i].gov-tag .element,[type=solid][variant=success][disabled=\"1\"].gov-tag .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-tag .element,[type=solid][variant=success][disabled=\"\"][inverse=true i].gov-tag .element,[type=solid][variant=success][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=solid][variant=success][disabled=true i][inverse=\"\"].gov-tag .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=success][disabled=true i][inverse=\"1\"].gov-tag .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=solid][variant=success][disabled=\"1\"][inverse=true i].gov-tag .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-tag .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-tag .element,[type=outlined][variant=success][inverse=true i].gov-tag .element,[type=outlined][variant=success][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=success][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=\"\"].gov-tag .element,[type=outlined][variant=success][disabled=true i].gov-tag .element,[type=outlined][variant=success][disabled=\"1\"].gov-tag .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-tag .element,[type=outlined][variant=success][disabled=\"\"][inverse=true i].gov-tag .element,[type=outlined][variant=success][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=outlined][variant=success][disabled=true i][inverse=\"\"].gov-tag .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=success][disabled=true i][inverse=\"1\"].gov-tag .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=success][disabled=\"1\"][inverse=true i].gov-tag .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-tag .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500))}[type=base][variant=success][inverse=\"\"].gov-tag .element,[type=base][variant=success][inverse=true i].gov-tag .element,[type=base][variant=success][inverse=\"1\"].gov-tag .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-tag .element,[type=base][variant=success][disabled=true i].gov-tag .element,[type=base][variant=success][disabled=\"1\"].gov-tag .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=base][variant=success][disabled=\"\"][inverse=true i].gov-tag .element,[type=base][variant=success][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=base][variant=success][disabled=true i][inverse=\"\"].gov-tag .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=success][disabled=true i][inverse=\"1\"].gov-tag .element,[type=base][variant=success][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=base][variant=success][disabled=\"1\"][inverse=true i].gov-tag .element,[type=base][variant=success][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=success][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=success][hoverable][inverse=\"1\"].gov-tag .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-tag .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500))}[type=link][variant=success][inverse=\"\"].gov-tag .element,[type=link][variant=success][inverse=true i].gov-tag .element,[type=link][variant=success][inverse=\"1\"].gov-tag .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-tag .element,[type=link][variant=success][disabled=true i].gov-tag .element,[type=link][variant=success][disabled=\"1\"].gov-tag .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=link][variant=success][disabled=\"\"][inverse=true i].gov-tag .element,[type=link][variant=success][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=link][variant=success][disabled=true i][inverse=\"\"].gov-tag .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=success][disabled=true i][inverse=\"1\"].gov-tag .element,[type=link][variant=success][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=link][variant=success][disabled=\"1\"][inverse=true i].gov-tag .element,[type=link][variant=success][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=success][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=success][hoverable][inverse=\"1\"].gov-tag .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-tag .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))}[type=solid][variant=warning][inverse=\"\"].gov-tag .element,[type=solid][variant=warning][inverse=true i].gov-tag .element,[type=solid][variant=warning][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=warning][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"].gov-tag .element,[type=solid][variant=warning][disabled=true i].gov-tag .element,[type=solid][variant=warning][disabled=\"1\"].gov-tag .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-tag .element,[type=solid][variant=warning][disabled=\"\"][inverse=true i].gov-tag .element,[type=solid][variant=warning][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=solid][variant=warning][disabled=true i][inverse=\"\"].gov-tag .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=warning][disabled=true i][inverse=\"1\"].gov-tag .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=solid][variant=warning][disabled=\"1\"][inverse=true i].gov-tag .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-tag .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-tag .element,[type=outlined][variant=warning][inverse=true i].gov-tag .element,[type=outlined][variant=warning][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=warning][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=\"\"].gov-tag .element,[type=outlined][variant=warning][disabled=true i].gov-tag .element,[type=outlined][variant=warning][disabled=\"1\"].gov-tag .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-tag .element,[type=outlined][variant=warning][disabled=\"\"][inverse=true i].gov-tag .element,[type=outlined][variant=warning][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=outlined][variant=warning][disabled=true i][inverse=\"\"].gov-tag .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=warning][disabled=true i][inverse=\"1\"].gov-tag .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=true i].gov-tag .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-tag .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500))}[type=base][variant=warning][inverse=\"\"].gov-tag .element,[type=base][variant=warning][inverse=true i].gov-tag .element,[type=base][variant=warning][inverse=\"1\"].gov-tag .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-tag .element,[type=base][variant=warning][disabled=true i].gov-tag .element,[type=base][variant=warning][disabled=\"1\"].gov-tag .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=base][variant=warning][disabled=\"\"][inverse=true i].gov-tag .element,[type=base][variant=warning][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=base][variant=warning][disabled=true i][inverse=\"\"].gov-tag .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=warning][disabled=true i][inverse=\"1\"].gov-tag .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=base][variant=warning][disabled=\"1\"][inverse=true i].gov-tag .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-tag .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-tag .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500))}[type=link][variant=warning][inverse=\"\"].gov-tag .element,[type=link][variant=warning][inverse=true i].gov-tag .element,[type=link][variant=warning][inverse=\"1\"].gov-tag .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-tag .element,[type=link][variant=warning][disabled=true i].gov-tag .element,[type=link][variant=warning][disabled=\"1\"].gov-tag .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=link][variant=warning][disabled=\"\"][inverse=true i].gov-tag .element,[type=link][variant=warning][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=link][variant=warning][disabled=true i][inverse=\"\"].gov-tag .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=warning][disabled=true i][inverse=\"1\"].gov-tag .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=link][variant=warning][disabled=\"1\"][inverse=true i].gov-tag .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-tag .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-tag .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-tag .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-tag .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-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-tag .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-tag .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-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-tag .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-tag .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-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-tag .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-tag .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-tag .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-tag{display:inline-flex}.gov-tag a .gov-icon{margin:0}.gov-tag .element{padding:0.25rem 0.5rem;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;letter-spacing:initial}.gov-tag .gov-button .element{border:none}.gov-tag[size=xs] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=xs][hoverable] .element:focus{outline:none}.gov-tag[size=xs][hoverable] .element:focus-visible{border-radius:var(--gov-tag-radius, 0.25rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-tag[size=s] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=s][hoverable] .element:focus{outline:none}.gov-tag[size=s][hoverable] .element:focus-visible{border-radius:var(--gov-tag-radius, 0.25rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-tag[size=m] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=m][hoverable] .element:focus{outline:none}.gov-tag[size=m][hoverable] .element:focus-visible{border-radius:var(--gov-tag-radius, 0.25rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-tag[size=l] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=l][hoverable] .element:focus{outline:none}.gov-tag[size=l][hoverable] .element:focus-visible{border-radius:var(--gov-tag-radius, 0.25rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-tag[size=xl] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=xl][hoverable] .element:focus{outline:none}.gov-tag[size=xl][hoverable] .element:focus-visible{border-radius:var(--gov-tag-radius, 0.25rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-tag[type=solid][variant=warning] .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-black))}.gov-tag[variant=primary][inverse=\"\"] .element,.gov-tag[variant=primary][inverse=\"\"] .element .element,.gov-tag[variant=primary][inverse=true i] .element,.gov-tag[variant=primary][inverse=true i] .element .element,.gov-tag[variant=primary][inverse=\"1\"] .element,.gov-tag[variant=primary][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-primary-border-color, var(--gov-color-primary-200));background-color:var(--gov-chip-inverse-primary-bg, var(--gov-color-primary-100));color:var(--gov-chip-inverse-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-tag[variant=primary][inverse=\"\"] .element:hover,.gov-tag[variant=primary][inverse=\"\"] .element .element:hover,.gov-tag[variant=primary][inverse=true i] .element:hover,.gov-tag[variant=primary][inverse=true i] .element .element:hover,.gov-tag[variant=primary][inverse=\"1\"] .element:hover,.gov-tag[variant=primary][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-primary-border-color-hover, var(--gov-color-primary-200))}}.gov-tag[variant=secondary][inverse=\"\"] .element,.gov-tag[variant=secondary][inverse=\"\"] .element .element,.gov-tag[variant=secondary][inverse=true i] .element,.gov-tag[variant=secondary][inverse=true i] .element .element,.gov-tag[variant=secondary][inverse=\"1\"] .element,.gov-tag[variant=secondary][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-secondary-border-color, var(--gov-color-secondary-400));background-color:var(--gov-chip-inverse-secondary-bg, var(--gov-color-secondary-200));color:var(--gov-chip-inverse-secondary-color, var(--gov-color-secondary-900))}@media not all and (pointer: coarse){.gov-tag[variant=secondary][inverse=\"\"] .element:hover,.gov-tag[variant=secondary][inverse=\"\"] .element .element:hover,.gov-tag[variant=secondary][inverse=true i] .element:hover,.gov-tag[variant=secondary][inverse=true i] .element .element:hover,.gov-tag[variant=secondary][inverse=\"1\"] .element:hover,.gov-tag[variant=secondary][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-secondary-border-color-hover, var(--gov-color-secondary-400))}}.gov-tag[variant=success][inverse=\"\"] .element,.gov-tag[variant=success][inverse=\"\"] .element .element,.gov-tag[variant=success][inverse=true i] .element,.gov-tag[variant=success][inverse=true i] .element .element,.gov-tag[variant=success][inverse=\"1\"] .element,.gov-tag[variant=success][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-success-border-color, var(--gov-color-success-200));background-color:var(--gov-chip-inverse-success-bg, var(--gov-color-success-100));color:var(--gov-chip-inverse-success-color, var(--gov-color-success-600))}@media not all and (pointer: coarse){.gov-tag[variant=success][inverse=\"\"] .element:hover,.gov-tag[variant=success][inverse=\"\"] .element .element:hover,.gov-tag[variant=success][inverse=true i] .element:hover,.gov-tag[variant=success][inverse=true i] .element .element:hover,.gov-tag[variant=success][inverse=\"1\"] .element:hover,.gov-tag[variant=success][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-success-border-color-hover, var(--gov-color-success-200))}}.gov-tag[variant=warning][inverse=\"\"] .element,.gov-tag[variant=warning][inverse=\"\"] .element .element,.gov-tag[variant=warning][inverse=true i] .element,.gov-tag[variant=warning][inverse=true i] .element .element,.gov-tag[variant=warning][inverse=\"1\"] .element,.gov-tag[variant=warning][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-warning-border-color, var(--gov-color-warning-200));background-color:var(--gov-chip-inverse-warning-bg, var(--gov-color-warning-100));color:var(--gov-chip-inverse-warning-color, var(--gov-color-warning-600))}@media not all and (pointer: coarse){.gov-tag[variant=warning][inverse=\"\"] .element:hover,.gov-tag[variant=warning][inverse=\"\"] .element .element:hover,.gov-tag[variant=warning][inverse=true i] .element:hover,.gov-tag[variant=warning][inverse=true i] .element .element:hover,.gov-tag[variant=warning][inverse=\"1\"] .element:hover,.gov-tag[variant=warning][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-warning-border-color-hover, var(--gov-color-warning-200))}}.gov-tag[variant=error][inverse=\"\"] .element,.gov-tag[variant=error][inverse=\"\"] .element .element,.gov-tag[variant=error][inverse=true i] .element,.gov-tag[variant=error][inverse=true i] .element .element,.gov-tag[variant=error][inverse=\"1\"] .element,.gov-tag[variant=error][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-error-border-color, var(--gov-color-error-200));background-color:var(--gov-chip-inverse-error-bg, var(--gov-color-error-100));color:var(--gov-chip-inverse-error-color, var(--gov-color-error-500))}@media not all and (pointer: coarse){.gov-tag[variant=error][inverse=\"\"] .element:hover,.gov-tag[variant=error][inverse=\"\"] .element .element:hover,.gov-tag[variant=error][inverse=true i] .element:hover,.gov-tag[variant=error][inverse=true i] .element .element:hover,.gov-tag[variant=error][inverse=\"1\"] .element:hover,.gov-tag[variant=error][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-error-border-color-hover, var(--gov-color-error-200))}}";
|
|
11137
|
+
const govTagCss = ".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-tag .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-tag .element:focus{outline:none}.gov-tag .element .gov-icon{flex:0 0 auto;color:inherit}.gov-tag .element>*{display:flex}[hoverable].gov-tag .element{cursor:pointer}[hoverable].gov-tag .element:focus{outline:none}[hoverable].gov-tag .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-tag .element:focus-visible,[hoverable][type=base].gov-tag .element:focus-visible{outline-offset:0}[hoverable][disabled=\"\"].gov-tag,[hoverable][disabled=true i].gov-tag,[hoverable][disabled=\"1\"].gov-tag{cursor:not-allowed}[hoverable][disabled=\"\"].gov-tag .element,[hoverable][disabled=true i].gov-tag .element,[hoverable][disabled=\"1\"].gov-tag .element{pointer-events:none}[expanded=\"\"].gov-tag,[expanded=true i].gov-tag,[expanded=\"1\"].gov-tag{display:block}[expanded=\"\"].gov-tag .element,[expanded=true i].gov-tag .element,[expanded=\"1\"].gov-tag .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-tag .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))}[type=solid][variant=primary][inverse=\"\"].gov-tag .element,[type=solid][variant=primary][inverse=true i].gov-tag .element,[type=solid][variant=primary][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=primary][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"].gov-tag .element,[type=solid][variant=primary][disabled=true i].gov-tag .element,[type=solid][variant=primary][disabled=\"1\"].gov-tag .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-tag .element,[type=solid][variant=primary][disabled=\"\"][inverse=true i].gov-tag .element,[type=solid][variant=primary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=solid][variant=primary][disabled=true i][inverse=\"\"].gov-tag .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=primary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=solid][variant=primary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-tag .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-tag .element,[type=outlined][variant=primary][inverse=true i].gov-tag .element,[type=outlined][variant=primary][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=primary][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=\"\"].gov-tag .element,[type=outlined][variant=primary][disabled=true i].gov-tag .element,[type=outlined][variant=primary][disabled=\"1\"].gov-tag .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-tag .element,[type=outlined][variant=primary][disabled=\"\"][inverse=true i].gov-tag .element,[type=outlined][variant=primary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=outlined][variant=primary][disabled=true i][inverse=\"\"].gov-tag .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=primary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-tag .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary))}[type=base][variant=primary][inverse=\"\"].gov-tag .element,[type=base][variant=primary][inverse=true i].gov-tag .element,[type=base][variant=primary][inverse=\"1\"].gov-tag .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-tag .element,[type=base][variant=primary][disabled=true i].gov-tag .element,[type=base][variant=primary][disabled=\"1\"].gov-tag .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=base][variant=primary][disabled=\"\"][inverse=true i].gov-tag .element,[type=base][variant=primary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=base][variant=primary][disabled=true i][inverse=\"\"].gov-tag .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=primary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=base][variant=primary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-tag .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-tag .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary))}[type=link][variant=primary][inverse=\"\"].gov-tag .element,[type=link][variant=primary][inverse=true i].gov-tag .element,[type=link][variant=primary][inverse=\"1\"].gov-tag .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-tag .element,[type=link][variant=primary][disabled=true i].gov-tag .element,[type=link][variant=primary][disabled=\"1\"].gov-tag .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=link][variant=primary][disabled=\"\"][inverse=true i].gov-tag .element,[type=link][variant=primary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=link][variant=primary][disabled=true i][inverse=\"\"].gov-tag .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=primary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=link][variant=primary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-tag .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-tag .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))}[type=solid][variant=secondary][inverse=\"\"].gov-tag .element,[type=solid][variant=secondary][inverse=true i].gov-tag .element,[type=solid][variant=secondary][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=secondary][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=\"\"].gov-tag .element,[type=solid][variant=secondary][disabled=true i].gov-tag .element,[type=solid][variant=secondary][disabled=\"1\"].gov-tag .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-tag .element,[type=solid][variant=secondary][disabled=\"\"][inverse=true i].gov-tag .element,[type=solid][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=solid][variant=secondary][disabled=true i][inverse=\"\"].gov-tag .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=secondary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-tag .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-tag .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-tag .element,[type=outlined][variant=secondary][inverse=true i].gov-tag .element,[type=outlined][variant=secondary][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=secondary][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=\"\"].gov-tag .element,[type=outlined][variant=secondary][disabled=true i].gov-tag .element,[type=outlined][variant=secondary][disabled=\"1\"].gov-tag .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-tag .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=true i].gov-tag .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"\"].gov-tag .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-tag .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-tag .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary))}[type=base][variant=secondary][inverse=\"\"].gov-tag .element,[type=base][variant=secondary][inverse=true i].gov-tag .element,[type=base][variant=secondary][inverse=\"1\"].gov-tag .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-tag .element,[type=base][variant=secondary][disabled=true i].gov-tag .element,[type=base][variant=secondary][disabled=\"1\"].gov-tag .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=base][variant=secondary][disabled=\"\"][inverse=true i].gov-tag .element,[type=base][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=base][variant=secondary][disabled=true i][inverse=\"\"].gov-tag .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=secondary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=base][variant=secondary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-tag .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-tag .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary))}[type=link][variant=secondary][inverse=\"\"].gov-tag .element,[type=link][variant=secondary][inverse=true i].gov-tag .element,[type=link][variant=secondary][inverse=\"1\"].gov-tag .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-tag .element,[type=link][variant=secondary][disabled=true i].gov-tag .element,[type=link][variant=secondary][disabled=\"1\"].gov-tag .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=link][variant=secondary][disabled=\"\"][inverse=true i].gov-tag .element,[type=link][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=link][variant=secondary][disabled=true i][inverse=\"\"].gov-tag .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=secondary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=link][variant=secondary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-tag .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-tag .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))}[type=solid][variant=error][inverse=\"\"].gov-tag .element,[type=solid][variant=error][inverse=true i].gov-tag .element,[type=solid][variant=error][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=error][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"].gov-tag .element,[type=solid][variant=error][disabled=true i].gov-tag .element,[type=solid][variant=error][disabled=\"1\"].gov-tag .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-tag .element,[type=solid][variant=error][disabled=\"\"][inverse=true i].gov-tag .element,[type=solid][variant=error][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=solid][variant=error][disabled=true i][inverse=\"\"].gov-tag .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=error][disabled=true i][inverse=\"1\"].gov-tag .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=solid][variant=error][disabled=\"1\"][inverse=true i].gov-tag .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-600))}}[type=outlined][variant=error].gov-tag .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-tag .element,[type=outlined][variant=error][inverse=true i].gov-tag .element,[type=outlined][variant=error][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=error][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=\"\"].gov-tag .element,[type=outlined][variant=error][disabled=true i].gov-tag .element,[type=outlined][variant=error][disabled=\"1\"].gov-tag .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-tag .element,[type=outlined][variant=error][disabled=\"\"][inverse=true i].gov-tag .element,[type=outlined][variant=error][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=outlined][variant=error][disabled=true i][inverse=\"\"].gov-tag .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=error][disabled=true i][inverse=\"1\"].gov-tag .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=error][disabled=\"1\"][inverse=true i].gov-tag .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-tag .element{color:var(--gov-button-error-base-color, var(--gov-color-error))}[type=base][variant=error][inverse=\"\"].gov-tag .element,[type=base][variant=error][inverse=true i].gov-tag .element,[type=base][variant=error][inverse=\"1\"].gov-tag .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-tag .element,[type=base][variant=error][disabled=true i].gov-tag .element,[type=base][variant=error][disabled=\"1\"].gov-tag .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=base][variant=error][disabled=\"\"][inverse=true i].gov-tag .element,[type=base][variant=error][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=base][variant=error][disabled=true i][inverse=\"\"].gov-tag .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=error][disabled=true i][inverse=\"1\"].gov-tag .element,[type=base][variant=error][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=base][variant=error][disabled=\"1\"][inverse=true i].gov-tag .element,[type=base][variant=error][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=error][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=error][hoverable][inverse=\"1\"].gov-tag .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-tag .element{color:var(--gov-button-error-link-color, var(--gov-color-error))}[type=link][variant=error][inverse=\"\"].gov-tag .element,[type=link][variant=error][inverse=true i].gov-tag .element,[type=link][variant=error][inverse=\"1\"].gov-tag .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-tag .element,[type=link][variant=error][disabled=true i].gov-tag .element,[type=link][variant=error][disabled=\"1\"].gov-tag .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=link][variant=error][disabled=\"\"][inverse=true i].gov-tag .element,[type=link][variant=error][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=link][variant=error][disabled=true i][inverse=\"\"].gov-tag .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=error][disabled=true i][inverse=\"1\"].gov-tag .element,[type=link][variant=error][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=link][variant=error][disabled=\"1\"][inverse=true i].gov-tag .element,[type=link][variant=error][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=error][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=error][hoverable][inverse=\"1\"].gov-tag .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-tag .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))}[type=solid][variant=success][inverse=\"\"].gov-tag .element,[type=solid][variant=success][inverse=true i].gov-tag .element,[type=solid][variant=success][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=success][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"].gov-tag .element,[type=solid][variant=success][disabled=true i].gov-tag .element,[type=solid][variant=success][disabled=\"1\"].gov-tag .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-tag .element,[type=solid][variant=success][disabled=\"\"][inverse=true i].gov-tag .element,[type=solid][variant=success][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=solid][variant=success][disabled=true i][inverse=\"\"].gov-tag .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=success][disabled=true i][inverse=\"1\"].gov-tag .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=solid][variant=success][disabled=\"1\"][inverse=true i].gov-tag .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-tag .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-tag .element,[type=outlined][variant=success][inverse=true i].gov-tag .element,[type=outlined][variant=success][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=success][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=\"\"].gov-tag .element,[type=outlined][variant=success][disabled=true i].gov-tag .element,[type=outlined][variant=success][disabled=\"1\"].gov-tag .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-tag .element,[type=outlined][variant=success][disabled=\"\"][inverse=true i].gov-tag .element,[type=outlined][variant=success][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=outlined][variant=success][disabled=true i][inverse=\"\"].gov-tag .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=success][disabled=true i][inverse=\"1\"].gov-tag .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=success][disabled=\"1\"][inverse=true i].gov-tag .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-tag .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500))}[type=base][variant=success][inverse=\"\"].gov-tag .element,[type=base][variant=success][inverse=true i].gov-tag .element,[type=base][variant=success][inverse=\"1\"].gov-tag .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-tag .element,[type=base][variant=success][disabled=true i].gov-tag .element,[type=base][variant=success][disabled=\"1\"].gov-tag .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=base][variant=success][disabled=\"\"][inverse=true i].gov-tag .element,[type=base][variant=success][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=base][variant=success][disabled=true i][inverse=\"\"].gov-tag .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=success][disabled=true i][inverse=\"1\"].gov-tag .element,[type=base][variant=success][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=base][variant=success][disabled=\"1\"][inverse=true i].gov-tag .element,[type=base][variant=success][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=success][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=success][hoverable][inverse=\"1\"].gov-tag .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-tag .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500))}[type=link][variant=success][inverse=\"\"].gov-tag .element,[type=link][variant=success][inverse=true i].gov-tag .element,[type=link][variant=success][inverse=\"1\"].gov-tag .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-tag .element,[type=link][variant=success][disabled=true i].gov-tag .element,[type=link][variant=success][disabled=\"1\"].gov-tag .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=link][variant=success][disabled=\"\"][inverse=true i].gov-tag .element,[type=link][variant=success][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=link][variant=success][disabled=true i][inverse=\"\"].gov-tag .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=success][disabled=true i][inverse=\"1\"].gov-tag .element,[type=link][variant=success][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=link][variant=success][disabled=\"1\"][inverse=true i].gov-tag .element,[type=link][variant=success][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=success][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=success][hoverable][inverse=\"1\"].gov-tag .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-tag .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))}[type=solid][variant=warning][inverse=\"\"].gov-tag .element,[type=solid][variant=warning][inverse=true i].gov-tag .element,[type=solid][variant=warning][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=warning][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"].gov-tag .element,[type=solid][variant=warning][disabled=true i].gov-tag .element,[type=solid][variant=warning][disabled=\"1\"].gov-tag .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-tag .element,[type=solid][variant=warning][disabled=\"\"][inverse=true i].gov-tag .element,[type=solid][variant=warning][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=solid][variant=warning][disabled=true i][inverse=\"\"].gov-tag .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=warning][disabled=true i][inverse=\"1\"].gov-tag .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=solid][variant=warning][disabled=\"1\"][inverse=true i].gov-tag .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-tag .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-tag .element,[type=outlined][variant=warning][inverse=true i].gov-tag .element,[type=outlined][variant=warning][inverse=\"1\"].gov-tag .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-tag .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=warning][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=\"\"].gov-tag .element,[type=outlined][variant=warning][disabled=true i].gov-tag .element,[type=outlined][variant=warning][disabled=\"1\"].gov-tag .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-tag .element,[type=outlined][variant=warning][disabled=\"\"][inverse=true i].gov-tag .element,[type=outlined][variant=warning][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=outlined][variant=warning][disabled=true i][inverse=\"\"].gov-tag .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=warning][disabled=true i][inverse=\"1\"].gov-tag .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=true i].gov-tag .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-tag .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500))}[type=base][variant=warning][inverse=\"\"].gov-tag .element,[type=base][variant=warning][inverse=true i].gov-tag .element,[type=base][variant=warning][inverse=\"1\"].gov-tag .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-tag .element,[type=base][variant=warning][disabled=true i].gov-tag .element,[type=base][variant=warning][disabled=\"1\"].gov-tag .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=base][variant=warning][disabled=\"\"][inverse=true i].gov-tag .element,[type=base][variant=warning][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=base][variant=warning][disabled=true i][inverse=\"\"].gov-tag .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=warning][disabled=true i][inverse=\"1\"].gov-tag .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=base][variant=warning][disabled=\"1\"][inverse=true i].gov-tag .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-tag .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-tag .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500))}[type=link][variant=warning][inverse=\"\"].gov-tag .element,[type=link][variant=warning][inverse=true i].gov-tag .element,[type=link][variant=warning][inverse=\"1\"].gov-tag .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-tag .element,[type=link][variant=warning][disabled=true i].gov-tag .element,[type=link][variant=warning][disabled=\"1\"].gov-tag .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=link][variant=warning][disabled=\"\"][inverse=true i].gov-tag .element,[type=link][variant=warning][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=link][variant=warning][disabled=true i][inverse=\"\"].gov-tag .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=warning][disabled=true i][inverse=\"1\"].gov-tag .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=link][variant=warning][disabled=\"1\"][inverse=true i].gov-tag .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-tag .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-tag .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-tag .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-tag .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-tag .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-tag .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-tag .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-tag .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-tag .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-tag .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-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-tag .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-tag .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-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-tag .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-tag .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-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-tag .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-tag .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-tag .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-tag[type=solid][variant=warning] .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-black))}.gov-tag[size=xs] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=s] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=m] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=l] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=xl] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[variant=primary][inverse=\"\"] .element,.gov-tag[variant=primary][inverse=\"\"] .element .element,.gov-tag[variant=primary][inverse=true i] .element,.gov-tag[variant=primary][inverse=true i] .element .element,.gov-tag[variant=primary][inverse=\"1\"] .element,.gov-tag[variant=primary][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-primary-border-color, var(--gov-color-primary-200));background-color:var(--gov-chip-inverse-primary-bg, var(--gov-color-primary-200));color:var(--gov-chip-inverse-primary-color, var(--gov-color-primary))}.gov-tag[variant=secondary][inverse=\"\"] .element,.gov-tag[variant=secondary][inverse=\"\"] .element .element,.gov-tag[variant=secondary][inverse=true i] .element,.gov-tag[variant=secondary][inverse=true i] .element .element,.gov-tag[variant=secondary][inverse=\"1\"] .element,.gov-tag[variant=secondary][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-secondary-border-color, var(--gov-color-secondary-400));background-color:var(--gov-chip-inverse-secondary-bg, var(--gov-color-secondary-200));color:var(--gov-chip-inverse-secondary-color, var(--gov-color-secondary-900))}.gov-tag[variant=success][inverse=\"\"] .element,.gov-tag[variant=success][inverse=\"\"] .element .element,.gov-tag[variant=success][inverse=true i] .element,.gov-tag[variant=success][inverse=true i] .element .element,.gov-tag[variant=success][inverse=\"1\"] .element,.gov-tag[variant=success][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-success-border-color, var(--gov-color-success-200));background-color:var(--gov-chip-inverse-success-bg, var(--gov-color-success-100));color:var(--gov-chip-inverse-success-color, var(--gov-color-success-600))}.gov-tag[variant=warning][inverse=\"\"] .element,.gov-tag[variant=warning][inverse=\"\"] .element .element,.gov-tag[variant=warning][inverse=true i] .element,.gov-tag[variant=warning][inverse=true i] .element .element,.gov-tag[variant=warning][inverse=\"1\"] .element,.gov-tag[variant=warning][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-warning-border-color, var(--gov-color-warning-200));background-color:var(--gov-chip-inverse-warning-bg, var(--gov-color-warning-100));color:var(--gov-chip-inverse-warning-color, var(--gov-color-warning-600))}.gov-tag[variant=error][inverse=\"\"] .element,.gov-tag[variant=error][inverse=\"\"] .element .element,.gov-tag[variant=error][inverse=true i] .element,.gov-tag[variant=error][inverse=true i] .element .element,.gov-tag[variant=error][inverse=\"1\"] .element,.gov-tag[variant=error][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-error-border-color, var(--gov-color-error-200));background-color:var(--gov-chip-inverse-error-bg, var(--gov-color-error-100));color:var(--gov-chip-inverse-error-color, var(--gov-color-error-500))}";
|
|
11066
11138
|
|
|
11067
11139
|
class GovTag {
|
|
11068
11140
|
constructor(hostRef) {
|
|
@@ -11121,7 +11193,7 @@ const TileClass = {
|
|
|
11121
11193
|
heading: 'gov-tile__heading',
|
|
11122
11194
|
};
|
|
11123
11195
|
|
|
11124
|
-
const govTileCss = ".gov-
|
|
11196
|
+
const govTileCss = ".gov-tile__link::before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.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-tile{position:relative;display:block;width:100%;padding:0.75rem;transition:background-color 150ms}.gov-tile__icon{display:block;margin:0rem 0rem 1.5rem 0rem;color:var(--gov-tile-main-color, var(--gov-color-primary))}.gov-tile__icon .gov-icon{display:block;width:2.5rem;height:2.5rem}.gov-tile__title{display:flex;gap:0.5rem;justify-content:space-between;align-items:flex-start;color:var(--gov-tile-main-color, var(--gov-color-primary));text-decoration:none;margin-bottom:0.5rem}.gov-tile__title [slot=title]{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);margin:0}.gov-tile__arrow{flex:0 0 auto;width:1.25rem;height:1.25rem;position:relative;top:0.3125rem;color:inherit}.gov-tile__content{color:var(--gov-tile-text-color, var(--gov-color-secondary-700))}.gov-tile__content>*:last-child{margin-bottom:0}.gov-tile__content a{position:relative;z-index:1}.gov-tile__link{display:block;text-decoration:none}@media not all and (pointer: coarse){.gov-tile[href]:hover{background:var(--gov-tile-hover-bg, var(--gov-color-primary-200))}.gov-tile[href]:hover .gov-tile__title{color:var(--gov-tile-main-color, var(--gov-color-primary))}}@media (min-width: 48em){.gov-tile{padding:1.5rem}.gov-tile__icon .gov-icon{width:3rem;height:3rem}}";
|
|
11125
11197
|
|
|
11126
11198
|
class GovTile {
|
|
11127
11199
|
constructor(hostRef) {
|
|
@@ -11131,7 +11203,7 @@ class GovTile {
|
|
|
11131
11203
|
this.h = govHost(this.host);
|
|
11132
11204
|
}
|
|
11133
11205
|
render() {
|
|
11134
|
-
return (hAsync(Host, { class: this.h.classes(TileClass.root) }, this.
|
|
11206
|
+
return (hAsync(Host, { class: this.h.classes(TileClass.root) }, this.h.hasSlot("icon") && (hAsync("span", { class: TileClass.icon }, hAsync("slot", { name: "icon" }))), this.href ? (hAsync("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, this.h.hasSlot("title") && (hAsync("span", { class: TileClass.title }, hAsync("slot", { name: "title" }))))) : (this.h.hasSlot("title") && (hAsync("span", { class: TileClass.title }, hAsync("slot", { name: "title" })))), hAsync("div", { class: TileClass.content }, hAsync("slot", null))));
|
|
11135
11207
|
}
|
|
11136
11208
|
/**
|
|
11137
11209
|
* Returns a clickable element instance
|
|
@@ -11355,10 +11427,6 @@ class GovTooltip {
|
|
|
11355
11427
|
this.content.innerHTML = this.message;
|
|
11356
11428
|
this.host.appendChild(this.content);
|
|
11357
11429
|
}
|
|
11358
|
-
const trigger = this.host.getBoundingClientRect();
|
|
11359
|
-
this.content.style.left = trigger.left + 'px';
|
|
11360
|
-
this.content.style.top = trigger.top + 'px';
|
|
11361
|
-
this.content.style.visibility = 'hidden';
|
|
11362
11430
|
this.content.setAttribute("id", (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId);
|
|
11363
11431
|
this.content.setAttribute("parent-id", this.tooltipId);
|
|
11364
11432
|
this.content.setAttribute("variant", this.variant);
|
|
@@ -11397,7 +11465,7 @@ class GovTooltip {
|
|
|
11397
11465
|
}
|
|
11398
11466
|
verifyPositionSpace() {
|
|
11399
11467
|
const offset = 12;
|
|
11400
|
-
const windowWidth = window.innerWidth;
|
|
11468
|
+
const windowWidth = window.innerWidth - (window.innerWidth - document.documentElement.clientWidth);
|
|
11401
11469
|
const trigger = this.host.getBoundingClientRect();
|
|
11402
11470
|
const trgWidth = this.host.offsetWidth;
|
|
11403
11471
|
const trgHeight = this.host.offsetHeight;
|
|
@@ -11465,20 +11533,23 @@ class GovTooltip {
|
|
|
11465
11533
|
this.content.setAttribute("position", TooltipPosition.BOTTOM);
|
|
11466
11534
|
this.content.style.top = (triggerPos.top + (trgHeight + offset)) + "px";
|
|
11467
11535
|
}
|
|
11468
|
-
this.content.setAttribute("is-visible", "true");
|
|
11469
11536
|
this.content.style.opacity = '1';
|
|
11470
11537
|
}
|
|
11471
11538
|
showTooltip() {
|
|
11472
11539
|
if (this.content) {
|
|
11473
11540
|
this.content.style.opacity = '0';
|
|
11474
11541
|
this.content.hidden = false;
|
|
11475
|
-
this.
|
|
11542
|
+
this.content.setAttribute("is-visible", "true");
|
|
11543
|
+
requestAnimationFrame(() => {
|
|
11544
|
+
this.verifyPositionSpace();
|
|
11545
|
+
});
|
|
11476
11546
|
}
|
|
11477
11547
|
}
|
|
11478
11548
|
hideTooltip() {
|
|
11479
11549
|
if (this.content) {
|
|
11480
11550
|
this.content.setAttribute("is-visible", "false");
|
|
11481
11551
|
this.content.setAttribute("persist", "false");
|
|
11552
|
+
this.content.removeAttribute('style');
|
|
11482
11553
|
}
|
|
11483
11554
|
}
|
|
11484
11555
|
removeContent() {
|
|
@@ -11489,7 +11560,7 @@ class GovTooltip {
|
|
|
11489
11560
|
}
|
|
11490
11561
|
render() {
|
|
11491
11562
|
var _a;
|
|
11492
|
-
return (hAsync(Host, { id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position, tabindex: 0, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, hAsync("slot", null)));
|
|
11563
|
+
return (hAsync(Host, { id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { role: 'button', tabindex: 0, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, hAsync("slot", null))));
|
|
11493
11564
|
}
|
|
11494
11565
|
/**
|
|
11495
11566
|
* Showing the modal
|
|
@@ -11531,7 +11602,7 @@ class GovTooltip {
|
|
|
11531
11602
|
}; }
|
|
11532
11603
|
}
|
|
11533
11604
|
|
|
11534
|
-
const govTooltipContentCss = ".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-tooltip-content{z-index:51;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);position:absolute;display:
|
|
11605
|
+
const govTooltipContentCss = ".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-tooltip-content{z-index:51;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);position:absolute;display:none;width:-moz-max-content;width:max-content;max-width:var(--gov-tooltip-content-max-width, 21rem);padding:1rem;border-radius:0.1875rem;background-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300));color:var(--gov-tooltip-content-text-color, var(--gov-color-secondary));letter-spacing:0.0125rem;visibility:hidden;opacity:0;transition:opacity 0.2s ease-in}.gov-tooltip-content::before{content:\"\";position:absolute;display:block;width:0;height:0;border:0.625rem solid transparent}.gov-tooltip-content gov-button{position:absolute;right:0;top:0}.gov-tooltip-content[persist=\"\"],.gov-tooltip-content[persist=true i],.gov-tooltip-content[persist=\"1\"]{padding-right:3.25rem}.gov-tooltip-content[is-visible=\"\"],.gov-tooltip-content[is-visible=true i],.gov-tooltip-content[is-visible=\"1\"]{display:block;opacity:1}.gov-tooltip-content[variant=secondary]{--gov-tooltip-content-bg-color:var(--gov-tooltip-secondary-bg-color, var(--gov-color-secondary));--gov-tooltip-content-text-color:var(--gov-tooltip-secondary-text-color, var(--gov-color-neutral-white))}.gov-tooltip-content[variant=secondary][inverse=\"\"],.gov-tooltip-content[variant=secondary][inverse=true i],.gov-tooltip-content[variant=secondary][inverse=\"1\"]{--gov-tooltip-content-bg-color:var(--gov-color-neutral-white);--gov-tooltip-content-text-color:var(--gov-tooltip-secondary-text-color-inverse, var(--gov-color-secondary))}.gov-tooltip-content[variant=primary]{--gov-tooltip-content-bg-color:var(--gov-tooltip-primary-bg-color, var(--gov-color-primary-300));--gov-tooltip-content-text-color:var(--gov-tooltip-primary-text-color, var(--gov-color-secondary))}.gov-tooltip-content[variant=primary][inverse=\"\"],.gov-tooltip-content[variant=primary][inverse=true i],.gov-tooltip-content[variant=primary][inverse=\"1\"]{--gov-tooltip-content-bg-color:var(--gov-color-neutral-white);--gov-tooltip-content-text-color:var(--gov-tooltip-primary-text-color-inverse, var(--gov-color-primary))}.gov-tooltip-content[size=s]{--gov-tooltip-content-padding:var(--gov-tooltip-s-padding, 0.5rem);--gov-tooltip-content-arrow-size:var(--gov-tooltip-s-arrow-size, 0.4375rem);--gov-tooltip-content-letter-spacing:var(--gov-tooltip-s-letter-spacing, 0.0125rem);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)}.gov-tooltip-content[size=s][persist=true i]{padding-right:var(--gov-tooltip-s-persist-space, 3rem)}.gov-tooltip-content[size=l]{--gov-tooltip-content-padding:var(--gov-tooltip-l-padding, 1rem);--gov-tooltip-content-arrow-size:var(--gov-tooltip-l-arrow-size, 0.875rem);--gov-tooltip-content-letter-spacing:var(--gov-tooltip-l-letter-spacing, 0.002rem);font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing)}.gov-tooltip-content[size=l][persist=true i]{padding-right:var(--gov-tooltip-s-persist-space, 4rem)}.gov-tooltip-content[position=top]::before{left:50%;transform:translateX(-50%)}.gov-tooltip-content[position=top]::before{top:100%;border-bottom-width:0;border-top-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip-content[position=bottom]::before{left:50%;transform:translateX(-50%)}.gov-tooltip-content[position=bottom]::before{bottom:100%;border-top-width:0;border-bottom-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip-content[position=left]::before{top:50%;transform:translateY(-50%)}.gov-tooltip-content[position=left]::before{left:100%;border-right-width:0;border-left-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip-content[position=right]::before{top:50%;transform:translateY(-50%)}.gov-tooltip-content[position=right]::before{right:100%;border-left-width:0;border-right-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}";
|
|
11535
11606
|
|
|
11536
11607
|
class GovTooltipContent {
|
|
11537
11608
|
constructor(hostRef) {
|