@gov-design-system-ce/components 4.0.8-rc13 → 4.0.8-rc15

package/dist/components/gov-tabs.js

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as a,h as e,d as r}from"./p-d6759ac3.js";import{g as s,a as i}from"./p-d687df8f.js";import{c as n}from"./p-e618f1cb.js";import{v as c}from"./p-344c72d7.js";import{a as l,v}from"./p-6b0471a8.js";import{c as b}from"./p-95d41a3b.js";import{d}from"./p-e0e2e9c1.js";import{T as g,a as h,b as p,c as m}from"./p-4faa3ba6.js";import{d as f}from"./p-d9dda24d.js";import{d as y}from"./p-137f86d1.js";import{d as u}from"./p-84d0a332.js";const _=".gov-tabs__list{margin:0;padding:0}.gov-tabs__list>.gov-tabs__item{margin:0;padding:0;background:none}.gov-tabs__list>.gov-tabs__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-tabs{position:relative;display:block;width:100%}.gov-tabs__list{display:flex;flex-wrap:wrap;margin:0rem 0rem 1.25rem}.gov-tabs__list>.gov-tabs__item{display:flex;margin:0}.gov-tabs__btn{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);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;margin:0;padding:0.75rem 0rem 0.625rem;border-bottom:0.125rem solid transparent;font-weight:700;text-align:center;transition:150ms linear color, 150ms linear border-color}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn: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-tabs__btn[disabled]{cursor:not-allowed}.gov-tabs[type=text] .gov-tabs__list{gap:0.5rem 2rem;border-bottom:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[type=chip] .gov-tabs__list{gap:0.5rem 1rem}.gov-tabs[variant=primary][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-tabs[variant=primary][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-primary-color-hover, var(--gov-color-primary-800))}}.gov-tabs[variant=primary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-primary-color-active, var(--gov-color-primary-800));color:var(--gov-tabs-primary-color-active, var(--gov-color-primary-800))}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-secondary-color, var(--gov-color-secondary-700))}@media not all and (pointer: coarse){.gov-tabs[variant=secondary][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-secondary-color-hover, var(--gov-color-secondary-900))}}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-secondary-color-active, var(--gov-color-secondary-900));color:var(--gov-tabs-secondary-color-active, var(--gov-color-secondary-900))}.gov-tabs[variant=success][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-success-color, var(--gov-color-success-500))}@media not all and (pointer: coarse){.gov-tabs[variant=success][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-success-color-hover, var(--gov-color-success-700))}}.gov-tabs[variant=success][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-success-color-active, var(--gov-color-success-700));color:var(--gov-tabs-success-color-active, var(--gov-color-success-700))}.gov-tabs[variant=warning][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-warning-color, var(--gov-color-warning-500))}@media not all and (pointer: coarse){.gov-tabs[variant=warning][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-warning-color-hover, var(--gov-color-warning-700))}}.gov-tabs[variant=warning][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-warning-color-active, var(--gov-color-warning-700));color:var(--gov-tabs-warning-color-active, var(--gov-color-warning-700))}.gov-tabs[variant=error][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-error-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){.gov-tabs[variant=error][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-error-color-hover, var(--gov-color-error-600))}}.gov-tabs[variant=error][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-error-color-active, var(--gov-color-error-600));color:var(--gov-tabs-error-color-active, var(--gov-color-error-600))}.gov-tabs[orientation=vertical] .gov-tabs__btn{text-align:left}@media (min-width: 75em){.gov-tabs[orientation=vertical]{display:flex;flex-direction:row}.gov-tabs[orientation=vertical] .gov-tabs__list{flex-wrap:nowrap;flex-direction:column;width:-moz-max-content;width:max-content;max-width:30vw;margin-right:1.25rem;padding:0rem 0.5rem;border-bottom:none;border-right:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[orientation=vertical] .gov-tabs__item{justify-content:flex-end}.gov-tabs[orientation=vertical] .gov-tabs__btn{padding:0.5rem 0.75rem;text-align:right}}";const w=_;const x=t(class t extends o{constructor(){super();this.__registerHost();this.govChange=a(this,"gov-change",7);this.triggerRefs={};this.controllers=[];this.focusIndex=0;this.compactControls=false;this.type="text";this.variant="primary";this.orientation="horizontal";this.wcagLabel=undefined;this.wcagSelectLabel=undefined;this.wcagLabelledBy=undefined;this.h=s(this.host);this.formSelectId=b("GovFormSelect")}validateType(t){c(p,t,h.root)}validateVariant(t){c(m,t,h.root)}componentWillLoad(){this.prepareControllers()}async componentDidRender(){if(n()){await d(500);await this.validateWcag()}}prepareControllers(){this.controllers=[];const t=[];this.host.querySelectorAll(g.root).forEach((o=>{const a=Promise.all([o.getIdentifier(),o.getTriggerIdentifier(),o.getDisableState()]).then((([t,a,e])=>{const r=typeof o.getAttribute("default")==="string";return{label:o.getAttribute("label"),contentIdentifier:t,disabled:e,triggerIdentifier:a,element:o,active:false,default:r}}));t.push(a)}));Promise.all(t).then((t=>{let o=t.findIndex((t=>t.default));if(o===-1)o=0;this.focusIndex=o;t[o].active=true;this.controllers=[...t];this.reRender()}))}setActiveByIdentifier(t){const o=[];this.controllers.map((a=>{a.active=t===a.triggerIdentifier||t===a.contentIdentifier;o.push(a)}));this.controllers=[...o]}reRender(){this.controllers.map((t=>{t.element.setActiveStatus(t.active).catch()}))}render(){return e(r,{key:"fa6bb0777c56edcb61f5acfa4cac75fae2f8bb78",class:this.h.classes(h.root),variant:this.variant,type:this.type,role:"tablist","aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy,onKeyDown:this.onKeydownHandler.bind(this)},e("div",{key:"3e764b20b9a1e3221232d7567e45acae8701a963",class:h.tabs,"aria-hidden":i(this.compactControls)},e("ul",{key:"adedeb20cd2d5608502410f1b843ba6293000e7c",class:h.list},this.controllers.map((t=>e("li",{class:h.item},this.type=="text"?e("button",{class:h.btn,id:t.triggerIdentifier,role:"tab",onClick:()=>this.onSelectHandler(t),disabled:t.disabled,"aria-disabled":i(t.disabled),"aria-selected":i(t.active),"aria-controls":t.contentIdentifier,tabindex:t.active&&!t.disabled?0:-1,ref:o=>this.triggerRefs[t.triggerIdentifier]=o},t.label):e("gov-chip",{role:"tab",tag:"button",identifier:t.triggerIdentifier,"wcag-selected":t.active,"wcag-controls":t.contentIdentifier,focusable:t.active,disabled:t.disabled,variant:this.variant,inverse:!t.active,ref:o=>this.triggerRefs[t.triggerIdentifier]=o,"on-gov-click":()=>this.onSelectHandler(t)},t.label)))))),e("span",{key:"6d855cd5195673b6a13aaf4b357b74bdcfd0ef4d",id:this.formSelectId,hidden:true},this.wcagSelectLabel),this.compactControls?e("gov-form-select",{"wcag-labelled-by":this.formSelectId,"onGov-change":this.onChangeHandler.bind(this)},this.controllers.map((t=>e("option",{value:t.triggerIdentifier,selected:t.active},t.label)))):null,e("slot",{key:"d7ea30baebad93b05c1f978fcca0c19989be7227"}))}getCurrentTab(){return this.controllers.find((t=>t.active))||null}onSelectHandler(t){const o=this.controllers.findIndex((o=>o.triggerIdentifier===t.triggerIdentifier));this.focusIndex=o;this.setActiveByIdentifier(t.triggerIdentifier);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onChangeHandler(t){const o=t.target.value;t.stopPropagation();this.setActiveByIdentifier(o);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onKeydownHandler(t){const o=t.keyCode;t.stopPropagation();this.goToPrevNext(o)}goToPrevNext(t){if([37,38,39,40].includes(t)){if(false===(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1)){return}this.controllers[this.focusIndex].active=false;if(t===39||t===40){this.focusIndex++;if(this.focusIndex>=this.controllers.length){this.focusIndex=0}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(40)}}else if(t===37||t===38){this.focusIndex--;if(this.focusIndex<0){this.focusIndex=this.controllers.length-1}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(38)}}if(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1){const t=this.controllers[this.focusIndex];t.active=true;const o=this.triggerRefs[t.triggerIdentifier];if(o.nodeName.toLowerCase()==="gov-chip"){this.triggerRefs[t.triggerIdentifier].setFocus()}else{this.triggerRefs[t.triggerIdentifier].focus()}this.controllers=[...this.controllers];this.reRender();this.govChange.emit(this.getCurrentTab().element)}}}async refresh(){this.prepareControllers()}async currentTab(){return this.getCurrentTab().element||null}async setActiveTab(t){this.setActiveByIdentifier(t);this.reRender()}async rerender(){this.prepareControllers()}async validateWcag(){l(this.wcagSelectLabel,"wcag-select-label",h.root);v(this.wcagLabel,this.wcagLabelledBy,h.root)}get host(){return this}static get watchers(){return{type:["validateType"],variant:["validateVariant"]}}static get style(){return w}},[4,"gov-tabs",{type:[1],variant:[1],orientation:[1],wcagLabel:[1,"wcag-label"],wcagSelectLabel:[1,"wcag-select-label"],wcagLabelledBy:[1,"wcag-labelled-by"],controllers:[32],focusIndex:[32],compactControls:[32],refresh:[64],currentTab:[64],setActiveTab:[64],rerender:[64],validateWcag:[64]},undefined,{type:["validateType"],variant:["validateVariant"]}]);function k(){if(typeof customElements==="undefined"){return}const t=["gov-tabs","gov-chip","gov-form-select","gov-icon"];t.forEach((t=>{switch(t){case"gov-tabs":if(!customElements.get(t)){customElements.define(t,x)}break;case"gov-chip":if(!customElements.get(t)){f()}break;case"gov-form-select":if(!customElements.get(t)){y()}break;case"gov-icon":if(!customElements.get(t)){u()}break}}))}k();const j=x;const T=k;export{j as GovTabs,T as defineCustomElement};
+import{p as t,H as o,c as e,h as a,d as r}from"./p-d6759ac3.js";import{g as s,a as i}from"./p-d687df8f.js";import{c as n}from"./p-e618f1cb.js";import{v as c}from"./p-344c72d7.js";import{a as l,v}from"./p-6b0471a8.js";import{c as b}from"./p-95d41a3b.js";import{d}from"./p-e0e2e9c1.js";import{T as g,a as h,b as p,c as m}from"./p-4faa3ba6.js";import{d as f}from"./p-c1c267f1.js";import{d as y}from"./p-d0c49a55.js";import{d as u}from"./p-081fbcdd.js";const _=".gov-tabs__list{margin:0;padding:0}.gov-tabs__list>.gov-tabs__item{margin:0;padding:0;background:none}.gov-tabs__list>.gov-tabs__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-tabs{position:relative;display:block;width:100%}.gov-tabs__list{display:flex;flex-wrap:wrap;margin:0rem 0rem 1.25rem}.gov-tabs__list>.gov-tabs__item{display:flex;margin:0}.gov-tabs__btn{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);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;margin:0;padding:0.75rem 0rem 0.625rem;border-bottom:0.125rem solid transparent;font-weight:700;text-align:center;transition:150ms linear color, 150ms linear border-color}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn: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-tabs__btn[disabled]{cursor:not-allowed}.gov-tabs[type=text] .gov-tabs__list{gap:0.5rem 2rem;border-bottom:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[type=chip] .gov-tabs__list{gap:0.5rem 1rem}.gov-tabs[variant=primary][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-tabs[variant=primary][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-primary-color-hover, var(--gov-color-primary-800))}}.gov-tabs[variant=primary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-primary-color-active, var(--gov-color-primary-800));color:var(--gov-tabs-primary-color-active, var(--gov-color-primary-800))}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-secondary-color, var(--gov-color-secondary-700))}@media not all and (pointer: coarse){.gov-tabs[variant=secondary][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-secondary-color-hover, var(--gov-color-secondary-900))}}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-secondary-color-active, var(--gov-color-secondary-900));color:var(--gov-tabs-secondary-color-active, var(--gov-color-secondary-900))}.gov-tabs[variant=success][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-success-color, var(--gov-color-success-500))}@media not all and (pointer: coarse){.gov-tabs[variant=success][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-success-color-hover, var(--gov-color-success-700))}}.gov-tabs[variant=success][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-success-color-active, var(--gov-color-success-700));color:var(--gov-tabs-success-color-active, var(--gov-color-success-700))}.gov-tabs[variant=warning][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-warning-color, var(--gov-color-warning-500))}@media not all and (pointer: coarse){.gov-tabs[variant=warning][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-warning-color-hover, var(--gov-color-warning-700))}}.gov-tabs[variant=warning][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-warning-color-active, var(--gov-color-warning-700));color:var(--gov-tabs-warning-color-active, var(--gov-color-warning-700))}.gov-tabs[variant=error][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-error-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){.gov-tabs[variant=error][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-error-color-hover, var(--gov-color-error-600))}}.gov-tabs[variant=error][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-error-color-active, var(--gov-color-error-600));color:var(--gov-tabs-error-color-active, var(--gov-color-error-600))}.gov-tabs[orientation=vertical] .gov-tabs__btn{text-align:left}@media (min-width: 75em){.gov-tabs[orientation=vertical]{display:flex;flex-direction:row}.gov-tabs[orientation=vertical] .gov-tabs__list{flex-wrap:nowrap;flex-direction:column;width:-moz-max-content;width:max-content;max-width:30vw;margin-right:1.25rem;padding:0rem 0.5rem;border-bottom:none;border-right:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[orientation=vertical] .gov-tabs__item{justify-content:flex-end}.gov-tabs[orientation=vertical] .gov-tabs__btn{padding:0.5rem 0.75rem;text-align:right}}";const w=_;const x=t(class t extends o{constructor(){super();this.__registerHost();this.govChange=e(this,"gov-change",7);this.triggerRefs={};this.controllers=[];this.focusIndex=0;this.compactControls=false;this.type="text";this.variant="primary";this.orientation="horizontal";this.wcagLabel=undefined;this.wcagSelectLabel=undefined;this.wcagLabelledBy=undefined;this.h=s(this.host);this.formSelectId=b("GovFormSelect")}validateType(t){c(p,t,h.root)}validateVariant(t){c(m,t,h.root)}componentWillLoad(){this.prepareControllers()}async componentDidRender(){if(n()){await d(500);await this.validateWcag()}}prepareControllers(t=false){this.controllers=[];const o=[];this.host.querySelectorAll(g.root).forEach((t=>{const e=Promise.all([t.getIdentifier(),t.getTriggerIdentifier(),t.getDisableState()]).then((([o,e,a])=>{const r=typeof t.getAttribute("default")==="string";return{label:t.getAttribute("label"),contentIdentifier:o,disabled:a,triggerIdentifier:e,element:t,active:false,default:r}}));o.push(e)}));if(t){this.reRender();return}Promise.all(o).then((t=>{let o=t.findIndex((t=>t.default));if(o===-1)o=0;this.focusIndex=o;t[o].active=true;this.controllers=[...t];this.reRender()}))}setActiveByIdentifier(t){const o=[];this.controllers.map((e=>{e.active=t===e.triggerIdentifier||t===e.contentIdentifier;o.push(e)}));this.controllers=[...o]}reRender(){this.controllers.map((t=>{t.element.setActiveStatus(t.active).catch()}))}render(){return a(r,{key:"4973320b8b4d6a8cf6e2a6ee1b8843be6d7a024a",class:this.h.classes(h.root),variant:this.variant,type:this.type,role:"tablist","aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy,onKeyDown:this.onKeydownHandler.bind(this)},a("div",{key:"515c305c1a3bc3f7f3ff47e5bcf9def23248e9a6",class:h.tabs,"aria-hidden":i(this.compactControls)},a("ul",{key:"116d648283cf69d841d69d535249e76413dc035d",class:h.list},this.controllers.map((t=>a("li",{class:h.item},this.type=="text"?a("button",{class:h.btn,id:t.triggerIdentifier,role:"tab",onClick:()=>this.onSelectHandler(t),disabled:t.disabled,"aria-disabled":i(t.disabled),"aria-selected":i(t.active),"aria-controls":t.contentIdentifier,tabindex:t.active&&!t.disabled?0:-1,ref:o=>this.triggerRefs[t.triggerIdentifier]=o},t.label):a("gov-chip",{role:"tab",tag:"button",identifier:t.triggerIdentifier,"wcag-selected":t.active,"wcag-controls":t.contentIdentifier,focusable:t.active,disabled:t.disabled,variant:this.variant,inverse:!t.active,ref:o=>this.triggerRefs[t.triggerIdentifier]=o,"on-gov-click":()=>this.onSelectHandler(t)},t.label)))))),a("span",{key:"5a0ee113d2584b09ae9d0b641e7c95dfcdc65b19",id:this.formSelectId,hidden:true},this.wcagSelectLabel),this.compactControls?a("gov-form-select",{"wcag-labelled-by":this.formSelectId,"onGov-change":this.onChangeHandler.bind(this)},this.controllers.map((t=>a("option",{value:t.triggerIdentifier,selected:t.active},t.label)))):null,a("slot",{key:"fe421d8bafa21f960e897dacbc84db723fca3362"}))}getCurrentTab(){return this.controllers.find((t=>t.active))||null}onSelectHandler(t){const o=this.controllers.findIndex((o=>o.triggerIdentifier===t.triggerIdentifier));this.focusIndex=o;this.setActiveByIdentifier(t.triggerIdentifier);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onChangeHandler(t){const o=t.target.value;t.stopPropagation();this.setActiveByIdentifier(o);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onKeydownHandler(t){const o=t.keyCode;t.stopPropagation();this.goToPrevNext(o)}goToPrevNext(t){if([37,38,39,40].includes(t)){if(false===(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1)){return}this.controllers[this.focusIndex].active=false;if(t===39||t===40){this.focusIndex++;if(this.focusIndex>=this.controllers.length){this.focusIndex=0}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(40)}}else if(t===37||t===38){this.focusIndex--;if(this.focusIndex<0){this.focusIndex=this.controllers.length-1}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(38)}}if(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1){const t=this.controllers[this.focusIndex];t.active=true;const o=this.triggerRefs[t.triggerIdentifier];if(o.nodeName.toLowerCase()==="gov-chip"){this.triggerRefs[t.triggerIdentifier].setFocus()}else{this.triggerRefs[t.triggerIdentifier].focus()}this.controllers=[...this.controllers];this.reRender();this.govChange.emit(this.getCurrentTab().element)}}}async refresh(){this.prepareControllers()}async currentTab(){return this.getCurrentTab().element||null}async setActiveTab(t){this.setActiveByIdentifier(t);this.reRender()}async rerender(){this.prepareControllers(true)}async validateWcag(){l(this.wcagSelectLabel,"wcag-select-label",h.root);v(this.wcagLabel,this.wcagLabelledBy,h.root)}get host(){return this}static get watchers(){return{type:["validateType"],variant:["validateVariant"]}}static get style(){return w}},[4,"gov-tabs",{type:[1],variant:[1],orientation:[1],wcagLabel:[1,"wcag-label"],wcagSelectLabel:[1,"wcag-select-label"],wcagLabelledBy:[1,"wcag-labelled-by"],controllers:[32],focusIndex:[32],compactControls:[32],refresh:[64],currentTab:[64],setActiveTab:[64],rerender:[64],validateWcag:[64]},undefined,{type:["validateType"],variant:["validateVariant"]}]);function k(){if(typeof customElements==="undefined"){return}const t=["gov-tabs","gov-chip","gov-form-select","gov-icon"];t.forEach((t=>{switch(t){case"gov-tabs":if(!customElements.get(t)){customElements.define(t,x)}break;case"gov-chip":if(!customElements.get(t)){f()}break;case"gov-form-select":if(!customElements.get(t)){y()}break;case"gov-icon":if(!customElements.get(t)){u()}break}}))}k();const j=x;const T=k;export{j as GovTabs,T as defineCustomElement};
 //# sourceMappingURL=gov-tabs.js.map

package/dist/components/gov-tabs.js.map

@@ -1 +1 @@
-{"version":3,"names":["govTabsCss","GovTabsStyle0","GovTabs","proxyCustomElement","H","constructor","this","triggerRefs","h","govHost","host","formSelectId","createID","validateType","newValue","validateProp","TabTypes","TabsClass","root","validateVariant","TabVariants","componentWillLoad","prepareControllers","componentDidRender","canValidateWcagOnRender","delay","validateWcag","controllers","promises","querySelectorAll","TabsItemClass","forEach","tab","controlItem","Promise","all","getIdentifier","getTriggerIdentifier","getDisableState","then","identifier","triggerIdentifier","disabled","isDefault","getAttribute","label","contentIdentifier","element","active","default","push","defaultTabIndex","findIndex","controller","focusIndex","reRender","setActiveByIdentifier","temp","map","item","control","setActiveStatus","catch","render","Host","key","class","classes","variant","type","role","wcagLabel","wcagLabelledBy","onKeyDown","onKeydownHandler","bind","tabs","toBoolAttr","compactControls","list","btn","id","onClick","onSelectHandler","tabindex","ref","el","tag","focusable","inverse","hidden","wcagSelectLabel","onChangeHandler","value","selected","getCurrentTab","find","index","t","govChange","emit","e","triggerId","target","stopPropagation","keyCode","goToPrevNext","includes","length","current","trigger","nodeName","toLowerCase","setFocus","focus","refresh","currentTab","setActiveTab","rerender","validateWcagProp","validateWcagLabel"],"sources":["../../../packages/core/src/components/gov-tabs/gov-tabs.scss?tag=gov-tabs","../../../packages/core/src/components/gov-tabs/gov-tabs.tsx"],"sourcesContent":["/*\n *   Tabs\n */\n\n$class: \".gov-tabs\";\n\n#{$class} {\n\t@include base();\n\t&__list {\n\t\t@extend %reset-ul;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tmargin: rem-calc(0 0 20);\n\t}\n\t&__list > &__item {\n\t\t@extend %reset-ul-li;\n\t\tdisplay: flex;\n\t\tmargin: 0;\n\t}\n\t&__btn {\n\t\t@include typography($font-size-s);\n\t\t@include button-core();\n\t\t@include focus-outline();\n\t\tmargin: 0;\n\t\tpadding: rem-calc(12 0 10);\n\t\tborder-bottom: rem-calc(2) solid transparent;\n\t\tfont-weight: 700;\n\t\ttext-align: center;\n\t\ttransition: $t linear color, $t linear border-color;\n\t\t&[disabled] {\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n\n\t// VARIANTS\n\t@each $type, $definitions in $tabs-types {\n\t\t&[type=\"#{$type}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__list {\n\t\t\t\t\tgap: get(\"item-spacing\", $definitions);\n\t\t\t\t\t@if deep-map-check($definitions, \"border\") {\n\t\t\t\t\t\tborder-bottom: $tabs-list-border;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $definitions in $tabs-variants {\n\t\t&[variant=\"#{$variant}\"][type=\"text\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__btn:not([disabled]) {\n\t\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t\t@include hover() {\n\t\t\t\t\t\tcolor: get(\"color-hover\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// STATES\n\t\t\t\t&__btn[aria-selected=\"true\"] {\n\t\t\t\t\tborder-bottom-color: get(\"color-active\", $definitions);\n\t\t\t\t\tcolor: get(\"color-active\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t&[orientation=\"vertical\"] {\n\t\t#{$class}__btn {\n\t\t\ttext-align: left;\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: xl) {\n\t\t&[orientation=\"vertical\"] {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\n\t\t\t#{$class}__list {\n\t\t\t\tflex-wrap: nowrap;\n\t\t\t\tflex-direction: column;\n\t\t\t\twidth: max-content;\n\t\t\t\tmax-width: 30vw;\n\t\t\t\tmargin-right: rem-calc(20);\n\t\t\t\tpadding: rem-calc(0 8);\n\t\t\t\tborder-bottom: none;\n\t\t\t\tborder-right: $tabs-list-border;\n\t\t\t}\n\n\t\t\t#{$class}__item {\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\n\t\t\t#{$class}__btn {\n\t\t\t\tpadding: rem-calc(8 12);\n\t\t\t\ttext-align: right;\n\t\t\t}\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\n\nimport {govHost, toBoolAttr} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {canValidateWcagOnRender} from \"../../helpers/Dom/win\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {validateWcagLabel, validateWcagProp} from \"../../helpers/Validate/wcag\"\nimport {Nullable} from \"../../types/interfaces\"\nimport {createID} from \"../../utils/string.utils\"\nimport {delay} from \"../../utils/utils\"\nimport {TabOrientationType, TabsClass, TabsItemClass, TabType, TabTypes, TabVariants, VariantType} from \"./constants\"\nimport {GovTabControllerItem} from \"./gov-tabs.types\"\n\n@Component({\n\ttag: \"gov-tabs\",\n\tstyleUrl: \"gov-tabs.scss\",\n})\nexport class GovTabs {\n\tprivate h: GovHost\n\tprivate triggerRefs: Record<string, HTMLButtonElement | HTMLGovChipElement> = {}\n\n\tprivate readonly formSelectId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.formSelectId = createID(\"GovFormSelect\")\n\t}\n\n\t@Element() host: HTMLGovTabsElement\n\t@State() controllers: GovTabControllerItem[] = []\n\t@State() focusIndex = 0\n\t@State() compactControls = false\n\t/**\n\t * Tabs type\n\t */\n\t@Prop() readonly type: TabType = \"text\"\n\t/**\n\t * Style variation of the tab chips.\n\t */\n\t@Prop() readonly variant?: VariantType = \"primary\"\n\t/**\n\t * Tabs orientation\n\t */\n\t@Prop() readonly orientation: TabOrientationType = \"horizontal\"\n\t/**\n\t * Adds accessible label for the tabs that is only shown for screen readers.\n\t */\n\t@Prop({attribute: \"wcag-label\"}) readonly wcagLabel: string\n\t/**\n\t * Adds accessible label for the tabs select\n\t */\n\t@Prop({attribute: \"wcag-select-label\"}) readonly wcagSelectLabel: string\n\t/**\n\t * Indicates the id of a component that labels the tabs.\n\t */\n\t@Prop({attribute: \"wcag-labelled-by\"}) readonly wcagLabelledBy: string\n\t/**\n\t * Emitted when the tab is changed.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<HTMLGovTabsItemElement>\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(TabTypes, newValue, TabsClass.root)\n\t}\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(TabVariants, newValue, TabsClass.root)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.prepareControllers()\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tprivate prepareControllers(): void {\n\t\tthis.controllers = []\n\t\tconst promises: Promise<GovTabControllerItem>[] = []\n\t\tthis.host.querySelectorAll(TabsItemClass.root).forEach((tab: HTMLGovTabsItemElement) => {\n\t\t\tconst controlItem = Promise.all([\n\t\t\t\ttab.getIdentifier(),\n\t\t\t\ttab.getTriggerIdentifier(),\n\t\t\t\ttab.getDisableState()\n\t\t\t]).then(([identifier, triggerIdentifier, disabled]) => {\n\t\t\t\tconst isDefault = typeof tab.getAttribute(\"default\") === \"string\"\n\t\t\t\treturn {\n\t\t\t\t\tlabel: tab.getAttribute(\"label\"),\n\t\t\t\t\tcontentIdentifier: identifier,\n\t\t\t\t\tdisabled: disabled,\n\t\t\t\t\ttriggerIdentifier: triggerIdentifier,\n\t\t\t\t\telement: tab,\n\t\t\t\t\tactive: false,\n\t\t\t\t\tdefault: isDefault,\n\t\t\t\t}\n\t\t\t})\n\t\t\tpromises.push(controlItem)\n\t\t});\n\t\tPromise.all(promises).then(controllers => {\n\t\t\tlet defaultTabIndex = controllers.findIndex(controller => controller.default)\n\t\t\tif (defaultTabIndex === -1) defaultTabIndex = 0\n\t\t\tthis.focusIndex = defaultTabIndex\n\t\t\tcontrollers[defaultTabIndex].active = true\n\t\t\tthis.controllers = [...controllers]\n\t\t\tthis.reRender()\n\t\t})\n\t}\n\n\tprivate setActiveByIdentifier(identifier: string) {\n\t\tconst temp = []\n\t\tthis.controllers.map(item => {\n\t\t\titem.active = identifier === item.triggerIdentifier || identifier === item.contentIdentifier\n\t\t\ttemp.push(item)\n\t\t})\n\t\tthis.controllers = [...temp]\n\t}\n\n\tprivate reRender() {\n\t\tthis.controllers.map(control => {\n\t\t\tcontrol.element.setActiveStatus(control.active).catch()\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(TabsClass.root)}\n\t\t\t\tvariant={this.variant}\n\t\t\t\ttype={this.type}\n\t\t\t\trole=\"tablist\"\n\t\t\t\taria-label={this.wcagLabel}\n\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\tonKeyDown={this.onKeydownHandler.bind(this)}\n\t\t\t>\n\t\t\t\t<div class={TabsClass.tabs} aria-hidden={toBoolAttr(this.compactControls)}>\n\t\t\t\t\t<ul class={TabsClass.list}>\n\t\t\t\t\t\t{this.controllers.map(control => (\n\t\t\t\t\t\t\t<li class={TabsClass.item}>\n\t\t\t\t\t\t\t\t{this.type == \"text\" ? (\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclass={TabsClass.btn}\n\t\t\t\t\t\t\t\t\t\tid={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\taria-disabled={toBoolAttr(control.disabled)}\n\t\t\t\t\t\t\t\t\t\taria-selected={toBoolAttr(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\ttabindex={control.active && !control.disabled ? 0 : -1}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLButtonElement)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<gov-chip\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttag={'button'}\n\t\t\t\t\t\t\t\t\t\tidentifier={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\twcag-selected={control.active}\n\t\t\t\t\t\t\t\t\t\twcag-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\tfocusable={control.active}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\t\t\t\tinverse={!control.active}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLGovChipElement)}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t</gov-chip>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\t\t\t\t<span id={this.formSelectId} hidden>\n\t\t\t\t\t{this.wcagSelectLabel}\n\t\t\t\t</span>\n\t\t\t\t{this.compactControls ? (\n\t\t\t\t\t<gov-form-select wcag-labelled-by={this.formSelectId} onGov-change={this.onChangeHandler.bind(this)}>\n\t\t\t\t\t\t{this.controllers.map(control => (\n\t\t\t\t\t\t\t<option value={control.triggerIdentifier} selected={control.active}>\n\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t) : null}\n\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate getCurrentTab(): GovTabControllerItem | null {\n\t\treturn this.controllers.find(control => control.active) || null\n\t}\n\n\tprivate onSelectHandler(control: GovTabControllerItem) {\n\t\tconst index = this.controllers.findIndex(t => t.triggerIdentifier === control.triggerIdentifier);\n\t\tthis.focusIndex = index\n\t\tthis.setActiveByIdentifier(control.triggerIdentifier)\n\t\tthis.reRender()\n\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t}\n\n\tprivate onChangeHandler(e: CustomEvent) {\n\t\tconst triggerId = (e.target as HTMLSelectElement).value\n\t\te.stopPropagation()\n\t\tthis.setActiveByIdentifier(triggerId)\n\t\tthis.reRender()\n\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t}\n\n\tprivate onKeydownHandler(e: KeyboardEvent) {\n\t\tconst keyCode = e.keyCode\n\n\t\te.stopPropagation()\n\t\tthis.goToPrevNext(keyCode)\n\t}\n\n\tprivate goToPrevNext(keyCode: number) {\n\t\tif ([37, 38, 39, 40].includes(keyCode)) {\n\t\t\tif (false === (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1)) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.controllers[this.focusIndex].active = false\n\n\t\t\tif (keyCode === 39 || keyCode === 40) {\n\t\t\t\tthis.focusIndex++\n\t\t\t\tif (this.focusIndex >= this.controllers.length) {\n\t\t\t\t\tthis.focusIndex = 0\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(40)\n\t\t\t\t}\n\t\t\t} else if (keyCode === 37 || keyCode === 38) {\n\t\t\t\tthis.focusIndex--\n\t\t\t\tif (this.focusIndex < 0) {\n\t\t\t\t\tthis.focusIndex = this.controllers.length - 1\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(38)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1) {\n\t\t\t\tconst current = this.controllers[this.focusIndex]\n\t\t\t\tcurrent.active = true\n\t\t\t\tconst trigger = this.triggerRefs[current.triggerIdentifier]\n\t\t\t\tif (trigger.nodeName.toLowerCase() === 'gov-chip') {\n\t\t\t\t\t(this.triggerRefs[current.triggerIdentifier] as HTMLGovChipElement).setFocus()\n\t\t\t\t} else {\n\t\t\t\t\tthis.triggerRefs[current.triggerIdentifier].focus()\n\t\t\t\t}\n\n\t\t\t\tthis.controllers = [...this.controllers]\n\t\t\t\tthis.reRender()\n\t\t\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync refresh(): Promise<void> {\n\t\tthis.prepareControllers()\n\t}\n\n\t/**\n\t * Returns the currently selected tabs-item\n\t */\n\t@Method()\n\tasync currentTab(): Promise<Nullable<HTMLGovTabsItemElement>> {\n\t\treturn this.getCurrentTab().element || null\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync setActiveTab(identifier: string): Promise<void> {\n\t\tthis.setActiveByIdentifier(identifier)\n\t\tthis.reRender()\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync rerender(): Promise<void> {\n\t\tthis.prepareControllers();\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagProp(this.wcagSelectLabel, \"wcag-select-label\", TabsClass.root)\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, TabsClass.root)\n\t}\n}\n"],"mappings":"icAAA,MAAMA,EAAa,wgKACnB,MAAAC,EAAeD,E,MCgBFE,EAAOC,EAAA,MAAAD,UAAAE,EAMnB,WAAAC,G,oEAJQC,KAAAC,YAAsE,G,iBAU/B,G,gBACzB,E,qBACK,M,UAIM,O,aAIQ,U,iBAIU,a,sFAnBlDD,KAAKE,EAAIC,EAAQH,KAAKI,MACtBJ,KAAKK,aAAeC,EAAS,gB,CAqC9B,YAAAC,CAAaC,GACZC,EAAaC,EAAUF,EAAUG,EAAUC,K,CAI5C,eAAAC,CAAgBL,GACfC,EAAaK,EAAaN,EAAUG,EAAUC,K,CAG/C,iBAAAG,GACCf,KAAKgB,oB,CAGN,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNnB,KAAKoB,c,EAIL,kBAAAJ,GACPhB,KAAKqB,YAAc,GACnB,MAAMC,EAA4C,GAClDtB,KAAKI,KAAKmB,iBAAiBC,EAAcZ,MAAMa,SAASC,IACvD,MAAMC,EAAcC,QAAQC,IAAI,CAC/BH,EAAII,gBACJJ,EAAIK,uBACJL,EAAIM,oBACFC,MAAK,EAAEC,EAAYC,EAAmBC,MACxC,MAAMC,SAAmBX,EAAIY,aAAa,aAAe,SACzD,MAAO,CACNC,MAAOb,EAAIY,aAAa,SACxBE,kBAAmBN,EACnBE,SAAUA,EACVD,kBAAmBA,EACnBM,QAASf,EACTgB,OAAQ,MACRC,QAASN,EACT,IAEFf,EAASsB,KAAKjB,EAAY,IAE3BC,QAAQC,IAAIP,GAAUW,MAAKZ,IAC1B,IAAIwB,EAAkBxB,EAAYyB,WAAUC,GAAcA,EAAWJ,UACrE,GAAIE,KAAqB,EAAGA,EAAkB,EAC9C7C,KAAKgD,WAAaH,EAClBxB,EAAYwB,GAAiBH,OAAS,KACtC1C,KAAKqB,YAAc,IAAIA,GACvBrB,KAAKiD,UAAU,G,CAIT,qBAAAC,CAAsBhB,GAC7B,MAAMiB,EAAO,GACbnD,KAAKqB,YAAY+B,KAAIC,IACpBA,EAAKX,OAASR,IAAemB,EAAKlB,mBAAqBD,IAAemB,EAAKb,kBAC3EW,EAAKP,KAAKS,EAAK,IAEhBrD,KAAKqB,YAAc,IAAI8B,E,CAGhB,QAAAF,GACPjD,KAAKqB,YAAY+B,KAAIE,IACpBA,EAAQb,QAAQc,gBAAgBD,EAAQZ,QAAQc,OAAO,G,CAIzD,MAAAC,GACC,OACCvD,EAACwD,EAAI,CAAAC,IAAA,2CACJC,MAAO5D,KAAKE,EAAE2D,QAAQlD,EAAUC,MAChCkD,QAAS9D,KAAK8D,QACdC,KAAM/D,KAAK+D,KACXC,KAAK,UAAS,aACFhE,KAAKiE,UAAS,kBACTjE,KAAKkE,eACtBC,UAAWnE,KAAKoE,iBAAiBC,KAAKrE,OAEtCE,EAAA,OAAAyD,IAAA,2CAAKC,MAAOjD,EAAU2D,KAAI,cAAeC,EAAWvE,KAAKwE,kBACxDtE,EAAA,MAAAyD,IAAA,2CAAIC,MAAOjD,EAAU8D,MACnBzE,KAAKqB,YAAY+B,KAAIE,GACrBpD,EAAA,MAAI0D,MAAOjD,EAAU0C,MACnBrD,KAAK+D,MAAQ,OACb7D,EAAA,UACC0D,MAAOjD,EAAU+D,IACjBC,GAAIrB,EAAQnB,kBACZ6B,KAAK,MACLY,QAAS,IAAM5E,KAAK6E,gBAAgBvB,GACpClB,SAAUkB,EAAQlB,SAAQ,gBACXmC,EAAWjB,EAAQlB,UAAS,gBAC5BmC,EAAWjB,EAAQZ,QAAO,gBAC1BY,EAAQd,kBACvBsC,SAAUxB,EAAQZ,SAAWY,EAAQlB,SAAW,GAAK,EACrD2C,IAAKC,GAAOhF,KAAKC,YAAYqD,EAAQnB,mBAAqB6C,GAEzD1B,EAAQf,OAGVrC,EAAA,YACC8D,KAAK,MACLiB,IAAK,SACL/C,WAAYoB,EAAQnB,kBAAiB,gBACtBmB,EAAQZ,OAAM,gBACdY,EAAQd,kBACvB0C,UAAW5B,EAAQZ,OACnBN,SAAUkB,EAAQlB,SAClB0B,QAAS9D,KAAK8D,QACdqB,SAAU7B,EAAQZ,OAClBqC,IAAKC,GAAOhF,KAAKC,YAAYqD,EAAQnB,mBAAqB6C,EAAyB,eACrE,IAAMhF,KAAK6E,gBAAgBvB,IAExCA,EAAQf,YAQfrC,EAAA,QAAAyD,IAAA,2CAAMgB,GAAI3E,KAAKK,aAAc+E,OAAM,MACjCpF,KAAKqF,iBAENrF,KAAKwE,gBACLtE,EAAA,sCAAmCF,KAAKK,aAAY,eAAgBL,KAAKsF,gBAAgBjB,KAAKrE,OAC5FA,KAAKqB,YAAY+B,KAAIE,GACrBpD,EAAA,UAAQqF,MAAOjC,EAAQnB,kBAAmBqD,SAAUlC,EAAQZ,QAC1DY,EAAQf,UAIT,KAEJrC,EAAA,QAAAyD,IAAA,6C,CAKK,aAAA8B,GACP,OAAOzF,KAAKqB,YAAYqE,MAAKpC,GAAWA,EAAQZ,UAAW,I,CAGpD,eAAAmC,CAAgBvB,GACvB,MAAMqC,EAAQ3F,KAAKqB,YAAYyB,WAAU8C,GAAKA,EAAEzD,oBAAsBmB,EAAQnB,oBAC9EnC,KAAKgD,WAAa2C,EAClB3F,KAAKkD,sBAAsBI,EAAQnB,mBACnCnC,KAAKiD,WACLjD,KAAK6F,UAAUC,KAAK9F,KAAKyF,gBAAgBhD,Q,CAGlC,eAAA6C,CAAgBS,GACvB,MAAMC,EAAaD,EAAEE,OAA6BV,MAClDQ,EAAEG,kBACFlG,KAAKkD,sBAAsB8C,GAC3BhG,KAAKiD,WACLjD,KAAK6F,UAAUC,KAAK9F,KAAKyF,gBAAgBhD,Q,CAGlC,gBAAA2B,CAAiB2B,GACxB,MAAMI,EAAUJ,EAAEI,QAElBJ,EAAEG,kBACFlG,KAAKoG,aAAaD,E,CAGX,YAAAC,CAAaD,GACpB,GAAI,CAAC,GAAI,GAAI,GAAI,IAAIE,SAASF,GAAU,CACvC,GAAI,SAAWnG,KAAKgD,YAAc,GAAKhD,KAAKgD,YAAchD,KAAKqB,YAAYiF,OAAS,GAAI,CACvF,M,CAGDtG,KAAKqB,YAAYrB,KAAKgD,YAAYN,OAAS,MAE3C,GAAIyD,IAAY,IAAMA,IAAY,GAAI,CACrCnG,KAAKgD,aACL,GAAIhD,KAAKgD,YAAchD,KAAKqB,YAAYiF,OAAQ,CAC/CtG,KAAKgD,WAAa,C,CAEnB,GAAIhD,KAAKqB,YAAYrB,KAAKgD,YAAYZ,SAAU,CAC/CpC,KAAKoG,aAAa,G,OAEb,GAAID,IAAY,IAAMA,IAAY,GAAI,CAC5CnG,KAAKgD,aACL,GAAIhD,KAAKgD,WAAa,EAAG,CACxBhD,KAAKgD,WAAahD,KAAKqB,YAAYiF,OAAS,C,CAE7C,GAAItG,KAAKqB,YAAYrB,KAAKgD,YAAYZ,SAAU,CAC/CpC,KAAKoG,aAAa,G,EAIpB,GAAIpG,KAAKgD,YAAc,GAAKhD,KAAKgD,YAAchD,KAAKqB,YAAYiF,OAAS,EAAG,CAC3E,MAAMC,EAAUvG,KAAKqB,YAAYrB,KAAKgD,YACtCuD,EAAQ7D,OAAS,KACjB,MAAM8D,EAAUxG,KAAKC,YAAYsG,EAAQpE,mBACzC,GAAIqE,EAAQC,SAASC,gBAAkB,WAAY,CACjD1G,KAAKC,YAAYsG,EAAQpE,mBAA0CwE,U,KAC9D,CACN3G,KAAKC,YAAYsG,EAAQpE,mBAAmByE,O,CAG7C5G,KAAKqB,YAAc,IAAIrB,KAAKqB,aAC5BrB,KAAKiD,WACLjD,KAAK6F,UAAUC,KAAK9F,KAAKyF,gBAAgBhD,Q,GAS5C,aAAMoE,GACL7G,KAAKgB,oB,CAON,gBAAM8F,GACL,OAAO9G,KAAKyF,gBAAgBhD,SAAW,I,CAOxC,kBAAMsE,CAAa7E,GAClBlC,KAAKkD,sBAAsBhB,GAC3BlC,KAAKiD,U,CAON,cAAM+D,GACLhH,KAAKgB,oB,CAON,kBAAMI,GACL6F,EAAiBjH,KAAKqF,gBAAiB,oBAAqB1E,EAAUC,MACtEsG,EAAkBlH,KAAKiE,UAAWjE,KAAKkE,eAAgBvD,EAAUC,K","ignoreList":[]}
+{"version":3,"names":["govTabsCss","GovTabsStyle0","GovTabs","proxyCustomElement","H","constructor","this","triggerRefs","h","govHost","host","formSelectId","createID","validateType","newValue","validateProp","TabTypes","TabsClass","root","validateVariant","TabVariants","componentWillLoad","prepareControllers","componentDidRender","canValidateWcagOnRender","delay","validateWcag","ignoreIndexing","controllers","promises","querySelectorAll","TabsItemClass","forEach","tab","controlItem","Promise","all","getIdentifier","getTriggerIdentifier","getDisableState","then","identifier","triggerIdentifier","disabled","isDefault","getAttribute","label","contentIdentifier","element","active","default","push","reRender","defaultTabIndex","findIndex","controller","focusIndex","setActiveByIdentifier","temp","map","item","control","setActiveStatus","catch","render","Host","key","class","classes","variant","type","role","wcagLabel","wcagLabelledBy","onKeyDown","onKeydownHandler","bind","tabs","toBoolAttr","compactControls","list","btn","id","onClick","onSelectHandler","tabindex","ref","el","tag","focusable","inverse","hidden","wcagSelectLabel","onChangeHandler","value","selected","getCurrentTab","find","index","t","govChange","emit","e","triggerId","target","stopPropagation","keyCode","goToPrevNext","includes","length","current","trigger","nodeName","toLowerCase","setFocus","focus","refresh","currentTab","setActiveTab","rerender","validateWcagProp","validateWcagLabel"],"sources":["../../../packages/core/src/components/gov-tabs/gov-tabs.scss?tag=gov-tabs","../../../packages/core/src/components/gov-tabs/gov-tabs.tsx"],"sourcesContent":["/*\n *   Tabs\n */\n\n$class: \".gov-tabs\";\n\n#{$class} {\n\t@include base();\n\t&__list {\n\t\t@extend %reset-ul;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tmargin: rem-calc(0 0 20);\n\t}\n\t&__list > &__item {\n\t\t@extend %reset-ul-li;\n\t\tdisplay: flex;\n\t\tmargin: 0;\n\t}\n\t&__btn {\n\t\t@include typography($font-size-s);\n\t\t@include button-core();\n\t\t@include focus-outline();\n\t\tmargin: 0;\n\t\tpadding: rem-calc(12 0 10);\n\t\tborder-bottom: rem-calc(2) solid transparent;\n\t\tfont-weight: 700;\n\t\ttext-align: center;\n\t\ttransition: $t linear color, $t linear border-color;\n\t\t&[disabled] {\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n\n\t// VARIANTS\n\t@each $type, $definitions in $tabs-types {\n\t\t&[type=\"#{$type}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__list {\n\t\t\t\t\tgap: get(\"item-spacing\", $definitions);\n\t\t\t\t\t@if deep-map-check($definitions, \"border\") {\n\t\t\t\t\t\tborder-bottom: $tabs-list-border;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $definitions in $tabs-variants {\n\t\t&[variant=\"#{$variant}\"][type=\"text\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__btn:not([disabled]) {\n\t\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t\t@include hover() {\n\t\t\t\t\t\tcolor: get(\"color-hover\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// STATES\n\t\t\t\t&__btn[aria-selected=\"true\"] {\n\t\t\t\t\tborder-bottom-color: get(\"color-active\", $definitions);\n\t\t\t\t\tcolor: get(\"color-active\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t&[orientation=\"vertical\"] {\n\t\t#{$class}__btn {\n\t\t\ttext-align: left;\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: xl) {\n\t\t&[orientation=\"vertical\"] {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\n\t\t\t#{$class}__list {\n\t\t\t\tflex-wrap: nowrap;\n\t\t\t\tflex-direction: column;\n\t\t\t\twidth: max-content;\n\t\t\t\tmax-width: 30vw;\n\t\t\t\tmargin-right: rem-calc(20);\n\t\t\t\tpadding: rem-calc(0 8);\n\t\t\t\tborder-bottom: none;\n\t\t\t\tborder-right: $tabs-list-border;\n\t\t\t}\n\n\t\t\t#{$class}__item {\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\n\t\t\t#{$class}__btn {\n\t\t\t\tpadding: rem-calc(8 12);\n\t\t\t\ttext-align: right;\n\t\t\t}\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\n\nimport {govHost, toBoolAttr} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {canValidateWcagOnRender} from \"../../helpers/Dom/win\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {validateWcagLabel, validateWcagProp} from \"../../helpers/Validate/wcag\"\nimport {Nullable} from \"../../types/interfaces\"\nimport {createID} from \"../../utils/string.utils\"\nimport {delay} from \"../../utils/utils\"\nimport {TabOrientationType, TabsClass, TabsItemClass, TabType, TabTypes, TabVariants, VariantType} from \"./constants\"\nimport {GovTabControllerItem} from \"./gov-tabs.types\"\n\n@Component({\n\ttag: \"gov-tabs\",\n\tstyleUrl: \"gov-tabs.scss\",\n})\nexport class GovTabs {\n\tprivate h: GovHost\n\tprivate triggerRefs: Record<string, HTMLButtonElement | HTMLGovChipElement> = {}\n\n\tprivate readonly formSelectId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.formSelectId = createID(\"GovFormSelect\")\n\t}\n\n\t@Element() host: HTMLGovTabsElement\n\t@State() controllers: GovTabControllerItem[] = []\n\t@State() focusIndex = 0\n\t@State() compactControls = false\n\t/**\n\t * Tabs type\n\t */\n\t@Prop() readonly type: TabType = \"text\"\n\t/**\n\t * Style variation of the tab chips.\n\t */\n\t@Prop() readonly variant?: VariantType = \"primary\"\n\t/**\n\t * Tabs orientation\n\t */\n\t@Prop() readonly orientation: TabOrientationType = \"horizontal\"\n\t/**\n\t * Adds accessible label for the tabs that is only shown for screen readers.\n\t */\n\t@Prop({attribute: \"wcag-label\"}) readonly wcagLabel: string\n\t/**\n\t * Adds accessible label for the tabs select\n\t */\n\t@Prop({attribute: \"wcag-select-label\"}) readonly wcagSelectLabel: string\n\t/**\n\t * Indicates the id of a component that labels the tabs.\n\t */\n\t@Prop({attribute: \"wcag-labelled-by\"}) readonly wcagLabelledBy: string\n\t/**\n\t * Emitted when the tab is changed.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<HTMLGovTabsItemElement>\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(TabTypes, newValue, TabsClass.root)\n\t}\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(TabVariants, newValue, TabsClass.root)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.prepareControllers()\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tprivate prepareControllers(ignoreIndexing = false): void {\n\t\tthis.controllers = []\n\t\tconst promises: Promise<GovTabControllerItem>[] = []\n\t\tthis.host.querySelectorAll(TabsItemClass.root).forEach((tab: HTMLGovTabsItemElement) => {\n\t\t\tconst controlItem = Promise.all([\n\t\t\t\ttab.getIdentifier(),\n\t\t\t\ttab.getTriggerIdentifier(),\n\t\t\t\ttab.getDisableState()\n\t\t\t]).then(([identifier, triggerIdentifier, disabled]) => {\n\t\t\t\tconst isDefault = typeof tab.getAttribute(\"default\") === \"string\"\n\t\t\t\treturn {\n\t\t\t\t\tlabel: tab.getAttribute(\"label\"),\n\t\t\t\t\tcontentIdentifier: identifier,\n\t\t\t\t\tdisabled: disabled,\n\t\t\t\t\ttriggerIdentifier: triggerIdentifier,\n\t\t\t\t\telement: tab,\n\t\t\t\t\tactive: false,\n\t\t\t\t\tdefault: isDefault,\n\t\t\t\t}\n\t\t\t})\n\t\t\tpromises.push(controlItem)\n\t\t});\n\t\tif (ignoreIndexing) {\n\t\t\tthis.reRender()\n\t\t\treturn\n\t\t}\n\t\tPromise.all(promises).then(controllers => {\n\t\t\tlet defaultTabIndex = controllers.findIndex(controller => controller.default)\n\t\t\tif (defaultTabIndex === -1) defaultTabIndex = 0\n\t\t\tthis.focusIndex = defaultTabIndex\n\t\t\tcontrollers[defaultTabIndex].active = true\n\t\t\tthis.controllers = [...controllers]\n\t\t\tthis.reRender()\n\t\t})\n\t}\n\n\tprivate setActiveByIdentifier(identifier: string) {\n\t\tconst temp = []\n\t\tthis.controllers.map(item => {\n\t\t\titem.active = identifier === item.triggerIdentifier || identifier === item.contentIdentifier\n\t\t\ttemp.push(item)\n\t\t})\n\t\tthis.controllers = [...temp]\n\t}\n\n\tprivate reRender() {\n\t\tthis.controllers.map(control => {\n\t\t\tcontrol.element.setActiveStatus(control.active).catch()\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(TabsClass.root)}\n\t\t\t\tvariant={this.variant}\n\t\t\t\ttype={this.type}\n\t\t\t\trole=\"tablist\"\n\t\t\t\taria-label={this.wcagLabel}\n\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\tonKeyDown={this.onKeydownHandler.bind(this)}\n\t\t\t>\n\t\t\t\t<div class={TabsClass.tabs} aria-hidden={toBoolAttr(this.compactControls)}>\n\t\t\t\t\t<ul class={TabsClass.list}>\n\t\t\t\t\t\t{this.controllers.map(control => (\n\t\t\t\t\t\t\t<li class={TabsClass.item}>\n\t\t\t\t\t\t\t\t{this.type == \"text\" ? (\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclass={TabsClass.btn}\n\t\t\t\t\t\t\t\t\t\tid={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\taria-disabled={toBoolAttr(control.disabled)}\n\t\t\t\t\t\t\t\t\t\taria-selected={toBoolAttr(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\ttabindex={control.active && !control.disabled ? 0 : -1}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLButtonElement)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<gov-chip\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttag={'button'}\n\t\t\t\t\t\t\t\t\t\tidentifier={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\twcag-selected={control.active}\n\t\t\t\t\t\t\t\t\t\twcag-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\tfocusable={control.active}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\t\t\t\tinverse={!control.active}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLGovChipElement)}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t</gov-chip>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\t\t\t\t<span id={this.formSelectId} hidden>\n\t\t\t\t\t{this.wcagSelectLabel}\n\t\t\t\t</span>\n\t\t\t\t{this.compactControls ? (\n\t\t\t\t\t<gov-form-select wcag-labelled-by={this.formSelectId} onGov-change={this.onChangeHandler.bind(this)}>\n\t\t\t\t\t\t{this.controllers.map(control => (\n\t\t\t\t\t\t\t<option value={control.triggerIdentifier} selected={control.active}>\n\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t) : null}\n\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate getCurrentTab(): GovTabControllerItem | null {\n\t\treturn this.controllers.find(control => control.active) || null\n\t}\n\n\tprivate onSelectHandler(control: GovTabControllerItem) {\n\t\tconst index = this.controllers.findIndex(t => t.triggerIdentifier === control.triggerIdentifier);\n\t\tthis.focusIndex = index\n\t\tthis.setActiveByIdentifier(control.triggerIdentifier)\n\t\tthis.reRender()\n\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t}\n\n\tprivate onChangeHandler(e: CustomEvent) {\n\t\tconst triggerId = (e.target as HTMLSelectElement).value\n\t\te.stopPropagation()\n\t\tthis.setActiveByIdentifier(triggerId)\n\t\tthis.reRender()\n\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t}\n\n\tprivate onKeydownHandler(e: KeyboardEvent) {\n\t\tconst keyCode = e.keyCode\n\n\t\te.stopPropagation()\n\t\tthis.goToPrevNext(keyCode)\n\t}\n\n\tprivate goToPrevNext(keyCode: number) {\n\t\tif ([37, 38, 39, 40].includes(keyCode)) {\n\t\t\tif (false === (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1)) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.controllers[this.focusIndex].active = false\n\n\t\t\tif (keyCode === 39 || keyCode === 40) {\n\t\t\t\tthis.focusIndex++\n\t\t\t\tif (this.focusIndex >= this.controllers.length) {\n\t\t\t\t\tthis.focusIndex = 0\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(40)\n\t\t\t\t}\n\t\t\t} else if (keyCode === 37 || keyCode === 38) {\n\t\t\t\tthis.focusIndex--\n\t\t\t\tif (this.focusIndex < 0) {\n\t\t\t\t\tthis.focusIndex = this.controllers.length - 1\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(38)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1) {\n\t\t\t\tconst current = this.controllers[this.focusIndex]\n\t\t\t\tcurrent.active = true\n\t\t\t\tconst trigger = this.triggerRefs[current.triggerIdentifier]\n\t\t\t\tif (trigger.nodeName.toLowerCase() === 'gov-chip') {\n\t\t\t\t\t(this.triggerRefs[current.triggerIdentifier] as HTMLGovChipElement).setFocus()\n\t\t\t\t} else {\n\t\t\t\t\tthis.triggerRefs[current.triggerIdentifier].focus()\n\t\t\t\t}\n\n\t\t\t\tthis.controllers = [...this.controllers]\n\t\t\t\tthis.reRender()\n\t\t\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync refresh(): Promise<void> {\n\t\tthis.prepareControllers()\n\t}\n\n\t/**\n\t * Returns the currently selected tabs-item\n\t */\n\t@Method()\n\tasync currentTab(): Promise<Nullable<HTMLGovTabsItemElement>> {\n\t\treturn this.getCurrentTab().element || null\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync setActiveTab(identifier: string): Promise<void> {\n\t\tthis.setActiveByIdentifier(identifier)\n\t\tthis.reRender()\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync rerender(): Promise<void> {\n\t\tthis.prepareControllers(true);\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagProp(this.wcagSelectLabel, \"wcag-select-label\", TabsClass.root)\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, TabsClass.root)\n\t}\n}\n"],"mappings":"icAAA,MAAMA,EAAa,wgKACnB,MAAAC,EAAeD,E,MCgBFE,EAAOC,EAAA,MAAAD,UAAAE,EAMnB,WAAAC,G,oEAJQC,KAAAC,YAAsE,G,iBAU/B,G,gBACzB,E,qBACK,M,UAIM,O,aAIQ,U,iBAIU,a,sFAnBlDD,KAAKE,EAAIC,EAAQH,KAAKI,MACtBJ,KAAKK,aAAeC,EAAS,gB,CAqC9B,YAAAC,CAAaC,GACZC,EAAaC,EAAUF,EAAUG,EAAUC,K,CAI5C,eAAAC,CAAgBL,GACfC,EAAaK,EAAaN,EAAUG,EAAUC,K,CAG/C,iBAAAG,GACCf,KAAKgB,oB,CAGN,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNnB,KAAKoB,c,EAIL,kBAAAJ,CAAmBK,EAAiB,OAC3CrB,KAAKsB,YAAc,GACnB,MAAMC,EAA4C,GAClDvB,KAAKI,KAAKoB,iBAAiBC,EAAcb,MAAMc,SAASC,IACvD,MAAMC,EAAcC,QAAQC,IAAI,CAC/BH,EAAII,gBACJJ,EAAIK,uBACJL,EAAIM,oBACFC,MAAK,EAAEC,EAAYC,EAAmBC,MACxC,MAAMC,SAAmBX,EAAIY,aAAa,aAAe,SACzD,MAAO,CACNC,MAAOb,EAAIY,aAAa,SACxBE,kBAAmBN,EACnBE,SAAUA,EACVD,kBAAmBA,EACnBM,QAASf,EACTgB,OAAQ,MACRC,QAASN,EACT,IAEFf,EAASsB,KAAKjB,EAAY,IAE3B,GAAIP,EAAgB,CACnBrB,KAAK8C,WACL,M,CAEDjB,QAAQC,IAAIP,GAAUW,MAAKZ,IAC1B,IAAIyB,EAAkBzB,EAAY0B,WAAUC,GAAcA,EAAWL,UACrE,GAAIG,KAAqB,EAAGA,EAAkB,EAC9C/C,KAAKkD,WAAaH,EAClBzB,EAAYyB,GAAiBJ,OAAS,KACtC3C,KAAKsB,YAAc,IAAIA,GACvBtB,KAAK8C,UAAU,G,CAIT,qBAAAK,CAAsBhB,GAC7B,MAAMiB,EAAO,GACbpD,KAAKsB,YAAY+B,KAAIC,IACpBA,EAAKX,OAASR,IAAemB,EAAKlB,mBAAqBD,IAAemB,EAAKb,kBAC3EW,EAAKP,KAAKS,EAAK,IAEhBtD,KAAKsB,YAAc,IAAI8B,E,CAGhB,QAAAN,GACP9C,KAAKsB,YAAY+B,KAAIE,IACpBA,EAAQb,QAAQc,gBAAgBD,EAAQZ,QAAQc,OAAO,G,CAIzD,MAAAC,GACC,OACCxD,EAACyD,EAAI,CAAAC,IAAA,2CACJC,MAAO7D,KAAKE,EAAE4D,QAAQnD,EAAUC,MAChCmD,QAAS/D,KAAK+D,QACdC,KAAMhE,KAAKgE,KACXC,KAAK,UAAS,aACFjE,KAAKkE,UAAS,kBACTlE,KAAKmE,eACtBC,UAAWpE,KAAKqE,iBAAiBC,KAAKtE,OAEtCE,EAAA,OAAA0D,IAAA,2CAAKC,MAAOlD,EAAU4D,KAAI,cAAeC,EAAWxE,KAAKyE,kBACxDvE,EAAA,MAAA0D,IAAA,2CAAIC,MAAOlD,EAAU+D,MACnB1E,KAAKsB,YAAY+B,KAAIE,GACrBrD,EAAA,MAAI2D,MAAOlD,EAAU2C,MACnBtD,KAAKgE,MAAQ,OACb9D,EAAA,UACC2D,MAAOlD,EAAUgE,IACjBC,GAAIrB,EAAQnB,kBACZ6B,KAAK,MACLY,QAAS,IAAM7E,KAAK8E,gBAAgBvB,GACpClB,SAAUkB,EAAQlB,SAAQ,gBACXmC,EAAWjB,EAAQlB,UAAS,gBAC5BmC,EAAWjB,EAAQZ,QAAO,gBAC1BY,EAAQd,kBACvBsC,SAAUxB,EAAQZ,SAAWY,EAAQlB,SAAW,GAAK,EACrD2C,IAAKC,GAAOjF,KAAKC,YAAYsD,EAAQnB,mBAAqB6C,GAEzD1B,EAAQf,OAGVtC,EAAA,YACC+D,KAAK,MACLiB,IAAK,SACL/C,WAAYoB,EAAQnB,kBAAiB,gBACtBmB,EAAQZ,OAAM,gBACdY,EAAQd,kBACvB0C,UAAW5B,EAAQZ,OACnBN,SAAUkB,EAAQlB,SAClB0B,QAAS/D,KAAK+D,QACdqB,SAAU7B,EAAQZ,OAClBqC,IAAKC,GAAOjF,KAAKC,YAAYsD,EAAQnB,mBAAqB6C,EAAyB,eACrE,IAAMjF,KAAK8E,gBAAgBvB,IAExCA,EAAQf,YAQftC,EAAA,QAAA0D,IAAA,2CAAMgB,GAAI5E,KAAKK,aAAcgF,OAAM,MACjCrF,KAAKsF,iBAENtF,KAAKyE,gBACLvE,EAAA,sCAAmCF,KAAKK,aAAY,eAAgBL,KAAKuF,gBAAgBjB,KAAKtE,OAC5FA,KAAKsB,YAAY+B,KAAIE,GACrBrD,EAAA,UAAQsF,MAAOjC,EAAQnB,kBAAmBqD,SAAUlC,EAAQZ,QAC1DY,EAAQf,UAIT,KAEJtC,EAAA,QAAA0D,IAAA,6C,CAKK,aAAA8B,GACP,OAAO1F,KAAKsB,YAAYqE,MAAKpC,GAAWA,EAAQZ,UAAW,I,CAGpD,eAAAmC,CAAgBvB,GACvB,MAAMqC,EAAQ5F,KAAKsB,YAAY0B,WAAU6C,GAAKA,EAAEzD,oBAAsBmB,EAAQnB,oBAC9EpC,KAAKkD,WAAa0C,EAClB5F,KAAKmD,sBAAsBI,EAAQnB,mBACnCpC,KAAK8C,WACL9C,KAAK8F,UAAUC,KAAK/F,KAAK0F,gBAAgBhD,Q,CAGlC,eAAA6C,CAAgBS,GACvB,MAAMC,EAAaD,EAAEE,OAA6BV,MAClDQ,EAAEG,kBACFnG,KAAKmD,sBAAsB8C,GAC3BjG,KAAK8C,WACL9C,KAAK8F,UAAUC,KAAK/F,KAAK0F,gBAAgBhD,Q,CAGlC,gBAAA2B,CAAiB2B,GACxB,MAAMI,EAAUJ,EAAEI,QAElBJ,EAAEG,kBACFnG,KAAKqG,aAAaD,E,CAGX,YAAAC,CAAaD,GACpB,GAAI,CAAC,GAAI,GAAI,GAAI,IAAIE,SAASF,GAAU,CACvC,GAAI,SAAWpG,KAAKkD,YAAc,GAAKlD,KAAKkD,YAAclD,KAAKsB,YAAYiF,OAAS,GAAI,CACvF,M,CAGDvG,KAAKsB,YAAYtB,KAAKkD,YAAYP,OAAS,MAE3C,GAAIyD,IAAY,IAAMA,IAAY,GAAI,CACrCpG,KAAKkD,aACL,GAAIlD,KAAKkD,YAAclD,KAAKsB,YAAYiF,OAAQ,CAC/CvG,KAAKkD,WAAa,C,CAEnB,GAAIlD,KAAKsB,YAAYtB,KAAKkD,YAAYb,SAAU,CAC/CrC,KAAKqG,aAAa,G,OAEb,GAAID,IAAY,IAAMA,IAAY,GAAI,CAC5CpG,KAAKkD,aACL,GAAIlD,KAAKkD,WAAa,EAAG,CACxBlD,KAAKkD,WAAalD,KAAKsB,YAAYiF,OAAS,C,CAE7C,GAAIvG,KAAKsB,YAAYtB,KAAKkD,YAAYb,SAAU,CAC/CrC,KAAKqG,aAAa,G,EAIpB,GAAIrG,KAAKkD,YAAc,GAAKlD,KAAKkD,YAAclD,KAAKsB,YAAYiF,OAAS,EAAG,CAC3E,MAAMC,EAAUxG,KAAKsB,YAAYtB,KAAKkD,YACtCsD,EAAQ7D,OAAS,KACjB,MAAM8D,EAAUzG,KAAKC,YAAYuG,EAAQpE,mBACzC,GAAIqE,EAAQC,SAASC,gBAAkB,WAAY,CACjD3G,KAAKC,YAAYuG,EAAQpE,mBAA0CwE,U,KAC9D,CACN5G,KAAKC,YAAYuG,EAAQpE,mBAAmByE,O,CAG7C7G,KAAKsB,YAAc,IAAItB,KAAKsB,aAC5BtB,KAAK8C,WACL9C,KAAK8F,UAAUC,KAAK/F,KAAK0F,gBAAgBhD,Q,GAS5C,aAAMoE,GACL9G,KAAKgB,oB,CAON,gBAAM+F,GACL,OAAO/G,KAAK0F,gBAAgBhD,SAAW,I,CAOxC,kBAAMsE,CAAa7E,GAClBnC,KAAKmD,sBAAsBhB,GAC3BnC,KAAK8C,U,CAON,cAAMmE,GACLjH,KAAKgB,mBAAmB,K,CAOzB,kBAAMI,GACL8F,EAAiBlH,KAAKsF,gBAAiB,oBAAqB3E,EAAUC,MACtEuG,EAAkBnH,KAAKkE,UAAWlE,KAAKmE,eAAgBxD,EAAUC,K","ignoreList":[]}

package/dist/components/gov-tag.js

@@ -1,2 +1,2 @@
-import{p as e,H as r,h as o,d as a}from"./p-d6759ac3.js";import{g as t}from"./p-d687df8f.js";import{v as n}from"./p-344c72d7.js";import{b as v,a as i}from"./p-9370b15f.js";import{p as l}from"./p-016bbea6.js";import{d as s}from"./p-84d0a332.js";const g={root:"gov-tag"};const c='.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))}';const d=c;const b=e(class e extends r{constructor(){super();this.__registerHost();this.inverse=false;this.iconLeft=undefined;this.iconRight=undefined;this.size=v._S;this.variant=i.PRIMARY;this.h=t(this.host)}validateVariant(e){n(i,e,g.root)}validateSize(e){n(v,e,g.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size)}render(){const e=l(this.iconLeft);const r=l(this.iconRight);return o(a,{key:"5faf7a32d4f4dc6db4d7b6cc0254cb7d1b51f7ba",class:this.h.classes(g.root),variant:this.variant,type:this.inverse?undefined:"solid",size:this.size,inverse:this.inverse},o("span",{key:"bf51d6b6e8e0b23d0f7cbf8b7abea864aef502b7",class:"element"},this.h.hasSlot("left-icon")&&o("slot",{key:"28c5bdbc1adb469de48128c04d2024c74c10276f",name:"left-icon"}),e&&o("gov-icon",{key:"2d78cd9606a3df5cf1266ba2f6309b40d863b750",type:e.type,name:e.name}),o("slot",{key:"82867f460afc2c31028d285f6810ed80b2594e5a"}),r&&o("gov-icon",{key:"42448101cfb452efbf590e0c25bfe87bd6d03a8b",type:r.type,name:r.name}),this.h.hasSlot("right-icon")&&o("slot",{key:"822bde35475e9db4a125853a5265c83c4a805d2d",name:"right-icon"})))}get host(){return this}static get watchers(){return{variant:["validateVariant"],size:["validateSize"]}}static get style(){return d}},[4,"gov-tag",{inverse:[4],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],size:[513],variant:[513]},undefined,{variant:["validateVariant"],size:["validateSize"]}]);function u(){if(typeof customElements==="undefined"){return}const e=["gov-tag","gov-icon"];e.forEach((e=>{switch(e){case"gov-tag":if(!customElements.get(e)){customElements.define(e,b)}break;case"gov-icon":if(!customElements.get(e)){s()}break}}))}u();const m=b;const y=u;export{m as GovTag,y as defineCustomElement};
+import{p as e,H as r,h as o,d as a}from"./p-d6759ac3.js";import{g as t}from"./p-d687df8f.js";import{v as n}from"./p-344c72d7.js";import{b as v,a as i}from"./p-9370b15f.js";import{p as l}from"./p-016bbea6.js";import{d as s}from"./p-081fbcdd.js";const g={root:"gov-tag"};const c='.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))}';const d=c;const b=e(class e extends r{constructor(){super();this.__registerHost();this.inverse=false;this.iconLeft=undefined;this.iconRight=undefined;this.size=v._S;this.variant=i.PRIMARY;this.h=t(this.host)}validateVariant(e){n(i,e,g.root)}validateSize(e){n(v,e,g.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size)}render(){const e=l(this.iconLeft);const r=l(this.iconRight);return o(a,{key:"5faf7a32d4f4dc6db4d7b6cc0254cb7d1b51f7ba",class:this.h.classes(g.root),variant:this.variant,type:this.inverse?undefined:"solid",size:this.size,inverse:this.inverse},o("span",{key:"bf51d6b6e8e0b23d0f7cbf8b7abea864aef502b7",class:"element"},this.h.hasSlot("left-icon")&&o("slot",{key:"28c5bdbc1adb469de48128c04d2024c74c10276f",name:"left-icon"}),e&&o("gov-icon",{key:"2d78cd9606a3df5cf1266ba2f6309b40d863b750",type:e.type,name:e.name}),o("slot",{key:"82867f460afc2c31028d285f6810ed80b2594e5a"}),r&&o("gov-icon",{key:"42448101cfb452efbf590e0c25bfe87bd6d03a8b",type:r.type,name:r.name}),this.h.hasSlot("right-icon")&&o("slot",{key:"822bde35475e9db4a125853a5265c83c4a805d2d",name:"right-icon"})))}get host(){return this}static get watchers(){return{variant:["validateVariant"],size:["validateSize"]}}static get style(){return d}},[4,"gov-tag",{inverse:[4],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],size:[513],variant:[513]},undefined,{variant:["validateVariant"],size:["validateSize"]}]);function u(){if(typeof customElements==="undefined"){return}const e=["gov-tag","gov-icon"];e.forEach((e=>{switch(e){case"gov-tag":if(!customElements.get(e)){customElements.define(e,b)}break;case"gov-icon":if(!customElements.get(e)){s()}break}}))}u();const m=b;const y=u;export{m as GovTag,y as defineCustomElement};
 //# sourceMappingURL=gov-tag.js.map

package/dist/components/gov-toast.js

@@ -1,2 +1,2 @@
-import{p as o,H as t,c as r,h as a,d as s}from"./p-d6759ac3.js";import{v as i}from"./p-344c72d7.js";import{V as e,T as c}from"./p-03dbb8b1.js";import{p as n}from"./p-e0e2e9c1.js";import{g as v}from"./p-d687df8f.js";import{c as g}from"./p-95d41a3b.js";import{d as l}from"./p-9c9fc4ae.js";import{d}from"./p-84d0a332.js";const m=n(e,["SUCCESS","WARNING","ERROR","SECONDARY","PRIMARY"]);n(c,["CLASSIC","SOLID"]);const p={root:"gov-toast",hidden:"gov-toast--hidden",icon:"gov-toast__icon",content:"gov-toast__content",close:"gov-toast__close",timer:"gov-toast__timer"};const h=".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-toast{position:relative;display:flex;gap:1rem;flex-direction:column;padding:0.75rem 1rem;border-left:0.25rem solid transparent;background:var(--gov-toast-message-bg, var(--gov-color-neutral-white));z-index:301;position:relative;position:fixed;max-width:23.4375rem;padding-right:3.125rem;opacity:1;transition:opacity 300ms ease-in-out}.gov-toast__icon{flex:0 0 1.25rem;width:1.25rem;height:1.25rem}.gov-toast__content{flex:1 1 auto}.gov-toast__content>*:last-child{margin-bottom:0}.gov-toast__content p{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)}@media (min-width: 30em){.gov-toast{flex-direction:row}}.gov-toast__content{padding-right:0}.gov-toast__close{position:absolute;top:0.5rem;right:0.75rem}.gov-toast__timer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.gov-toast--hidden{opacity:0}.gov-toast[gravity=top i]{top:1rem}.gov-toast[gravity=bottom i]{bottom:1rem}.gov-toast[position=left i]{left:1rem}.gov-toast[position=center i]{left:50%;transform:translateX(-50%)}.gov-toast[position=right i]{right:1rem}.gov-toast[type=solid i]{border:none;border-radius:0.25rem;overflow:hidden;box-shadow:none}.gov-toast[type=solid i].is-initialized .gov-toast__timer{transform-origin:right;animation:countdown linear forwards var(--toast-duration, 0)}.gov-toast[variant=warning]{border-left-color:var(--gov-toast-warning-codecor-lor, var(--gov-color-warning))}.gov-toast[variant=warning] .gov-toast__icon{color:var(--gov-toast-warning-codecor-lor, var(--gov-color-warning))}.gov-toast[variant=warning][type=solid i]{background-color:var(--gov-toast-warning-background, var(--gov-color-warning));color:var(--gov-toast-warning-color, var(--gov-color-secondary))}.gov-toast[variant=warning][type=solid i] .gov-toast__icon{color:var(--gov-toast-warning-color, var(--gov-color-secondary))}.gov-toast[variant=warning][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-warning-timer-background, rgba(var(--gov-color-warning-500-rgb), 0.3))}.gov-toast[variant=error]{border-left-color:var(--gov-toast-error-colodecor-r, var(--gov-color-error))}.gov-toast[variant=error] .gov-toast__icon{color:var(--gov-toast-error-colodecor-r, var(--gov-color-error))}.gov-toast[variant=error][type=solid i]{background-color:var(--gov-toast-error-background, var(--gov-color-error));color:var(--gov-toast-error-color, var(--gov-color-neutral-white))}.gov-toast[variant=error][type=solid i] .gov-toast__icon{color:var(--gov-toast-error-color, var(--gov-color-neutral-white))}.gov-toast[variant=error][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-error-timer-background, rgba(var(--gov-color-error-500-rgb), 0.5))}.gov-toast[variant=success]{border-left-color:var(--gov-toast-success-codecor-lor, var(--gov-color-success))}.gov-toast[variant=success] .gov-toast__icon{color:var(--gov-toast-success-codecor-lor, var(--gov-color-success))}.gov-toast[variant=success][type=solid i]{background-color:var(--gov-toast-success-background, var(--gov-color-success-500));color:var(--gov-toast-success-color, var(--gov-color-neutral-white))}.gov-toast[variant=success][type=solid i] .gov-toast__icon{color:var(--gov-toast-success-color, var(--gov-color-neutral-white))}.gov-toast[variant=success][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-success-timer-background, rgba(var(--gov-color-success-600-rgb), 0.5))}.gov-toast[variant=primary]{border-left-color:var(--gov-toast-primary-codecor-lor, var(--gov-color-primary))}.gov-toast[variant=primary] .gov-toast__icon{color:var(--gov-toast-primary-codecor-lor, var(--gov-color-primary))}.gov-toast[variant=primary][type=solid i]{background-color:var(--gov-toast-primary-background, var(--gov-color-primary));color:var(--gov-toast-primary-color, var(--gov-color-neutral-white))}.gov-toast[variant=primary][type=solid i] .gov-toast__icon{color:var(--gov-toast-primary-color, var(--gov-color-neutral-white))}.gov-toast[variant=primary][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-primary-timer-background, rgba(var(--gov-color-primary-700-rgb), 0.5))}.gov-toast[variant=secondary]{border-left-color:var(--gov-toast-secondary-decor-color, var(--gov-color-secondary))}.gov-toast[variant=secondary] .gov-toast__icon{color:var(--gov-toast-secondary-decor-color, var(--gov-color-secondary))}.gov-toast[variant=secondary][type=solid i]{background-color:var(--gov-toast-secondary-background, var(--gov-color-secondary));color:var(--gov-toast-secondary-color, var(--gov-color-neutral-white))}.gov-toast[variant=secondary][type=solid i] .gov-toast__icon{color:var(--gov-toast-secondary-color, var(--gov-color-neutral-white))}.gov-toast[variant=secondary][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-secondary-timer-background, rgba(var(--gov-color-secondary-900-rgb), 0.5))}@media (min-width: 30em){.gov-toast__content{padding-right:2rem}}";const u=h;const b=o(class o extends t{constructor(){super();this.__registerHost();this.govClose=r(this,"gov-close",7);this.variant="primary";this.gravity="top";this.position="right";this.type="classic";this.time=0;this.closeLabel=undefined;this.wcagCloseLabel=undefined;this.h=v(this.host);this.toastId=g("GovToast")}validateVariant(o){i(m,o,p.root)}componentWillLoad(){this.validateVariant(this.variant);this.runTimer()}disconnectedCallback(){clearTimeout(this.timeout)}runTimer(){if(this.isSolid){this.host.classList.add("is-initialized")}if(this.isTimer){this.timeout=setTimeout((()=>{this.host.classList.add(p.hidden);setTimeout((()=>{this.destroy().catch();this.govClose.emit(this.toastId)}),600)}),this.time)}}render(){return a(s,{key:"b2f011146ea89c841a14bb91d4cd469054ca4c3f",class:this.h.classes([p.root,"gov-box-shadow--m"]),"data-toast-id":this.toastId,gravity:this.gravity,position:this.position,variant:this.variant,type:this.type,style:{"--toast-duration":this.time+"ms"}},this.h.hasSlot("icon")&&a("span",{key:"1f51ceb58b292aa675a498e0609c8a6ccf052297",class:p.icon},a("slot",{key:"7a673da01d320f9571bf7580b56e3f65434e66be",name:"icon"})),a("div",{key:"3cf7a20d7800ce421e826278c7bf4cf71c5ca5a5",class:p.content,"aria-live":"polite",role:"status"},a("slot",{key:"9e0648e2c8c5667deb4baccaa78d5a26a1943ae7"})),a("div",{key:"583ce0755e731bd44738e7e89a20d8ba29b07990",class:p.close},a("gov-button",{key:"97f635fa5cc51d071c667b4408f37506cf5e8f04",size:"s","wcag-label":this.wcagCloseLabel,variant:this.isSolid?this.variant:"secondary",inverse:this.isSolid,type:"base","on-gov-click":this.onCloseHandler.bind(this)},this.closeLabel?this.closeLabel:a("gov-icon",{name:"x-lg"}))),a("div",{key:"d8bf898c3032d2874c925da9302ea76341b13c2a",class:p.timer}))}onCloseHandler(){this.destroy().then((()=>this.govClose.emit(this.toastId))).catch()}get isSolid(){return this.type==="solid"}get isTimer(){return Number.isInteger(this.time)&&this.time>0}async destroy(){clearTimeout(this.timeout);const o=document.querySelector(`[data-toast-id="${this.toastId}"]`);if(o){o.classList.add(p.hidden);if(typeof o.remove==="function"){o.remove()}}}get host(){return this}static get watchers(){return{variant:["validateVariant"]}}static get style(){return u}},[4,"gov-toast",{variant:[1],gravity:[1],position:[1],type:[1],time:[2],closeLabel:[1,"close-label"],wcagCloseLabel:[1,"wcag-close-label"],destroy:[64]},undefined,{variant:["validateVariant"]}]);function y(){if(typeof customElements==="undefined"){return}const o=["gov-toast","gov-button","gov-icon"];o.forEach((o=>{switch(o){case"gov-toast":if(!customElements.get(o)){customElements.define(o,b)}break;case"gov-button":if(!customElements.get(o)){l()}break;case"gov-icon":if(!customElements.get(o)){d()}break}}))}y();const f=b;const _=y;export{f as GovToast,_ as defineCustomElement};
+import{p as o,H as t,c as r,h as a,d as s}from"./p-d6759ac3.js";import{v as i}from"./p-344c72d7.js";import{V as e,T as c}from"./p-03dbb8b1.js";import{p as n}from"./p-e0e2e9c1.js";import{g as v}from"./p-d687df8f.js";import{c as g}from"./p-95d41a3b.js";import{d as l}from"./p-45c5da49.js";import{d}from"./p-081fbcdd.js";const m=n(e,["SUCCESS","WARNING","ERROR","SECONDARY","PRIMARY"]);n(c,["CLASSIC","SOLID"]);const p={root:"gov-toast",hidden:"gov-toast--hidden",icon:"gov-toast__icon",content:"gov-toast__content",close:"gov-toast__close",timer:"gov-toast__timer"};const h=".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-toast{position:relative;display:flex;gap:1rem;flex-direction:column;padding:0.75rem 1rem;border-left:0.25rem solid transparent;background:var(--gov-toast-message-bg, var(--gov-color-neutral-white));z-index:301;position:relative;position:fixed;max-width:23.4375rem;padding-right:3.125rem;opacity:1;transition:opacity 300ms ease-in-out}.gov-toast__icon{flex:0 0 1.25rem;width:1.25rem;height:1.25rem}.gov-toast__content{flex:1 1 auto}.gov-toast__content>*:last-child{margin-bottom:0}.gov-toast__content p{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)}@media (min-width: 30em){.gov-toast{flex-direction:row}}.gov-toast__content{padding-right:0}.gov-toast__close{position:absolute;top:0.5rem;right:0.75rem}.gov-toast__timer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.gov-toast--hidden{opacity:0}.gov-toast[gravity=top i]{top:1rem}.gov-toast[gravity=bottom i]{bottom:1rem}.gov-toast[position=left i]{left:1rem}.gov-toast[position=center i]{left:50%;transform:translateX(-50%)}.gov-toast[position=right i]{right:1rem}.gov-toast[type=solid i]{border:none;border-radius:0.25rem;overflow:hidden;box-shadow:none}.gov-toast[type=solid i].is-initialized .gov-toast__timer{transform-origin:right;animation:countdown linear forwards var(--toast-duration, 0)}.gov-toast[variant=warning]{border-left-color:var(--gov-toast-warning-codecor-lor, var(--gov-color-warning))}.gov-toast[variant=warning] .gov-toast__icon{color:var(--gov-toast-warning-codecor-lor, var(--gov-color-warning))}.gov-toast[variant=warning][type=solid i]{background-color:var(--gov-toast-warning-background, var(--gov-color-warning));color:var(--gov-toast-warning-color, var(--gov-color-secondary))}.gov-toast[variant=warning][type=solid i] .gov-toast__icon{color:var(--gov-toast-warning-color, var(--gov-color-secondary))}.gov-toast[variant=warning][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-warning-timer-background, rgba(var(--gov-color-warning-500-rgb), 0.3))}.gov-toast[variant=error]{border-left-color:var(--gov-toast-error-colodecor-r, var(--gov-color-error))}.gov-toast[variant=error] .gov-toast__icon{color:var(--gov-toast-error-colodecor-r, var(--gov-color-error))}.gov-toast[variant=error][type=solid i]{background-color:var(--gov-toast-error-background, var(--gov-color-error));color:var(--gov-toast-error-color, var(--gov-color-neutral-white))}.gov-toast[variant=error][type=solid i] .gov-toast__icon{color:var(--gov-toast-error-color, var(--gov-color-neutral-white))}.gov-toast[variant=error][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-error-timer-background, rgba(var(--gov-color-error-500-rgb), 0.5))}.gov-toast[variant=success]{border-left-color:var(--gov-toast-success-codecor-lor, var(--gov-color-success))}.gov-toast[variant=success] .gov-toast__icon{color:var(--gov-toast-success-codecor-lor, var(--gov-color-success))}.gov-toast[variant=success][type=solid i]{background-color:var(--gov-toast-success-background, var(--gov-color-success-500));color:var(--gov-toast-success-color, var(--gov-color-neutral-white))}.gov-toast[variant=success][type=solid i] .gov-toast__icon{color:var(--gov-toast-success-color, var(--gov-color-neutral-white))}.gov-toast[variant=success][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-success-timer-background, rgba(var(--gov-color-success-600-rgb), 0.5))}.gov-toast[variant=primary]{border-left-color:var(--gov-toast-primary-codecor-lor, var(--gov-color-primary))}.gov-toast[variant=primary] .gov-toast__icon{color:var(--gov-toast-primary-codecor-lor, var(--gov-color-primary))}.gov-toast[variant=primary][type=solid i]{background-color:var(--gov-toast-primary-background, var(--gov-color-primary));color:var(--gov-toast-primary-color, var(--gov-color-neutral-white))}.gov-toast[variant=primary][type=solid i] .gov-toast__icon{color:var(--gov-toast-primary-color, var(--gov-color-neutral-white))}.gov-toast[variant=primary][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-primary-timer-background, rgba(var(--gov-color-primary-700-rgb), 0.5))}.gov-toast[variant=secondary]{border-left-color:var(--gov-toast-secondary-decor-color, var(--gov-color-secondary))}.gov-toast[variant=secondary] .gov-toast__icon{color:var(--gov-toast-secondary-decor-color, var(--gov-color-secondary))}.gov-toast[variant=secondary][type=solid i]{background-color:var(--gov-toast-secondary-background, var(--gov-color-secondary));color:var(--gov-toast-secondary-color, var(--gov-color-neutral-white))}.gov-toast[variant=secondary][type=solid i] .gov-toast__icon{color:var(--gov-toast-secondary-color, var(--gov-color-neutral-white))}.gov-toast[variant=secondary][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-secondary-timer-background, rgba(var(--gov-color-secondary-900-rgb), 0.5))}@media (min-width: 30em){.gov-toast__content{padding-right:2rem}}";const u=h;const b=o(class o extends t{constructor(){super();this.__registerHost();this.govClose=r(this,"gov-close",7);this.variant="primary";this.gravity="top";this.position="right";this.type="classic";this.time=0;this.closeLabel=undefined;this.wcagCloseLabel=undefined;this.h=v(this.host);this.toastId=g("GovToast")}validateVariant(o){i(m,o,p.root)}componentWillLoad(){this.validateVariant(this.variant);this.runTimer()}disconnectedCallback(){clearTimeout(this.timeout)}runTimer(){if(this.isSolid){this.host.classList.add("is-initialized")}if(this.isTimer){this.timeout=setTimeout((()=>{this.host.classList.add(p.hidden);setTimeout((()=>{this.destroy().catch();this.govClose.emit(this.toastId)}),600)}),this.time)}}render(){return a(s,{key:"b2f011146ea89c841a14bb91d4cd469054ca4c3f",class:this.h.classes([p.root,"gov-box-shadow--m"]),"data-toast-id":this.toastId,gravity:this.gravity,position:this.position,variant:this.variant,type:this.type,style:{"--toast-duration":this.time+"ms"}},this.h.hasSlot("icon")&&a("span",{key:"1f51ceb58b292aa675a498e0609c8a6ccf052297",class:p.icon},a("slot",{key:"7a673da01d320f9571bf7580b56e3f65434e66be",name:"icon"})),a("div",{key:"3cf7a20d7800ce421e826278c7bf4cf71c5ca5a5",class:p.content,"aria-live":"polite",role:"status"},a("slot",{key:"9e0648e2c8c5667deb4baccaa78d5a26a1943ae7"})),a("div",{key:"583ce0755e731bd44738e7e89a20d8ba29b07990",class:p.close},a("gov-button",{key:"97f635fa5cc51d071c667b4408f37506cf5e8f04",size:"s","wcag-label":this.wcagCloseLabel,variant:this.isSolid?this.variant:"secondary",inverse:this.isSolid,type:"base","on-gov-click":this.onCloseHandler.bind(this)},this.closeLabel?this.closeLabel:a("gov-icon",{name:"x-lg"}))),a("div",{key:"d8bf898c3032d2874c925da9302ea76341b13c2a",class:p.timer}))}onCloseHandler(){this.destroy().then((()=>this.govClose.emit(this.toastId))).catch()}get isSolid(){return this.type==="solid"}get isTimer(){return Number.isInteger(this.time)&&this.time>0}async destroy(){clearTimeout(this.timeout);const o=document.querySelector(`[data-toast-id="${this.toastId}"]`);if(o){o.classList.add(p.hidden);if(typeof o.remove==="function"){o.remove()}}}get host(){return this}static get watchers(){return{variant:["validateVariant"]}}static get style(){return u}},[4,"gov-toast",{variant:[1],gravity:[1],position:[1],type:[1],time:[2],closeLabel:[1,"close-label"],wcagCloseLabel:[1,"wcag-close-label"],destroy:[64]},undefined,{variant:["validateVariant"]}]);function y(){if(typeof customElements==="undefined"){return}const o=["gov-toast","gov-button","gov-icon"];o.forEach((o=>{switch(o){case"gov-toast":if(!customElements.get(o)){customElements.define(o,b)}break;case"gov-button":if(!customElements.get(o)){l()}break;case"gov-icon":if(!customElements.get(o)){d()}break}}))}y();const f=b;const _=y;export{f as GovToast,_ as defineCustomElement};
 //# sourceMappingURL=gov-toast.js.map