@webex/cc-components 1.28.0-ccwidgets.21 → 1.28.0-ccwidgets.23

package/dist/wc.js

@@ -1,1392 +1 @@
-/*! For license information please see wc.js.LICENSE.txt */
-(()=>{"use strict";var e={393:(e,t,o)=>{o.d(t,{Ck:()=>s,IW:()=>c,Sv:()=>i,eg:()=>d,qT:()=>l,vS:()=>a,zY:()=>m});var r=o(974),n=o(125);const a=r.A.constructTagName("button"),s={PRIMARY:"primary",SECONDARY:"secondary",TERTIARY:"tertiary"},i={40:40,32:32,28:28,24:24},d={64:64,52:52,20:20,...i},l={POSITIVE:"positive",NEGATIVE:"negative",ACCENT:"accent",PROMOTIONAL:"promotional",DEFAULT:"default"},c={PILL:"pill",ICON:"icon",PILL_WITH_ICON:"pill-with-icon"},m={VARIANT:s.PRIMARY,SIZE:i[32],COLOR:l.DEFAULT,TYPE_INTERNAL:c.ICON,TYPE:n.II.BUTTON}},92:(e,t,o)=>{o.r(t),o.d(t,{default:()=>f});var r=o(918),n=o(477);const a=[r.AH`
-  :host {
-    background-color: transparent;
-    border-radius: 1.25rem;
-    font-weight: var(--mds-font-apps-body-large-medium-font-weight);
-    outline: none;
-
-    --mdc-button-primary-color: var(--mds-color-theme-inverted-text-primary-normal);
-    --mdc-button-primary-background-color: var(--mds-color-theme-button-primary-normal);
-    --mdc-button-primary-hover-background-color: var(--mds-color-theme-button-primary-hover);
-    --mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-primary-pressed);
-    --mdc-button-primary-disabled-background-color: var(--mds-color-theme-button-primary-disabled);
-    --mdc-button-primary-disabled-color: var(--mds-color-theme-text-primary-disabled);
-    
-    --mdc-button-secondary-color: var(--mds-color-theme-text-primary-normal);
-    --mdc-button-secondary-border-color: var(--mds-color-theme-outline-button-normal);
-    --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
-    --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
-    --mdc-button-secondary-disabled-background-color: var(--mds-color-theme-button-secondary-disabled);
-    --mdc-button-secondary-disabled-color: var(--mds-color-theme-text-primary-disabled);
-    --mdc-button-secondary-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
-
-    --mdc-button-tertiary-color: var(--mds-color-theme-text-primary-normal);
-    --mdc-button-tertiary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
-    --mdc-button-tertiary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
-    --mdc-button-tertiary-disabled-background-color: var(--mds-color-theme-button-secondary-disabled);
-    --mdc-button-tertiary-disabled-color: var(--mds-color-theme-text-primary-disabled);
-
-    --mdc-button-line-height-size-40: var(--mds-font-lineheight-body-large);
-    --mdc-button-line-height-size-32: var(--mds-font-lineheight-body-large);
-    --mdc-button-line-height-size-28: var(--mds-font-lineheight-body-midsize);
-    --mdc-button-line-height-size-24: var(--mds-font-lineheight-body-small);
-  }
-
-  :host([active]){
-    font-weight: var(--mds-font-apps-body-large-bold-font-weight);
-  }
-
-  :host([variant="primary"]){
-    background: var(--mdc-button-primary-background-color);
-    color: var(--mdc-button-primary-color);
-  }
-  :host([variant="primary"]:hover){
-    background: var(--mdc-button-primary-hover-background-color);
-  }
-  :host([variant="primary"]:active), :host([variant="primary"].pressed){
-    background: var(--mdc-button-primary-pressed-background-color);
-  }
-  :host([variant="primary"][disabled]), :host([variant="primary"][soft-disabled]){
-    background: var(--mdc-button-primary-disabled-background-color);
-    color: var(--mdc-button-primary-disabled-color);
-    cursor: auto;
-  }
-
-  :host([variant="secondary"]){
-    color: var(--mdc-button-secondary-color);
-    border-color: var(--mdc-button-secondary-border-color);
-  }
-  :host([variant="secondary"]:hover){
-    background: var(--mdc-button-secondary-hover-background-color);
-  }
-  :host([variant="secondary"]:active), :host([variant="secondary"].pressed){
-    background: var(--mdc-button-secondary-pressed-background-color);
-  }
-  :host([variant="secondary"][disabled]),
-   :host([variant="secondary"][soft-disabled]){
-    color: var(--mdc-button-primary-disabled-color);
-    border-color: var(--mdc-button-secondary-disabled-border-color);
-    background: var(--mdc-button-secondary-disabled-background-color);
-    cursor: auto;
-  }
-
-  :host([variant="tertiary"]){
-    border-color: transparent;
-    color: var(--mdc-button-tertiary-color);
-  }
-  :host([variant="tertiary"]:hover){
-    background: var(--mdc-button-tertiary-hover-background-color);
-  }
-  :host([variant="tertiary"]:active), :host([variant="tertiary"].pressed){
-    background: var(--mdc-button-tertiary-pressed-background-color);
-  }
-  :host([variant="tertiary"][disabled]), 
-  :host([variant="tertiary"][soft-disabled]){
-    color: var(--mdc-button-tertiary-disabled-color);
-    background: var(--mdc-button-tertiary-disabled-background-color);
-    cursor: auto;
-  }
-
-  :host([size="64"][data-btn-type='icon']), 
-  :host([size="52"][data-btn-type='icon']), 
-  :host([size="40"][data-btn-type='icon']), 
-  :host([size="32"][data-btn-type='icon']),
-  :host([size="28"][data-btn-type='icon']),
-  :host([size="24"][data-btn-type='icon']){
-    border-radius: 6.25rem;
-    aspect-ratio: 1;
-    padding: unset;
-  }
-  :host([size="40"]){
-    font-size: var(--mds-font-size-body-large);
-    line-height: var(--mdc-button-line-height-size-40);
-    padding: 0 1rem;
-    gap: 0.5rem;
-  }
-  :host([size="32"]){
-    font-size: var(--mds-font-size-body-large);
-    line-height: var(--mdc-button-line-height-size-32);
-    padding: 0 0.75rem;
-    gap: 0.375rem;
-  }
-  :host([size="28"]){
-    font-size: var(--mds-font-size-body-midsize);
-    line-height: var(--mdc-button-line-height-size-28);
-    padding: 0 0.75rem;
-    gap: 0.375rem;
-  }
-  :host([size="24"]){
-    font-size: var(--mds-font-size-body-small);
-    line-height: var(--mdc-button-line-height-size-24);
-    padding: 0 0.625rem;
-    gap: 0.25rem;
-  }
-  :host([size="20"]){
-    padding: 0.0625rem;
-  }
-
-  :host([color="accent"]){
-    --mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);
-    --mdc-button-primary-background-color: var(--mds-color-theme-button-accent-normal);
-    --mdc-button-primary-hover-background-color: var(--mds-color-theme-button-accent-hover);
-    --mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-accent-pressed);
-
-    --mdc-button-secondary-color: var(--mds-color-theme-text-accent-normal);
-    --mdc-button-secondary-border-color: var(--mds-color-theme-outline-theme-normal);
-    --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
-    --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
-  }
-  :host([color="positive"]){
-    --mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);
-    --mdc-button-primary-background-color: var(--mds-color-theme-button-join-normal);
-    --mdc-button-primary-hover-background-color: var(--mds-color-theme-button-join-hover);
-    --mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-join-pressed);
-
-    --mdc-button-secondary-color: var(--mds-color-theme-text-success-normal);
-    --mdc-button-secondary-border-color: var(--mds-color-theme-outline-join-normal);
-    --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
-    --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
-  }
-  :host([color="negative"]){
-    --mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);
-    --mdc-button-primary-background-color: var(--mds-color-theme-button-cancel-normal);
-    --mdc-button-primary-hover-background-color: var(--mds-color-theme-button-cancel-hover);
-    --mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-cancel-pressed);
-
-    --mdc-button-secondary-color: var(--mds-color-theme-text-error-normal);
-    --mdc-button-secondary-border-color: var(--mds-color-theme-outline-cancel-normal);
-    --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
-    --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
-  }
-  :host([color="promotional"]){
-    --mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);
-    --mdc-button-primary-background-color: var(--mds-color-theme-common-button-promotion-normal);
-    --mdc-button-primary-hover-background-color: var(--mds-color-theme-common-button-promotion-hover);
-    --mdc-button-primary-pressed-background-color: var(--mds-color-theme-common-button-promotion-active);
-
-    --mdc-button-secondary-color: var(--mds-color-theme-text-primary-normal);
-    --mdc-button-secondary-border-color: var(--mds-color-theme-outline-promotion-normal);
-    --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
-    --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
-  }
-`];var s=o(393);const i=e=>{const t=e.split("-"),o=["bold","filled","regular","light"];return t.filter((e=>!o.includes(e))).join("-")};var d=o(199),l=function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s},c=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};class m extends d.A{constructor(){super(...arguments),this.variant=s.zY.VARIANT,this.size=s.zY.SIZE,this.color=s.zY.COLOR,this.role="button",this.typeInternal=s.zY.TYPE_INTERNAL,this.iconSize=1}update(e){super.update(e),e.has("active")&&this.modifyIconName(this.active),e.has("size")&&this.setSize(this.size),e.has("variant")&&(this.setVariant(this.variant),this.setSize(this.size)),e.has("color")&&this.setColor(this.color),e.has("typeInternal")&&this.setSize(this.size),(e.has("prefixIcon")||e.has("postfixIcon"))&&this.inferButtonType()}modifyIconName(e){e?(this.prefixIcon&&(this.prevPrefixIcon=this.prefixIcon,this.prefixIcon=`${i(this.prefixIcon)}-filled`),this.postfixIcon&&(this.prevPostfixIcon=this.postfixIcon,this.postfixIcon=`${i(this.postfixIcon)}-filled`)):(this.prevPrefixIcon&&(this.prefixIcon=this.prevPrefixIcon),this.prevPostfixIcon&&(this.postfixIcon=this.prevPostfixIcon))}setVariant(e){this.setAttribute("variant",Object.values(s.Ck).includes(e)?e:s.zY.VARIANT)}setSize(e){const t=this.typeInternal===s.IW.ICON?Object.values(s.eg).includes(e)&&!(e===s.eg[20]&&this.variant!==s.Ck.TERTIARY):Object.values(s.Sv).includes(e);this.setAttribute("size",t?`${e}`:`${s.zY.SIZE}`),this.iconSize=(e=>{switch(e){case s.eg[64]:return 2;case s.eg[52]:return 1.75;case s.eg[40]:return 1.25;default:return 1}})(e)}setColor(e){Object.values(s.qT).includes(e)&&this.variant!==s.Ck.TERTIARY?this.setAttribute("color",e):this.setAttribute("color",`${s.zY.COLOR}`)}inferButtonType(){var e,t;const o=null===(t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("slot"))||void 0===t?void 0:t.assignedNodes().length;o&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=s.IW.PILL_WITH_ICON,this.setAttribute("data-btn-type","pill-with-icon")):o||!this.prefixIcon&&!this.postfixIcon?(this.typeInternal=s.IW.PILL,this.setAttribute("data-btn-type","pill")):(this.typeInternal=s.IW.ICON,this.setAttribute("data-btn-type","icon"))}render(){return r.qy`
-      ${this.prefixIcon?r.qy`
-        <mdc-icon
-          name="${this.prefixIcon}" 
-          part="prefix-icon" 
-          size=${this.iconSize} 
-          length-unit="rem">
-        </mdc-icon>`:""}
-      <slot @slotchange=${this.inferButtonType}></slot>
-      ${this.postfixIcon?r.qy`
-        <mdc-icon
-          name="${this.postfixIcon}" 
-          part="postfix-icon" 
-          size=${this.iconSize} 
-          length-unit="rem">
-        </mdc-icon>`:""}
-    `}}m.styles=[...d.A.styles,...a],l([(0,n.MZ)({type:String,attribute:"prefix-icon",reflect:!0}),c("design:type",String)],m.prototype,"prefixIcon",void 0),l([(0,n.MZ)({type:String,attribute:"postfix-icon",reflect:!0}),c("design:type",String)],m.prototype,"postfixIcon",void 0),l([(0,n.MZ)({type:String}),c("design:type",String)],m.prototype,"variant",void 0),l([(0,n.MZ)({type:Number}),c("design:type",Number)],m.prototype,"size",void 0),l([(0,n.MZ)({type:String}),c("design:type",String)],m.prototype,"color",void 0),l([(0,n.MZ)({type:String,reflect:!0}),c("design:type",Object)],m.prototype,"role",void 0),l([(0,n.wk)(),c("design:type",String)],m.prototype,"typeInternal",void 0),l([(0,n.wk)(),c("design:type",Object)],m.prototype,"iconSize",void 0);const h=m;o(289),h.register(s.vS);const f=h},199:(e,t,o)=>{o.d(t,{A:()=>p});var r=o(918),n=o(477),a=o(903);const s=[a.B,r.AH`
-  :host {
-    border: 0.0625rem solid transparent;
-    cursor: pointer;
-    
-    background-color: var(--mds-color-theme-text-primary-normal); 
-    color: var(--mds-color-theme-inverted-text-secondary-normal);
-    font-size: var(--mds-font-apps-body-midsize-regular-font-size);
-    outline: none;
-
-    --mdc-button-height-size-124: 7.75rem;
-    --mdc-button-height-size-88: 5.5rem;
-    --mdc-button-height-size-72: 4.5rem;
-    --mdc-button-height-size-64: 4rem;
-    --mdc-button-height-size-52: 3.25rem;
-    --mdc-button-height-size-40: 2.5rem;
-    --mdc-button-height-size-32: 2rem;
-    --mdc-button-height-size-28: 1.75rem;
-    --mdc-button-height-size-24: 1.5rem;
-    --mdc-button-height-size-20: 1.25rem;
-  }
-  
-  :host([disabled]), :host([soft-disabled]){
-    background-color: var(--mds-color-theme-text-primary-disabled);
-  }
-  :host([size="124"]){
-    height: var(--mdc-button-height-size-124);
-  }
-  :host([size="88"]){
-    height: var(--mdc-button-height-size-88);
-  }
-  :host([size="72"]){
-    height: var(--mdc-button-height-size-72);
-  }
-  :host([size="64"]){
-    height: var(--mdc-button-height-size-64);
-  }
-  :host([size="52"]){
-    height: var(--mdc-button-height-size-52);
-  }
-  :host([size="40"]){
-    height: var(--mdc-button-height-size-40);
-  }
-  :host([size="32"]){
-    height: var(--mdc-button-height-size-32);
-  }
-  :host([size="28"]){
-    height: var(--mdc-button-height-size-28);
-    font-size: var(--mds-font-size-body-midsize);
-  }
-  :host([size="24"]){
-    height: var(--mdc-button-height-size-24);
-  }
-  :host([size="20"]){
-    height: var(--mdc-button-height-size-20);
-  }
-`,...(0,a.P)()];var i=o(370),d=o(125),l=o(18),c=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};const m=e=>{class t extends e{constructor(){super(...arguments),this.tabIndex=0}}return function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);a>3&&s&&Object.defineProperty(t,o,s)}([(0,n.MZ)({reflect:!0,type:Number}),c("design:type",Object)],t.prototype,"tabIndex",void 0),t};var h=function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s},f=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};class u extends(m((0,l.i)(i.u))){get form(){return this.internals.form}constructor(){super(),this.active=!1,this.softDisabled=!1,this.size=d.zY.SIZE,this.role=d.zY.ROLE,this.type=d.zY.TYPE,this.prevTabindex=0,this.addEventListener("click",this.executeAction.bind(this)),this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.addEventListener("keyup",this.handleKeyUp.bind(this)),this.internals=this.attachInternals()}update(e){super.update(e),e.has("disabled")&&this.setDisabled(this,this.disabled),e.has("softDisabled")&&this.setSoftDisabled(this,this.softDisabled),e.has("active")&&this.setAriaPressed(this,this.active)}executeAction(){this.type===d.II.SUBMIT&&this.internals.form&&this.internals.form.requestSubmit(),this.type===d.II.RESET&&this.internals.form&&this.internals.form.reset()}setAriaPressed(e,t){t?e.setAttribute("aria-pressed","true"):e.removeAttribute("aria-pressed")}setSoftDisabled(e,t){t?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled")}setDisabled(e,t){t?(e.setAttribute("aria-disabled","true"),this.prevTabindex=this.tabIndex,this.tabIndex=-1):(this.tabIndex=this.prevTabindex,e.removeAttribute("aria-disabled"))}triggerClickEvent(){const e=new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window});this.dispatchEvent(e),this.executeAction()}handleKeyDown(e){["Enter"," "].includes(e.key)&&(this.classList.add("pressed"),"Enter"===e.key&&this.triggerClickEvent())}handleKeyUp(e){["Enter"," "].includes(e.key)&&(this.classList.remove("pressed")," "===e.key&&this.triggerClickEvent())}render(){return r.qy`
-      <slot></slot>
-    `}}u.formAssociated=!0,u.styles=[...i.u.styles,...s],h([(0,n.MZ)({type:Boolean}),f("design:type",Object)],u.prototype,"active",void 0),h([(0,n.MZ)({type:Boolean,attribute:"soft-disabled"}),f("design:type",Object)],u.prototype,"softDisabled",void 0),h([(0,n.MZ)({type:Number,reflect:!0}),f("design:type",Number)],u.prototype,"size",void 0),h([(0,n.MZ)({type:String,reflect:!0}),f("design:type",Object)],u.prototype,"role",void 0),h([(0,n.MZ)({reflect:!0}),f("design:type",String)],u.prototype,"type",void 0);const p=u},125:(e,t,o)=>{o.d(t,{II:()=>n,vS:()=>r,zY:()=>a});const r=o(974).A.constructTagName("buttonsimple"),n={BUTTON:"button",SUBMIT:"submit",RESET:"reset"},a={SIZE:32,TYPE:n.BUTTON,ROLE:"button"}},787:(e,t,o)=>{o.d(t,{v:()=>r,z:()=>n});const r=o(974).A.constructTagName("icon"),n={NAME:void 0,SIZE:1}},289:(e,t,o)=>{o.d(t,{A:()=>g});var r=o(918),n=o(477),a=o(903);const s=[a.B,r.AH`
-    :host {
-      --mdc-icon-fill-color: currentColor;
-      --mdc-icon-size: var(--computed-icon-size);
-      --mdc-icon-border-radius: 0.25rem;
-
-      height: var(--mdc-icon-size);
-      width: var(--mdc-icon-size);
-      border-radius: var(--mdc-icon-border-radius);
-    }
-    :host::part(icon) {
-      height: 100%;
-      width: 100%;
-      fill: var(--mdc-icon-fill-color);
-    }
-  `,...(0,a.P)()];var i=o(370),d=o(603);const l=e=>{const{host:t,context:o,subscribe:r}=e;return new d.G(t,{context:o,subscribe:null==r||r})};var c=o(892),m=o(787),h=function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s},f=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};class u extends i.u{constructor(){super(),this.name=m.z.NAME,this.ariaLabel=null,this.iconProviderContext=l({host:this,context:c.A.Context}),this.abortController=new AbortController}async getIconData(){if(this.iconProviderContext.value){const{fileExtension:e,url:t}=this.iconProviderContext.value;if(t&&e&&this.name){this.abortController.abort(),this.abortController=new AbortController;try{const o=await(async(e,t,o,r)=>{const n=await fetch(`${e}/${t}.${o}`,{signal:r});if(!n.ok)throw new Error("There was a problem while fetching the icon!");const a=await n.text(),s=(new DOMParser).parseFromString(a,"text/html").body.children[0];return s.setAttribute("data-name",t),s.setAttribute("part","icon"),s.setAttribute("aria-hidden","true"),s})(t,this.name,e,this.abortController.signal);this.handleIconLoadedSuccess(o)}catch(e){this.handleIconLoadedFailure(e)}}}}handleIconLoadedSuccess(e){this.iconData=e;const t=new Event("load",{bubbles:!0,cancelable:!0});this.dispatchEvent(t)}handleIconLoadedFailure(e){const t=new CustomEvent("error",{bubbles:!0,cancelable:!0,detail:{error:e}});this.dispatchEvent(t)}updateSize(){var e;if(this.computedIconSize&&(this.lengthUnit||this.lengthUnitFromContext)){const t=`${this.computedIconSize}${null!==(e=this.lengthUnit)&&void 0!==e?e:this.lengthUnitFromContext}`;this.style.setProperty("--computed-icon-size",t)}}get computedIconSize(){var e,t;return null!==(t=null!==(e=this.size)&&void 0!==e?e:this.sizeFromContext)&&void 0!==t?t:m.z.SIZE}updated(e){var t,o,r,n;super.updated(e),e.has("name")&&this.getIconData().catch((e=>{"AbortError"!==e.name&&this.onerror&&this.onerror(e)})),e.has("ariaLabel")&&(this.role=this.ariaLabel?"img":null),(e.has("size")||e.has("lengthUnit"))&&this.updateSize(),this.lengthUnitFromContext!==(null===(t=this.iconProviderContext.value)||void 0===t?void 0:t.lengthUnit)&&(this.lengthUnitFromContext=null===(o=this.iconProviderContext.value)||void 0===o?void 0:o.lengthUnit,this.updateSize()),this.sizeFromContext!==(null===(r=this.iconProviderContext.value)||void 0===r?void 0:r.size)&&(this.sizeFromContext=null===(n=this.iconProviderContext.value)||void 0===n?void 0:n.size,this.updateSize())}render(){return r.qy` ${this.iconData} `}}u.styles=[...i.u.styles,...s],h([(0,n.wk)(),f("design:type",HTMLElement)],u.prototype,"iconData",void 0),h([(0,n.wk)(),f("design:type",String)],u.prototype,"lengthUnitFromContext",void 0),h([(0,n.wk)(),f("design:type",Number)],u.prototype,"sizeFromContext",void 0),h([(0,n.MZ)({type:String,reflect:!0}),f("design:type",String)],u.prototype,"name",void 0),h([(0,n.MZ)({type:Number}),f("design:type",Number)],u.prototype,"size",void 0),h([(0,n.MZ)({type:String,attribute:"length-unit"}),f("design:type",String)],u.prototype,"lengthUnit",void 0),h([(0,n.MZ)({type:String,attribute:"aria-label"}),f("design:type",Object)],u.prototype,"ariaLabel",void 0),h([(0,n.wk)(),f("design:type",AbortController)],u.prototype,"abortController",void 0);const p=u;p.register(m.v);const g=p},892:(e,t,o)=>{o.d(t,{A:()=>h});var r=o(477),n=o(370),a=o(603),s=o(497);class i{}i.context=(0,a.q6)(s.vS);const d=i;var l=function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s},c=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};class m extends n.K{constructor(){super({context:d.context,initialValue:new d}),this.fileExtension=s.zY.FILE_EXTENSION,this.lengthUnit=s.zY.LENGTH_UNIT,this.size=s.zY.SIZE}static get Context(){return d.context}updateValuesInContext(){this.fileExtension&&s.vH.includes(this.fileExtension)?this.context.value.fileExtension=this.fileExtension:(this.fileExtension=s.zY.FILE_EXTENSION,this.context.value.fileExtension=s.zY.FILE_EXTENSION),this.context.value.url=this.url,this.context.value.size=this.size,this.lengthUnit&&s.yY.includes(this.lengthUnit)?this.context.value.lengthUnit=this.lengthUnit:(this.lengthUnit=s.zY.LENGTH_UNIT,this.context.value.lengthUnit=s.zY.LENGTH_UNIT)}updateContext(){this.context.value.fileExtension===this.fileExtension&&this.context.value.url===this.url&&this.context.value.lengthUnit===this.lengthUnit&&this.context.value.size===this.size||(this.updateValuesInContext(),this.context.updateObservers())}}l([(0,r.MZ)({type:String}),c("design:type",String)],m.prototype,"url",void 0),l([(0,r.MZ)({type:String,attribute:"file-extension",reflect:!0}),c("design:type",String)],m.prototype,"fileExtension",void 0),l([(0,r.MZ)({type:String,attribute:"length-unit",reflect:!0}),c("design:type",String)],m.prototype,"lengthUnit",void 0),l([(0,r.MZ)({type:Number,reflect:!0}),c("design:type",Number)],m.prototype,"size",void 0);const h=m},497:(e,t,o)=>{o.d(t,{vH:()=>n,vS:()=>r,yY:()=>a,zY:()=>s});const r=o(974).A.constructTagName("iconprovider"),n=["svg"],a=["em","rem","px"],s={FILE_EXTENSION:"svg",LENGTH_UNIT:"em",SIZE:1}},584:(e,t,o)=>{o.r(t),o.d(t,{default:()=>a});var r=o(892),n=o(497);r.A.register(n.vS);const a=r.A},722:(e,t,o)=>{o.r(t),o.d(t,{default:()=>u});var r=o(477),n=o(583),a=o(370),s=o(603);class i{constructor(e){this.themeclass=e}}i.context=(0,s.q6)(n.v);const d=i,l=[o(918).AH`
-  :host {
-    --mdc-themeprovider-color-default: var(--mds-color-theme-text-primary-normal);
-    --mdc-themeprovider-font-family: var(--mds-font-family-primary);
-    --mdc-themeprovider-font-weight: 400;
-    /* adjusting Inter's letter spacing to better match the old CiscoSans */
-    --mdc-themeprovider-letter-spacing-adjustment: -0.25px;
-    /* Adjusting font feature settings for accessibility reasons */
-    --mdc-themeprovider-font-feature-settings: "ss02" on;
-
-    color: var(--mdc-themeprovider-color-default);
-    font-family: var(--mdc-themeprovider-font-family);
-    font-weight: var(--mdc-themeprovider-font-weight);
-    letter-spacing: var(--mdc-themeprovider-letter-spacing-adjustment);
-
-    font-feature-settings: var(--mdc-themeprovider-font-feature-settings);
-  }
-`];var c=function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s},m=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};class h extends a.K{constructor(){super({context:d.context,initialValue:new d(n.z.THEMECLASS)}),this.themeclass=n.z.THEMECLASS}static get Context(){return d.context}updated(e){super.updated(e),e.has("themeclass")&&(this.setThemeInClassList(),this.currentThemeClass=this.themeclass)}updateContext(){this.context.value.themeclass!==this.themeclass&&(this.context.value.themeclass=this.themeclass,this.context.updateObservers())}setThemeInClassList(){this.currentThemeClass&&this.classList.remove(...this.currentThemeClass.split(" ")),this.themeclass&&this.classList.add(...this.themeclass.split(" "))}}h.styles=[...a.K.styles,...l],c([(0,r.wk)(),m("design:type",String)],h.prototype,"currentThemeClass",void 0),c([(0,r.MZ)({type:String}),m("design:type",String)],h.prototype,"themeclass",void 0);const f=h;f.register(n.v);const u=f},583:(e,t,o)=>{o.d(t,{v:()=>r,z:()=>n});const r=o(974).A.constructTagName("themeprovider"),n={THEMECLASS:"mds-theme-stable-darkWebex"}},370:(e,t,o)=>{o.d(t,{u:()=>s,K:()=>c});var r=o(918);const n=r.AH`
-  :host {
-    box-sizing: border-box;
-  }
-
-  :host *,
-  :host *::before,
-  :host *::after {
-    box-sizing: inherit;
-  }
-`;class a extends r.WF{static register(e){customElements.get(e)||customElements.define(e,this)}}a.styles=[n];const s=a;var i=o(603);const d=r.AH`
-  :host {
-    display: contents;
-  }
-`;class l extends s{constructor({context:e,initialValue:t}){super(),this.context=new i.DT(this,{context:e,initialValue:t})}render(){return this.updateContext(),r.qy`<slot></slot>`}}l.styles=[...s.styles,d];const c=l},417:(e,t,o)=>{o.r(t),o.d(t,{Avatar:()=>ae,AvatarButton:()=>he,Badge:()=>$e,Bullet:()=>Ne,Button:()=>Oe,Buttonsimple:()=>Pe,Divider:()=>Fe,FormfieldWrapper:()=>ft,Icon:()=>ut,IconProvider:()=>gt,Link:()=>$t,Marker:()=>Nt,Modalcontainer:()=>Dt,Presence:()=>Bt,Text:()=>qt,ThemeProvider:()=>Vt});var r=o(953);const n=new Set(["children","localName","ref","style","className"]),a=new WeakMap,s=(e,t,o,r,n)=>{const s=n?.[t];void 0===s?(e[t]=o,null==o&&t in HTMLElement.prototype&&e.removeAttribute(t)):o!==r&&((e,t,o)=>{let r=a.get(e);void 0===r&&a.set(e,r=new Map);let n=r.get(t);void 0!==o?void 0===n?(r.set(t,n={handleEvent:o}),e.addEventListener(t,n)):n.handleEvent=o:void 0!==n&&(r.delete(t),e.removeEventListener(t,n))})(e,s,o)},i=({react:e,tagName:t,elementClass:o,events:r,displayName:a})=>{const i=new Set(Object.keys(r??{})),d=e.forwardRef(((a,d)=>{const l=e.useRef(new Map),c=e.useRef(null),m={},h={};for(const[e,t]of Object.entries(a))n.has(e)?m["className"===e?"class":e]=t:i.has(e)||e in o.prototype?h[e]=t:m[e]=t;return e.useLayoutEffect((()=>{if(null===c.current)return;const e=new Map;for(const t in h)s(c.current,t,a[t],l.current.get(t),r),l.current.delete(t),e.set(t,a[t]);for(const[e,t]of l.current)s(c.current,e,void 0,t,r);l.current=e})),e.useLayoutEffect((()=>{c.current?.removeAttribute("defer-hydration")}),[]),m.suppressHydrationWarning=!0,e.createElement(t,{...m,ref:e.useCallback((e=>{c.current=e,"function"==typeof d?d(e):null!==d&&(d.current=e)}),[d])})}));return d.displayName=a??o.name,d};var d=o(918),l=o(477),c=o(452);const m=e=>e??c.s6;var h=o(370),f=o(974);const u=f.A.constructTagName("avatar"),p="counter",g="icon",b="photo",v="text",y={24:24,32:32,48:48,64:64,72:72,88:88,124:124},x={TYPE:b,SIZE:y[32],ICON_NAME:"user-regular"};var k=function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s},w=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};const z=e=>{class t extends e{constructor(){super(...arguments),this.size=x.SIZE,this.isTyping=!1}}return k([(0,l.MZ)({type:String}),w("design:type",String)],t.prototype,"src",void 0),k([(0,l.MZ)({type:String}),w("design:type",String)],t.prototype,"initials",void 0),k([(0,l.MZ)({type:String}),w("design:type",String)],t.prototype,"presence",void 0),k([(0,l.MZ)({type:Number,reflect:!0,attribute:"size"}),w("design:type",Number)],t.prototype,"size",void 0),k([(0,l.MZ)({type:String,attribute:"icon-name"}),w("design:type",String)],t.prototype,"iconName",void 0),k([(0,l.MZ)({type:Number}),w("design:type",Number)],t.prototype,"counter",void 0),k([(0,l.MZ)({type:Boolean,attribute:"is-typing"}),w("design:type",Object)],t.prototype,"isTyping",void 0),t};var A=o(903);const _=[A.B,d.AH`
-  :host {
-    --mdc-avatar-default-background-color: var(--mds-color-theme-avatar-default);
-    --mdc-avatar-default-foreground-color: var(--mds-color-theme-common-text-primary-normal);
-    --mdc-avatar-loading-indicator-background-color: var(--mds-color-theme-common-text-primary-disabled);
-    --mdc-avatar-loading-indicator-foreground-color: var(--mdc-avatar-default-foreground-color);
-    --mdc-avatar-loading-overlay-background-color: var(--mds-color-theme-common-overlays-secondary-normal);
-  }
-  :host([size="124"]) .content {
-    width: 7.75rem;
-    height: 7.75rem;
-  }
-  :host([size="88"]) .content {
-    width: 5.5rem;
-    height: 5.5rem;
-  }
-  :host([size="72"]) .content {
-    width: 4.5rem;
-    height: 4.5rem;
-  }
-  :host([size="64"]) .content {
-    width: 4rem;
-    height: 4rem;
-  }
-  :host([size="48"]) .content {
-    width: 3rem;
-    height: 3rem;
-  }
-  :host([size="32"]) .content {
-    width: 2rem;
-    height: 2rem;
-  }
-  :host([size="24"]) .content {
-    width: 1.5rem;
-    height: 1.5rem;
-  }
-  :host([size="124"]) .content > .loading__wrapper > .loader {
-    transform: scale(1.5);
-  }
-  :host([size="88"]) .content > .loading__wrapper > .loader {
-    transform: scale(1.2);
-  }
-  :host([size="72"]) .content > .loading__wrapper > .loader,
-  :host([size="64"]) .content > .loading__wrapper > .loader {
-    transform: scale(0.8);
-  }
-  :host([size="48"]) .content > .loading__wrapper > .loader {
-    transform: scale(0.6);
-  }
-  :host([size="32"]) .content > .loading__wrapper > .loader {
-    transform: scale(0.4);
-  }
-  :host([size="24"]) .content > .loading__wrapper > .loader {
-    transform: scale(0.3);
-  }
-  .content {
-    width: 2rem;
-    height: 2rem;
-    background-color: var(--mdc-avatar-default-background-color);
-    color: var(--mdc-avatar-default-foreground-color);
-    border-radius: 100vh;
-    position: relative;
-    display: grid;
-    place-items: center;
-  }
-  .photo {
-    border-radius: 100vh;
-    height: 100%;
-    width: 100%;
-    object-fit: cover;
-    overflow: hidden;
-  }
-  .presence {
-    position: absolute;
-    bottom: 0;
-    right: 0;
-  }
-  .loading__wrapper {
-    position: absolute;
-    border-radius: 100vh;
-    width: 100%;
-    height: 100%;
-    background-color: var(--mdc-avatar-loading-overlay-background-color);
-    display: grid;
-    place-items: center;
-  }
-  .loader {
-    position: absolute;
-    width: 1rem;
-    transform: scale(0.4);
-    aspect-ratio: 1;
-    border-radius: 100vh;
-    animation: loading-key 1s infinite linear alternate;
-  }
-  @keyframes loading-key {
-    0%  {
-      box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color),
-        -1.25rem 0 var(--mdc-avatar-loading-indicator-background-color);
-      background: var(--mdc-avatar-loading-indicator-foreground-color);
-    }
-    33% {
-      box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color),
-        -1.25rem 0 var(--mdc-avatar-loading-indicator-background-color);
-      background: var(--mdc-avatar-loading-indicator-background-color);
-    }
-    66% {
-      box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-background-color),
-        -1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color);
-      background: var(--mdc-avatar-loading-indicator-background-color);
-    }
-    100%{
-      box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-background-color),
-        -1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color);
-      background: var(--mdc-avatar-loading-indicator-foreground-color);
-    }
-  }
-
-  /* High Contrast Mode */
-  @media (forced-colors: active) {
-    .content:not(.photo) {
-      outline: 0.125rem solid;
-    }
-  }
-`],$=f.A.constructTagName("presence"),S="x_small",E="small",T="midsize",I="large",N="x_large",R="xx_large",O="active",C=E,M=f.A.constructTagName("text"),P="body-small-medium",j="body-midsize-medium",H="heading-small-medium",L="span",U="body-large-regular",D="p",B="text";class q extends(z(h.u)){constructor(){super(...arguments),this.isPhotoLoaded=!1}getPresenceTemplateBasedOnType(e){return(e!==p||!this.counter&&0!==this.counter)&&this.presence?d.qy`
-        <mdc-presence class="presence" type="${this.presence}" size="${t=this.size,{[y[124]]:R,[y[88]]:N,[y[72]]:I,[y[64]]:T,[y[48]]:E,[y[32]]:S,[y[24]]:"xx_small"}[t]||S}"></mdc-presence>
-      `:d.s6;var t}handleOnLoad(){this.isPhotoLoaded=!0}handleOnError(){this.isPhotoLoaded=!1,this.onerror&&this.onerror("There was a problem while fetching the <img/>. Please check the src attribute and try again.")}photoTemplate(){return d.qy`
-      <img
-        class="photo"
-        src="${m(this.src)}"
-        aria-hidden="true"
-        ?hidden="${!this.isPhotoLoaded}"
-        @load="${this.handleOnLoad}"
-        @error="${this.handleOnError}"
-      />
-    `}iconTemplate(){const e=this.iconName||x.ICON_NAME;return d.qy`
-      <mdc-icon
-        name="${m(e)}"
-        length-unit="rem"
-        size="${t=this.size,{[y[124]]:4.75,[y[88]]:3,[y[72]]:2.5,[y[64]]:2.25,[y[48]]:1.75,[y[32]]:1.25,[y[24]]:1}[t]||1.25}"
-      ></mdc-icon>
-    `;var t}textTemplate(e){return d.qy`
-      <mdc-text
-        type="${t=this.size,{[y[124]]:"heading-xlarge-medium",[y[88]]:"heading-large-medium",[y[72]]:"heading-midsize-medium",[y[64]]:H,[y[48]]:H,[y[32]]:j,[y[24]]:P}[t]||j}"
-        tagname="span"
-      >
-        ${e}
-      </mdc-text>
-    `;var t}generateCounterText(e){return e<0?"0":e>99?"99+":e.toString()}generateInitialsText(e){return e.toUpperCase().slice(0,2)}generateTextContent(e){let t="";return e===v&&this.initials&&(t=this.generateInitialsText(this.initials)),e!==p||!this.counter&&0!==this.counter||(t=this.generateCounterText(this.counter)),this.textTemplate(t)}getTypeBasedOnInputs(){return this.src?b:this.iconName?g:this.initials?v:this.counter||0===this.counter?p:g}getTemplateBasedOnType(e){switch(e){case b:return this.photoTemplate();case v:case p:return this.generateTextContent(e);default:return this.iconTemplate()}}getLoadingContent(){return this.isTyping?d.qy`<div class="loading__wrapper"><div class="loader"></div></div>`:d.s6}getPhotoPlaceHolderContent(e){return this.isPhotoLoaded?d.s6:e===b?this.initials?this.textTemplate(this.generateInitialsText(this.initials)):this.iconTemplate():d.s6}update(e){super.update(e),e.has("src")&&!this.src&&(this.isPhotoLoaded=!1)}render(){const e=this.getTypeBasedOnInputs();return d.qy`
-      <div class="content" aria-hidden="true">
-        ${this.getPhotoPlaceHolderContent(e)}
-        ${this.getTemplateBasedOnType(e)}
-        ${this.getLoadingContent()}
-        ${this.getPresenceTemplateBasedOnType(e)}
-      </div>
-    `}}q.styles=[...h.u.styles,..._],function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);a>3&&s&&Object.defineProperty(t,o,s)}([(0,l.wk)(),function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}("design:type",Object)],q.prototype,"isPhotoLoaded",void 0);const Z=q;var V=o(289);const Y=[A.B,d.AH`
-    :host {
-      --mdc-presence-active-background-color: var(--mds-color-theme-indicator-stable);
-      
-      --mdc-presence-away-background-color: var(--mds-color-theme-indicator-locked);
-      
-      --mdc-presence-away-calling-background-color: var(--mds-color-theme-indicator-locked);
-
-      --mdc-presence-busy-background-color: var(--mds-color-theme-indicator-unstable);
-      
-      --mdc-presence-dnd-background-color: var(--mds-color-theme-indicator-attention);
-      
-      --mdc-presence-meeting-background-color: var(--mds-color-theme-indicator-unstable);
-
-      --mdc-presence-on-call-background-color: var(--mds-color-theme-indicator-unstable);
-      
-      --mdc-presence-on-device-background-color: var(--mds-color-theme-indicator-locked);
-      
-      --mdc-presence-on-mobile-background-color: var(--mds-color-theme-indicator-locked);
-
-      --mdc-presence-pause-background-color: var(--mds-color-theme-indicator-locked);
-
-      --mdc-presence-pto-background-color: var(--mds-color-theme-indicator-locked);
-      
-      --mdc-presence-presenting-background-color: var(--mds-color-theme-indicator-attention);
-
-      --mdc-presence-quiet-background-color: var(--mds-color-theme-indicator-locked);
-
-      --mdc-presence-scheduled-background-color: var(--mds-color-theme-indicator-unstable);
-
-      --mdc-presence-overlay-background-color: var(--mds-color-theme-background-solid-primary-normal);
-    }
-
-    .mdc-presence {
-      border-radius: 50%;
-      background-color: var(--mdc-presence-overlay-background-color);
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-    .mdc-presence__xx_small,
-    .mdc-presence__x_small,
-    .mdc-presence__small {
-      width: 1.0625rem;
-      height: 1.0625rem;
-    }
-    .mdc-presence__midsize {
-      width: 1.419375rem;
-      height: 1.419375rem;
-    }
-    .mdc-presence__large {
-      width: 1.596875rem;
-      height: 1.596875rem;
-    }
-    .mdc-presence__x_large {
-      width: 1.951875rem;
-      height: 1.951875rem;
-    }
-    .mdc-presence__xx_large {
-      width: 2.75rem;
-      height: 2.75rem;
-    }
-
-    .mdc-presence-icon {
-      border-radius: 50%;
-    }
-    .mdc-presence-icon__active {
-      color: var(--mdc-presence-active-background-color);
-    }
-    .mdc-presence-icon__away {
-      color: var(--mdc-presence-away-background-color);
-    }
-    .mdc-presence-icon__away-calling {
-      color: var(--mdc-presence-away-calling-background-color);
-    }
-    .mdc-presence-icon__busy {
-      color: var(--mdc-presence-busy-background-color);
-    }
-    .mdc-presence-icon__dnd {
-      color: var(--mdc-presence-dnd-background-color);
-    }
-    .mdc-presence-icon__meeting {
-      color: var(--mdc-presence-meeting-background-color);
-    }
-    .mdc-presence-icon__on-call {
-      color: var(--mdc-presence-on-call-background-color);
-    }
-    .mdc-presence-icon__on-device {
-      color: var(--mdc-presence-on-device-background-color);
-    }
-    .mdc-presence-icon__on-mobile {
-      color: var(--mdc-presence-on-mobile-background-color);
-    }
-    .mdc-presence-icon__pause {
-      color: var(--mdc-presence-pause-background-color);
-    }
-    .mdc-presence-icon__pto {
-      color: var(--mdc-presence-pto-background-color);
-    }
-    .mdc-presence-icon__presenting {
-      color: var(--mdc-presence-presenting-background-color);
-    }
-    .mdc-presence-icon__quiet {
-      color: var(--mdc-presence-quiet-background-color);
-    }
-    .mdc-presence-icon__scheduled {
-      color: var(--mdc-presence-scheduled-background-color);
-    }
-  `];var F=function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s},W=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};class G extends h.u{constructor(){super(...arguments),this.type=O,this.size=C,this.currentIconType=O}get iconSize(){switch(this.size){case T:return 1.16125;case I:return 1.30625;case N:return 1.596875;case R:return 2.25;default:return this.size=C,.875}}get icon(){const e=(()=>{switch(this.type){case"away":return"recents-presence-badge-filled";case"away-calling":return"away-calling-presence-filled";case"busy":return"busy-presence-bold";case"dnd":return"dnd-presence-badge-filled";case"meeting":return"camera-filled";case"on-call":return"handset-filled";case"on-device":return"generic-device-video-badge-filled";case"on-mobile":return"phone-badge-filled";case"pause":return"pause-badge-filled";case"pto":return"pto-presence-filled";case"presenting":return"share-screen-badge-filled";case"quiet":return"quiet-hours-presence-filled";case"scheduled":return"meetings-presence-badge-filled";default:return"active-presence-small-filled"}})();return"active-presence-small-filled"===e&&(this.type=O),e}handleOnLoad(){this.currentIconType=this.type}handleOnError(){this.onerror&&this.onerror("There was a problem while fetching the icon. Please check the icon name and try again.")}render(){return d.qy`
-      <div class="mdc-presence mdc-presence__${this.size}">
-        <mdc-icon
-          class="mdc-presence-icon mdc-presence-icon__${this.currentIconType}"
-          name="${this.icon}"
-          size="${this.iconSize}"
-          @load="${this.handleOnLoad}"
-          @error="${this.handleOnError}"
-        ></mdc-icon>
-      </div>
-    `}}G.styles=[...h.u.styles,...Y],F([(0,l.MZ)({type:String,reflect:!0}),W("design:type",String)],G.prototype,"type",void 0),F([(0,l.MZ)({type:String,reflect:!0}),W("design:type",String)],G.prototype,"size",void 0),F([(0,l.wk)(),W("design:type",String)],G.prototype,"currentIconType",void 0);const X=G;X.register($);const K=X,J=d.AH`
-  :host::part(text) {
-    font-size: unset;
-    font-weight: unset;
-    line-height: unset;
-    text-decoration: unset;
-    text-transform: unset;
-    white-space: inherit;
-    overflow: inherit;
-    text-overflow: inherit;
-  }
-
-  :host([type="headline-small-regular"]) {
-    font-size: var(--mds-font-apps-headline-small-regular-font-size);
-    font-weight: var(--mds-font-apps-headline-small-regular-font-weight);
-    line-height: var(--mds-font-apps-headline-small-regular-line-height);
-    text-decoration: var(--mds-font-apps-headline-small-regular-text-decoration);
-    text-transform: var(--mds-font-apps-headline-small-regular-text-case);
-  }
-
-  :host([type="headline-small-light"]) {
-    font-size: var(--mds-font-apps-headline-small-light-font-size);
-    font-weight: var(--mds-font-apps-headline-small-light-font-weight);
-    line-height: var(--mds-font-apps-headline-small-light-line-height);
-    text-decoration: var(--mds-font-apps-headline-small-light-text-decoration);
-    text-transform: var(--mds-font-apps-headline-small-light-text-case);
-  }
-
-  :host([type="heading-xlarge-bold"]) {
-    font-size: var(--mds-font-apps-heading-xlarge-bold-font-size);
-    font-weight: var(--mds-font-apps-heading-xlarge-bold-font-weight);
-    line-height: var(--mds-font-apps-heading-xlarge-bold-line-height);
-    text-decoration: var(--mds-font-apps-heading-xlarge-bold-text-decoration);
-    text-transform: var(--mds-font-apps-heading-xlarge-bold-text-case);
-  }
-  
-  :host([type="heading-xlarge-medium"]) {
-    font-size: var(--mds-font-apps-heading-xlarge-medium-font-size);
-    font-weight: var(--mds-font-apps-heading-xlarge-medium-font-weight);
-    line-height: var(--mds-font-apps-heading-xlarge-medium-line-height);
-    text-decoration: var(--mds-font-apps-heading-xlarge-medium-text-decoration);
-    text-transform: var(--mds-font-apps-heading-xlarge-medium-text-case);
-  }
-  
-  :host([type="heading-xlarge-regular"]) {
-    font-size: var(--mds-font-apps-heading-xlarge-regular-font-size);
-    font-weight: var(--mds-font-apps-heading-xlarge-regular-font-weight);
-    line-height: var(--mds-font-apps-heading-xlarge-regular-line-height);
-    text-decoration: var(--mds-font-apps-heading-xlarge-regular-text-decoration);
-    text-transform: var(--mds-font-apps-heading-xlarge-regular-text-case);
-  }
-
-  :host([type="heading-large-bold"]) {
-    font-size: var(--mds-font-apps-heading-large-bold-font-size);
-    font-weight: var(--mds-font-apps-heading-large-bold-font-weight);
-    line-height: var(--mds-font-apps-heading-large-bold-line-height);
-    text-decoration: var(--mds-font-apps-heading-large-bold-text-decoration);
-    text-transform: var(--mds-font-apps-heading-large-bold-text-case);
-  }
-  
-  :host([type="heading-large-medium"]) {
-    font-size: var(--mds-font-apps-heading-large-medium-font-size);
-    font-weight: var(--mds-font-apps-heading-large-medium-font-weight);
-    line-height: var(--mds-font-apps-heading-large-medium-line-height);
-    text-decoration: var(--mds-font-apps-heading-large-medium-text-decoration);
-    text-transform: var(--mds-font-apps-heading-large-medium-text-case);
-  }
-  
-  :host([type="heading-large-regular"]) {
-    font-size: var(--mds-font-apps-heading-large-regular-font-size);
-    font-weight: var(--mds-font-apps-heading-large-regular-font-weight);
-    line-height: var(--mds-font-apps-heading-large-regular-line-height);
-    text-decoration: var(--mds-font-apps-heading-large-regular-text-decoration);
-    text-transform: var(--mds-font-apps-heading-large-regular-text-case);
-  }
-
-  :host([type="heading-midsize-bold"]) {
-    font-size: var(--mds-font-apps-heading-midsize-bold-font-size);
-    font-weight: var(--mds-font-apps-heading-midsize-bold-font-weight);
-    line-height: var(--mds-font-apps-heading-midsize-bold-line-height);
-    text-decoration: var(--mds-font-apps-heading-midsize-bold-text-decoration);
-    text-transform: var(--mds-font-apps-heading-midsize-bold-text-case);
-  }
-  
-  :host([type="heading-midsize-medium"]) {
-    font-size: var(--mds-font-apps-heading-midsize-medium-font-size);
-    font-weight: var(--mds-font-apps-heading-midsize-medium-font-weight);
-    line-height: var(--mds-font-apps-heading-midsize-medium-line-height);
-    text-decoration: var(--mds-font-apps-heading-midsize-medium-text-decoration);
-    text-transform: var(--mds-font-apps-heading-midsize-medium-text-case);
-  }
-  
-  :host([type="heading-midsize-regular"]) {
-    font-size: var(--mds-font-apps-heading-midsize-regular-font-size);
-    font-weight: var(--mds-font-apps-heading-midsize-regular-font-weight);
-    line-height: var(--mds-font-apps-heading-midsize-regular-line-height);
-    text-decoration: var(--mds-font-apps-heading-midsize-regular-text-decoration);
-    text-transform: var(--mds-font-apps-heading-midsize-regular-text-case);
-  }
-
-  :host([type="heading-small-bold"]) {
-    font-size: var(--mds-font-apps-heading-small-bold-font-size);
-    font-weight: var(--mds-font-apps-heading-small-bold-font-weight);
-    line-height: var(--mds-font-apps-heading-small-bold-line-height);
-    text-decoration: var(--mds-font-apps-heading-small-bold-text-decoration);
-    text-transform: var(--mds-font-apps-heading-small-bold-text-case);
-  }
-  
-  :host([type="heading-small-medium"]) {
-    font-size: var(--mds-font-apps-heading-small-medium-font-size);
-    font-weight: var(--mds-font-apps-heading-small-medium-font-weight);
-    line-height: var(--mds-font-apps-heading-small-medium-line-height);
-    text-decoration: var(--mds-font-apps-heading-small-medium-text-decoration);
-    text-transform: var(--mds-font-apps-heading-small-medium-text-case);
-  }
-  
-  :host([type="heading-small-regular"]) {
-    font-size: var(--mds-font-apps-heading-small-regular-font-size);
-    font-weight: var(--mds-font-apps-heading-small-regular-font-weight);
-    line-height: var(--mds-font-apps-heading-small-regular-line-height);
-    text-decoration: var(--mds-font-apps-heading-small-regular-text-decoration);
-    text-transform: var(--mds-font-apps-heading-small-regular-text-case);
-  }
-
-  :host([type="body-large-bold"]) {
-    font-size: var(--mds-font-apps-body-large-bold-font-size);
-    font-weight: var(--mds-font-apps-body-large-bold-font-weight);
-    line-height: var(--mds-font-apps-body-large-bold-line-height);
-    text-decoration: var(--mds-font-apps-body-large-bold-text-decoration);
-    text-transform: var(--mds-font-apps-body-large-bold-text-case);
-  }
-  
-  :host([type="body-large-medium-underline"]) {
-    font-size: var(--mds-font-apps-body-large-medium-underline-font-size);
-    font-weight: var(--mds-font-apps-body-large-medium-underline-font-weight);
-    line-height: var(--mds-font-apps-body-large-medium-underline-line-height);
-    text-decoration: var(--mds-font-apps-body-large-medium-underline-text-decoration);
-    text-transform: var(--mds-font-apps-body-large-medium-underline-text-case);
-  }
-  
-  :host([type="body-large-medium"]) {
-    font-size: var(--mds-font-apps-body-large-medium-font-size);
-    font-weight: var(--mds-font-apps-body-large-medium-font-weight);
-    line-height: var(--mds-font-apps-body-large-medium-line-height);
-    text-decoration: var(--mds-font-apps-body-large-medium-text-decoration);
-    text-transform: var(--mds-font-apps-body-large-medium-text-case);
-  }
-  
-  :host([type="body-large-regular-underline"]) {
-    font-size: var(--mds-font-apps-body-large-regular-underline-font-size);
-    font-weight: var(--mds-font-apps-body-large-regular-underline-font-weight);
-    line-height: var(--mds-font-apps-body-large-regular-underline-line-height);
-    text-decoration: var(--mds-font-apps-body-large-regular-underline-text-decoration);
-    text-transform: var(--mds-font-apps-body-large-regular-underline-text-case);
-  }
-  
-  :host([type="body-large-regular"]) {
-    font-size: var(--mds-font-apps-body-large-regular-font-size);
-    font-weight: var(--mds-font-apps-body-large-regular-font-weight);
-    line-height: var(--mds-font-apps-body-large-regular-line-height);
-    text-decoration: var(--mds-font-apps-body-large-regular-text-decoration);
-    text-transform: var(--mds-font-apps-body-large-regular-text-case);
-  }
-
-  :host([type="body-midsize-bold"]) {
-    font-size: var(--mds-font-apps-body-midsize-bold-font-size);
-    font-weight: var(--mds-font-apps-body-midsize-bold-font-weight);
-    line-height: var(--mds-font-apps-body-midsize-bold-line-height);
-    text-decoration: var(--mds-font-apps-body-midsize-bold-text-decoration);
-    text-transform: var(--mds-font-apps-body-midsize-bold-text-case);
-  }
-  
-  :host([type="body-midsize-medium-underline"]) {
-    font-size: var(--mds-font-apps-body-midsize-medium-underline-font-size);
-    font-weight: var(--mds-font-apps-body-midsize-medium-underline-font-weight);
-    line-height: var(--mds-font-apps-body-midsize-medium-underline-line-height);
-    text-decoration: var(--mds-font-apps-body-midsize-medium-underline-text-decoration);
-    text-transform: var(--mds-font-apps-body-midsize-medium-underline-text-case);
-  }
-  
-  :host([type="body-midsize-medium"]) {
-    font-size: var(--mds-font-apps-body-midsize-medium-font-size);
-    font-weight: var(--mds-font-apps-body-midsize-medium-font-weight);
-    line-height: var(--mds-font-apps-body-midsize-medium-line-height);
-    text-decoration: var(--mds-font-apps-body-midsize-medium-text-decoration);
-    text-transform: var(--mds-font-apps-body-midsize-medium-text-case);
-  }
-  
-  :host([type="body-midsize-regular-underline"]) {
-    font-size: var(--mds-font-apps-body-midsize-regular-underline-font-size);
-    font-weight: var(--mds-font-apps-body-midsize-regular-underline-font-weight);
-    line-height: var(--mds-font-apps-body-midsize-regular-underline-line-height);
-    text-decoration: var(--mds-font-apps-body-midsize-regular-underline-text-decoration);
-    text-transform: var(--mds-font-apps-body-midsize-regular-underline-text-case);
-  }
-  
-  :host([type="body-midsize-regular"]) {
-    font-size: var(--mds-font-apps-body-midsize-regular-font-size);
-    font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
-    line-height: var(--mds-font-apps-body-midsize-regular-line-height);
-    text-decoration: var(--mds-font-apps-body-midsize-regular-text-decoration);
-    text-transform: var(--mds-font-apps-body-midsize-regular-text-case);
-  }
-
-  :host([type="body-small-bold"]) {
-    font-size: var(--mds-font-apps-body-small-bold-font-size);
-    font-weight: var(--mds-font-apps-body-small-bold-font-weight);
-    line-height: var(--mds-font-apps-body-small-bold-line-height);
-    text-decoration: var(--mds-font-apps-body-small-bold-text-decoration);
-    text-transform: var(--mds-font-apps-body-small-bold-text-case);
-  }
-  
-  :host([type="body-small-medium-underline"]) {
-    font-size: var(--mds-font-apps-body-small-medium-underline-font-size);
-    font-weight: var(--mds-font-apps-body-small-medium-underline-font-weight);
-    line-height: var(--mds-font-apps-body-small-medium-underline-line-height);
-    text-decoration: var(--mds-font-apps-body-small-medium-underline-text-decoration);
-    text-transform: var(--mds-font-apps-body-small-medium-underline-text-case);
-  }
-  
-  :host([type="body-small-medium"]) {
-    font-size: var(--mds-font-apps-body-small-medium-font-size);
-    font-weight: var(--mds-font-apps-body-small-medium-font-weight);
-    line-height: var(--mds-font-apps-body-small-medium-line-height);
-    text-decoration: var(--mds-font-apps-body-small-medium-text-decoration);
-    text-transform: var(--mds-font-apps-body-small-medium-text-case);
-  }
-  
-  :host([type="body-small-regular-underline"]) {
-    font-size: var(--mds-font-apps-body-small-regular-underline-font-size);
-    font-weight: var(--mds-font-apps-body-small-regular-underline-font-weight);
-    line-height: var(--mds-font-apps-body-small-regular-underline-line-height);
-    text-decoration: var(--mds-font-apps-body-small-regular-underline-text-decoration);
-    text-transform: var(--mds-font-apps-body-small-regular-underline-text-case);
-  }
-  
-  :host([type="body-small-regular"]) {
-    font-size: var(--mds-font-apps-body-small-regular-font-size);
-    font-weight: var(--mds-font-apps-body-small-regular-font-weight);
-    line-height: var(--mds-font-apps-body-small-regular-line-height);
-    text-decoration: var(--mds-font-apps-body-small-regular-text-decoration);
-    text-transform: var(--mds-font-apps-body-small-regular-text-case);
-  }
-`,Q=[d.AH`
-    :host {
-      --mdc-text-font-family: var(--mdc-themeprovider-font-family);
-
-      display: block;
-      font-family: var(--mdc-text-font-family);
-    }
-  `,J];var ee=function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s},te=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};class oe extends h.u{constructor(){super(...arguments),this.type=U,this.tagname=D}render(){switch(this.tagname){case"h1":return d.qy`<h1 part=${B}><slot></slot></h1>`;case"h2":return d.qy`<h2 part=${B}><slot></slot></h2>`;case"h3":return d.qy`<h3 part=${B}><slot></slot></h3>`;case"h4":return d.qy`<h4 part=${B}><slot></slot></h4>`;case"h5":return d.qy`<h5 part=${B}><slot></slot></h5>`;case"h6":return d.qy`<h6 part=${B}><slot></slot></h6>`;case"div":return d.qy`<div part=${B}><slot></slot></div>`;case L:return d.qy`<span part=${B}><slot></slot></span>`;case"small":return d.qy`<small part=${B}><slot></slot></small>`;default:return d.qy`<p part=${B}><slot></slot></p>`}}}oe.styles=[...h.u.styles,...Q],ee([(0,l.MZ)({attribute:"type",reflect:!0,type:String}),te("design:type",String)],oe.prototype,"type",void 0),ee([(0,l.MZ)({attribute:"tagname",reflect:!0,type:String}),te("design:type",String)],oe.prototype,"tagname",void 0);const re=oe;re.register(M);const ne=re;Z.register(u);const ae=i({tagName:u,elementClass:Z,react:r,events:{},displayName:"Avatar"});var se=o(393),ie=o(199);const de=[A.B,d.AH`
-  :host {
-    padding: unset;
-    margin: unset;
-    outline: none;
-    border-radius: 0.25rem;
-  }
-`,...(0,A.P)()];class le extends(z(ie.A)){constructor(){super(),this.ariaLabel=null,this.active=void 0,this.disabled=void 0,this.softDisabled=void 0,this.role="button",this.type=se.zY.TYPE}update(e){super.update(e),e.has("size")&&this.setSize(this.size)}setSize(e){this.setAttribute("size",Object.values(y).includes(e)?`${e}`:x.SIZE.toString())}render(){return d.qy`
-      <mdc-avatar
-        slot="prefixIcon"
-        ?is-typing="${this.isTyping}"
-        counter="${m(this.counter)}"
-        icon-name="${m(this.iconName)}"
-        initials="${m(this.initials)}"
-        presence="${m(this.presence)}"
-        size="${m(this.size)}"
-        src="${m(this.src)}"
-      ></mdc-avatar>
-    `}}le.styles=[...de],function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);a>3&&s&&Object.defineProperty(t,o,s)}([(0,l.MZ)({type:String,attribute:"aria-label"}),function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}("design:type",Object)],le.prototype,"ariaLabel",void 0);const ce=le,me=f.A.constructTagName("avatarbutton");ce.register(me);const he=i({tagName:me,elementClass:ce,react:r,events:{},displayName:"AvatarButton"});class fe{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,o){this._$Ct=e,this._$AM=t,this._$Ci=o}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}const ue=(e=>(...t)=>({_$litDirective$:e,values:t}))(class extends fe{constructor(e){if(super(e),1!==e.type||"class"!==e.name||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter((t=>e[t])).join(" ")+" "}update(e,[t]){if(void 0===this.st){this.st=new Set,void 0!==e.strings&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter((e=>""!==e))));for(const e in t)t[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(t)}const o=e.element.classList;for(const e of this.st)e in t||(o.remove(e),this.st.delete(e));for(const e in t){const r=!!t[e];r===this.st.has(e)||this.nt?.has(e)||(r?(o.add(e),this.st.add(e)):(o.remove(e),this.st.delete(e)))}return c.c0}}),pe=f.A.constructTagName("badge"),ge={PRIMARY:"primary",SECONDARY:"secondary"},be="success",ve="warning",ye="error",xe={TYPE:"dot",MAX_COUNTER:99,MAX_COUNTER_LIMIT:999,VARIANT:ge.PRIMARY,ICON_SIZE:1},ke=[A.B,d.AH`
-    :host {
-      --mdc-badge-primary-foreground-color: var(--mds-color-theme-common-text-primary-normal);
-      --mdc-badge-primary-background-color: var(--mds-color-theme-background-accent-normal);
-
-      --mdc-badge-secondary-foreground-color: var(--mds-color-theme-text-secondary-normal);
-      --mdc-badge-secondary-background-color: var(--mds-color-theme-background-alert-default-normal);
-
-      --mdc-badge-success-foreground-color: var(--mds-color-theme-text-success-normal);
-      --mdc-badge-success-background-color: var(--mds-color-theme-background-alert-success-normal);
-      
-      --mdc-badge-warning-foreground-color: var(--mds-color-theme-text-warning-normal);
-      --mdc-badge-warning-background-color: var(--mds-color-theme-background-alert-warning-normal);
-      
-      --mdc-badge-error-foreground-color: var(--mds-color-theme-text-error-normal);
-      --mdc-badge-error-background-color: var(--mds-color-theme-background-alert-error-normal);
-      
-      --mdc-badge-overlay-background-color: var(--mds-color-theme-background-solid-primary-normal);
-      
-      color: var(--mdc-badge-primary-foreground-color);
-    }
-    .mdc-badge-overlay {
-      outline: 0.0625rem solid var(--mdc-badge-overlay-background-color);
-    }
-    .mdc-badge-text {
-      padding: 0 0.25rem;
-      border-radius: 6.25rem;
-      min-width: 1rem;
-      display: flex;
-      justify-content: center;
-      background-color: var(--mdc-badge-primary-background-color);
-    }
-    .mdc-badge-dot {
-      width: 0.75rem;
-      height: 0.75rem;
-      border-radius: 50%;
-      background-color: var(--mdc-badge-primary-background-color);
-    }
-    .mdc-badge-icon {
-      padding: 2px;
-      border-radius: 50%;
-    }
-    .mdc-badge-icon__primary {
-      background-color: var(--mdc-badge-primary-background-color);
-      color: var(--mdc-badge-primary-foreground-color);
-    }
-    .mdc-badge-icon__success {
-      background-color: var(--mdc-badge-success-background-color);
-      color: var(--mdc-badge-success-foreground-color);
-    }
-    .mdc-badge-icon__warning {
-      background-color: var(--mdc-badge-warning-background-color);
-      color: var(--mdc-badge-warning-foreground-color);
-    }
-    .mdc-badge-icon__error {
-      background-color: var(--mdc-badge-error-background-color);
-      color: var(--mdc-badge-error-foreground-color);
-    }
-    .mdc-badge-icon__secondary {
-      background-color: var(--mdc-badge-secondary-background-color);
-      color: var(--mdc-badge-secondary-foreground-color);
-    }
-
-    /* High Contrast Mode */
-    @media (forced-colors: active) {
-    .mdc-badge-dot, .mdc-badge-icon, .mdc-badge-text {
-      outline: 0.125rem solid;
-    }
-  }
-  `];var we=function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s},ze=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};class Ae extends h.u{constructor(){super(...arguments),this.variant=xe.VARIANT,this.maxCounter=xe.MAX_COUNTER,this.overlay=!1,this.ariaLabel=null}getCounterText(e,t){return void 0===t||"number"!=typeof t||0===e?"":t>e?`${e}+`:e>xe.MAX_COUNTER_LIMIT||t>xe.MAX_COUNTER_LIMIT?`${xe.MAX_COUNTER_LIMIT}+`:t.toString()}getBadgeIcon(e,t){return d.qy`
-      <mdc-icon
-        class="mdc-badge-icon ${ue({"mdc-badge-overlay":this.overlay,[`mdc-badge-icon__${t}`]:!0})}"
-        name="${m(e)}"
-        size="${xe.ICON_SIZE}"
-      ></mdc-icon>
-    `}getBadgeDot(){return d.qy`<div class="mdc-badge-dot ${ue({"mdc-badge-overlay":this.overlay})}"></div>`}getBadgeCounterText(){return d.qy`
-      <mdc-text
-        type="${P}"
-        tagname="${"div"}"
-        class="mdc-badge-text ${ue({"mdc-badge-overlay":this.overlay})}"
-      >
-        ${this.getCounterText(this.maxCounter,this.counter)}
-      </mdc-text>
-    `}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){this.variant&&!Object.values(ge).includes(this.variant)&&(this.variant=xe.VARIANT);const{iconName:e,type:t,variant:o}=this;switch(t){case"icon":return this.getBadgeIcon(e||"",o);case"counter":return this.getBadgeCounterText();case"success":return this.getBadgeIcon("check-circle-badge-filled",be);case"warning":return this.getBadgeIcon("warning-badge-filled",ve);case"error":return this.getBadgeIcon("error-legacy-badge-filled",ye);default:return this.type="dot",this.getBadgeDot()}}update(e){super.update(e),e.has("ariaLabel")&&this.setRoleByAriaLabel()}render(){return this.getBadgeContentBasedOnType()}}Ae.styles=[...h.u.styles,...ke],we([(0,l.MZ)({type:String,reflect:!0}),ze("design:type",String)],Ae.prototype,"type",void 0),we([(0,l.MZ)({type:String,attribute:"icon-name"}),ze("design:type",String)],Ae.prototype,"iconName",void 0),we([(0,l.MZ)({type:String,reflect:!0}),ze("design:type",String)],Ae.prototype,"variant",void 0),we([(0,l.MZ)({type:Number}),ze("design:type",Number)],Ae.prototype,"counter",void 0),we([(0,l.MZ)({type:Number,attribute:"max-counter",reflect:!0}),ze("design:type",Number)],Ae.prototype,"maxCounter",void 0),we([(0,l.MZ)({type:Boolean}),ze("design:type",Object)],Ae.prototype,"overlay",void 0),we([(0,l.MZ)({type:String,attribute:"aria-label"}),ze("design:type",Object)],Ae.prototype,"ariaLabel",void 0);const _e=Ae;_e.register(pe);const $e=i({tagName:pe,elementClass:_e,react:r,events:{},displayName:"Badge"}),Se=[d.AH`
-  :host {
-    --mdc-bullet-background-color: var(--mds-color-theme-outline-secondary-normal);
-    --mdc-bullet-size-small: 0.25rem;
-    --mdc-bullet-size-medium: 0.5rem;
-    --mdc-bullet-size-large: 1rem;
-
-    border-radius: 50%;
-    display: block;
-    aspect-ratio: 1;
-    background-color: var(--mdc-bullet-background-color);
-  }
-  :host([size="small"]) {
-    height: var(--mdc-bullet-size-small);
-  }
-  :host([size="medium"]) {
-    height: var(--mdc-bullet-size-medium);
-  }
-  :host([size="large"]) {
-    height: var(--mdc-bullet-size-large);
-  }
-`],Ee=f.A.constructTagName("bullet");class Te extends h.u{constructor(){super(...arguments),this.size="small"}}Te.styles=[...h.u.styles,...Se],function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);a>3&&s&&Object.defineProperty(t,o,s)}([(0,l.MZ)({type:String,reflect:!0}),function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}("design:type",String)],Te.prototype,"size",void 0);const Ie=Te;Ie.register(Ee);const Ne=i({tagName:Ee,elementClass:Ie,react:r,events:{},displayName:"Bullet"});var Re=o(92);const Oe=i({tagName:se.vS,elementClass:Re.default,react:r,events:{},displayName:"Button"});var Ce=o(125);ie.A.register(Ce.vS);const Me=ie.A,Pe=i({tagName:Ce.vS,elementClass:Me,react:r,events:{},displayName:"Buttonsimple"}),je=[A.B,d.AH`
-    :host {
-      --mdc-divider-background-color: var(--mds-color-theme-outline-secondary-normal);
-      --mdc-divider-width: 0.0625rem;
-      --mdc-divider-horizontal-gradient: var(--mds-color-theme-gradientdivider-default-normal);
-      --mdc-divider-vertical-gradient: var(--mds-color-theme-gradientdivider-vertical-normal);
-      --mdc-divider-text-size: var(--mds-font-size-body-midsize);
-      --mdc-divider-text-color: var(--mds-color-theme-text-secondary-normal);
-      --mdc-divider-text-line-height: var(--mds-font-lineheight-body-midsize);
-      --mdc-divider-text-margin: 1.5rem;
-      --mdc-divider-grabber-button-border-radius: 0.5rem;
-
-      display: flex;
-      justify-content: center;
-    }
-
-    /* Primary and grabber divider styles */
-    :host([data-type='mdc-primary-divider']),
-    :host([data-type='mdc-grabber-divider']) {
-      background-color: var(--mdc-divider-background-color);
-    }
-
-    /* Orientation-specific styles */
-    :host([orientation='horizontal']) {
-      flex-direction: row;
-      height: var(--mdc-divider-width);
-      width: 100%;
-    }
-
-    :host([orientation='vertical']:not([data-type='mdc-text-divider'])) {
-      flex-direction: column;
-      height: 100%;
-      width: var(--mdc-divider-width);
-    }
-
-    /* Gradient styles for primary and grabber dividers */
-    :host([orientation='horizontal'][variant='gradient'][data-type='mdc-primary-divider']),
-    :host([orientation='horizontal'][variant='gradient'][data-type='mdc-grabber-divider']) {
-      background: var(--mdc-divider-horizontal-gradient);
-    }
-
-    :host([orientation='vertical'][variant='gradient'][data-type='mdc-primary-divider']),
-    :host([orientation='vertical'][variant='gradient'][data-type='mdc-grabber-divider']) {
-      background: var(--mdc-divider-vertical-gradient);
-    }
-
-    /* Hiding slotted content for primary dividers */
-    :host([data-type='mdc-primary-divider']) ::slotted(*) {
-      display: none;
-    }
-
-    /** Button divider styles */
-    :host([orientation='vertical']) ::slotted(mdc-button) {
-      width: 1.25rem;
-      height: 2.5rem;
-      border-radius: 0 
-          var(--mdc-divider-grabber-button-border-radius) 
-          var(--mdc-divider-grabber-button-border-radius) 
-          0;
-    }
-
-    :host([orientation='horizontal']) ::slotted(mdc-button) {
-      height: 1.25rem;
-      width: 2.5rem;
-      border-radius: 0 
-          0 
-          var(--mdc-divider-grabber-button-border-radius) 
-          var(--mdc-divider-grabber-button-border-radius);
-    }
-
-    :host([orientation='horizontal'][button-position='positive']),
-    :host([orientation='vertical'][button-position='negative']) {
-      align-items: end;
-    }
-
-    :host([orientation='horizontal'][button-position='negative']),
-    :host([orientation='vertical'][button-position='positive']) {
-      align-items: start;
-    }
-
-    :host([orientation='horizontal'][button-position='positive']) ::slotted(mdc-button) {
-      border-radius: var(--mdc-divider-grabber-button-border-radius) 
-          var(--mdc-divider-grabber-button-border-radius) 
-          0 
-          0;
-      border-bottom-color: transparent;
-    }
-
-    :host([orientation='horizontal'][button-position='negative']) ::slotted(mdc-button) {
-      border-top-color: transparent;
-    }
-
-    :host([orientation='vertical'][button-position='negative']:dir(ltr)) ::slotted(mdc-button),
-    :host([orientation='vertical'][button-position='negative']:dir(rtl)) ::slotted(mdc-button) {
-      border-radius: var(--mdc-divider-grabber-button-border-radius) 
-          0 
-          0 
-          var(--mdc-divider-grabber-button-border-radius);
-      border-right-color: transparent;
-    }
-
-    :host([orientation='vertical'][button-position='positive']:dir(ltr)) ::slotted(mdc-button),
-    :host([orientation='vertical'][button-position='positive']:dir(rtl)) ::slotted(mdc-button) {
-      border-left-color: transparent;
-    }
-
-    :host([orientation='vertical'][button-position='positive']:dir(rtl)) ::slotted(mdc-button) {
-      border-radius: 0 
-          var(--mdc-divider-grabber-button-border-radius) 
-          var(--mdc-divider-grabber-button-border-radius) 
-          0;
-      transform: rotate(180deg);
-    }
-
-    :host([orientation='vertical'][button-position='negative']:dir(rtl)) ::slotted(mdc-button) {
-      transform: rotate(180deg);
-    }
-
-    /** Text divider styles */
-    :host([orientation='horizontal'][variant='gradient'][data-type='mdc-text-divider']),
-    :host([orientation='horizontal'][variant='solid'][data-type='mdc-text-divider']) {
-      align-items: center;
-    }
-
-    :host([data-type='mdc-text-divider']) > div {
-      width: 100%;
-      height: 100%;
-      background-color: var(--mdc-divider-background-color);
-    }
-
-    :host([orientation='horizontal'][variant='gradient'][data-type='mdc-text-divider']) > div:first-of-type {
-      background: linear-gradient(to right, transparent, 30%, var(--mdc-divider-background-color));
-    }
-
-    :host([orientation='horizontal'][variant='gradient'][data-type='mdc-text-divider']) > div:last-of-type {
-      background: linear-gradient(to left, transparent, 30%, var(--mdc-divider-background-color));
-    }
-
-    :host([data-type='mdc-text-divider']) ::slotted(mdc-text) {
-      margin: 0 var(--mdc-divider-text-margin);
-      color: var(--mdc-divider-text-color);
-      font-size: var(--mdc-divider-text-size);
-      line-height: var(--mdc-divider-text-line-height);
-    }
-  `],He=f.A.constructTagName("divider"),Le={HORIZONTAL:"horizontal",VERTICAL:"vertical"},Ue={SOLID:"solid",GRADIENT:"gradient"},De={POSITIVE:"positive",NEGATIVE:"negative"},Be={ORIENTATION:Le.HORIZONTAL,VARIANT:Ue.SOLID,ARROW_DIRECTION:De.NEGATIVE,BUTTON_DIRECTION:De.NEGATIVE};var qe=function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s},Ze=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};class Ve extends h.u{setVariant(e){this.setAttribute("variant",Object.values(Ue).includes(e)?e:Be.VARIANT)}setOrientation(e){this.setAttribute("orientation",Object.values(Le).includes(e)?e:Be.ORIENTATION)}ensureValidDirections(){const e=this.orientation===Le.HORIZONTAL?De.NEGATIVE:De.POSITIVE;Object.values(De).includes(this.buttonPosition)||(this.buttonPosition=e),Object.values(De).includes(this.arrowDirection)||(this.arrowDirection=e)}setGrabberButton(){this.ensureValidDirections();const e=this.querySelector("mdc-button");if(e){const t=this.getArrowIcon();e.setAttribute("variant","secondary"),e.setAttribute("prefix-icon",t)}}getArrowIcon(){const e=this.orientation===Le.HORIZONTAL,t=this.arrowDirection===De.POSITIVE;return e?t?"arrow-up-regular":"arrow-down-regular":t?"arrow-right-regular":"arrow-left-regular"}update(e){super.update(e),e.has("orientation")&&this.setOrientation(this.orientation),e.has("variant")&&this.setVariant(this.variant),(e.has("orientation")||e.has("arrowDirection")||e.has("buttonPosition"))&&this.setGrabberButton()}inferDividerType(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("slot"),o=(null==t?void 0:t.assignedElements({flatten:!0}))||[];if(o.length>1)return;const r=o.some((e=>e.tagName===M.toUpperCase())),n=o.some((e=>e.tagName===se.vS.toUpperCase()));r&&!n?this.setAttribute("data-type","mdc-text-divider"):!r&&n&&(this.setAttribute("data-type","mdc-grabber-divider"),this.setGrabberButton())}constructor(){super(),this.orientation=Be.ORIENTATION,this.variant=Be.VARIANT,this.arrowDirection=Be.ARROW_DIRECTION,this.buttonPosition=Be.BUTTON_DIRECTION,this.setAttribute("data-type","mdc-primary-divider")}render(){return d.qy`
-      <div></div>
-      <slot @slotchange=${this.inferDividerType}></slot>
-      <div></div>
-    `}}Ve.styles=[...h.u.styles,...je],qe([(0,l.MZ)({type:String,reflect:!0}),Ze("design:type",String)],Ve.prototype,"orientation",void 0),qe([(0,l.MZ)({type:String,reflect:!0}),Ze("design:type",String)],Ve.prototype,"variant",void 0),qe([(0,l.MZ)({type:String,attribute:"arrow-direction",reflect:!0}),Ze("design:type",String)],Ve.prototype,"arrowDirection",void 0),qe([(0,l.MZ)({type:String,attribute:"button-position",reflect:!0}),Ze("design:type",String)],Ve.prototype,"buttonPosition",void 0);const Ye=Ve;Ye.register(He);const Fe=i({tagName:He,elementClass:Ye,react:r,events:{},displayName:"Divider"}),We={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};let Ge;const Xe=new Uint8Array(16),Ke=[];for(let e=0;e<256;++e)Ke.push((e+256).toString(16).slice(1));const Je=function(e,t,o){if(We.randomUUID&&!t&&!e)return We.randomUUID();const r=(e=e||{}).random??e.rng?.()??function(){if(!Ge){if("undefined"==typeof crypto||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");Ge=crypto.getRandomValues.bind(crypto)}return Ge(Xe)}();if(r.length<16)throw new Error("Random bytes length must be >= 16");if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,t){if((o=o||0)<0||o+16>t.length)throw new RangeError(`UUID byte range ${o}:${o+15} is out of buffer bounds`);for(let e=0;e<16;++e)t[o+e]=r[e];return t}return function(e,t=0){return(Ke[e[t+0]]+Ke[e[t+1]]+Ke[e[t+2]]+Ke[e[t+3]]+"-"+Ke[e[t+4]]+Ke[e[t+5]]+"-"+Ke[e[t+6]]+Ke[e[t+7]]+"-"+Ke[e[t+8]]+Ke[e[t+9]]+"-"+Ke[e[t+10]]+Ke[e[t+11]]+Ke[e[t+12]]+Ke[e[t+13]]+Ke[e[t+14]]+Ke[e[t+15]]).toLowerCase()}(r)},Qe=[A.B,d.AH`
-    :host {
-      flex-direction: column;
-      align-items: flex-start;
-      gap: 0.5rem;
-    }
-    :host([disabled]),
-    :host([disabled]) .mdc-label,
-    :host([disabled]) .mdc-help-text,
-    :host([disabled][help-text-type='error']) .mdc-help-text,
-    :host([disabled][help-text-type='success']) .mdc-help-text,
-    :host([disabled][help-text-type='warning']) .mdc-help-text,
-    :host([disabled][help-text-type='priority']) .mdc-help-text {
-      color: var(--mds-color-theme-text-primary-disabled);
-    }
-
-    .mdc-label-text,
-    .mdc-help-text {
-      font-size: var(--mds-font-size-body-midsize);
-      line-height: var(--mds-font-lineheight-body-midsize);
-      display: flex;
-      align-items: center;
-      gap: 0.5rem;
-    }
-
-    .mdc-label {
-      color: var(--mds-color-theme-text-primary-normal);
-    }
-
-    .mdc-help-text {
-      color: var(--mds-color-theme-text-secondary-normal);
-    }
-
-    :host([help-text-type='error']) .mdc-help-text {
-      color: var(--mds-color-theme-text-error-normal);
-    }
-    :host([help-text-type='warning']) .mdc-help-text {
-      color: var(--mds-color-theme-text-warning-normal);
-    }
-    :host([help-text-type='success']) .mdc-help-text {
-      color: var(--mds-color-theme-text-success-normal);
-    }
-    :host([help-text-type='priority']) .mdc-help-text {
-      color: var(--mds-color-theme-text-accent-normal);
-    }
-  `],et=f.A.constructTagName("formfieldwrapper"),tt="error",ot="warning",rt="success",nt="priority",at="default",st=at,it=L;var dt=o(18),lt=function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s},ct=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};class mt extends((0,dt.i)(h.u)){constructor(){super(...arguments),this.id=`mdc-input-${Je()}`,this.helpTextType=st}renderLabelElement(){return this.label?d.qy`<label for="${this.id}" class="mdc-label" part="label">${this.label}</label>`:d.s6}renderHelpTextIcon(){if(!this.helpText)return d.s6;const e=(t=this.helpTextType||st,{[tt]:"error-legacy-filled",[ot]:"warning-filled",[rt]:"check-circle-filled",[nt]:"priority-circle-filled",[at]:""}[t]||"");var t;return e&&!this.disabled?d.qy`<mdc-icon part="helper-icon" size="1" length-unit="rem" name=${e}></mdc-icon>`:d.s6}renderHelpText(){return this.helpText?d.qy`
-      <mdc-text
-        part="help-text"
-        tagname=${it}
-        type=${"body-midsize-regular"}
-      >
-        ${this.helpText}
-      </mdc-text>
-    `:d.s6}renderLabel(){return d.qy`<div class="mdc-label-text" part="label-text">
-      <slot name="label">${this.renderLabelElement()}</slot>
-      <slot name="label-info"></slot>
-    </div>`}renderHelperText(){return d.qy`<div class="mdc-help-text" part="mdc-help-text">
-      <slot name="help-icon">${this.renderHelpTextIcon()}</slot>
-      <slot name="help-text">${this.renderHelpText()}</slot>
-    </div>`}}mt.styles=[...h.u.styles,...Qe],lt([(0,l.MZ)({reflect:!0,type:String}),ct("design:type",String)],mt.prototype,"label",void 0),lt([(0,l.MZ)({type:String}),ct("design:type",Object)],mt.prototype,"id",void 0),lt([(0,l.MZ)({reflect:!0,attribute:"help-text-type"}),ct("design:type",String)],mt.prototype,"helpTextType",void 0),lt([(0,l.MZ)({type:String,reflect:!0,attribute:"help-text"}),ct("design:type",String)],mt.prototype,"helpText",void 0);const ht=mt;ht.register(et);const ft=i({tagName:et,elementClass:ht,react:r,events:{},displayName:"FormfieldWrapper"}),ut=i({tagName:o(787).v,elementClass:V.A,react:r,events:{},displayName:"Icon"});var pt=o(584);const gt=i({tagName:o(497).vS,elementClass:pt.default,react:r,events:{},displayName:"IconProvider"}),bt=f.A.constructTagName("link"),vt=!1,yt=!1,xt="large",kt=[A.B,d.AH`
-
-  :host {
-
-    --mdc-link-border-radius: 0.25rem;
-    --mdc-link-color-active: var(--mds-color-theme-text-accent-active);
-    --mdc-link-color-disabled: var(--mds-color-theme-text-primary-disabled);
-    --mdc-link-color-hover: var(--mds-color-theme-text-accent-hover);
-    --mdc-link-color-normal: var(--mds-color-theme-text-accent-normal);
-    --mdc-link-icon-margin-left: 0.25rem;
-    --mdc-link-inverted-color-active: var(--mds-color-theme-inverted-text-accent-active);
-    --mdc-link-inverted-color-disabled: var(--mds-color-theme-inverted-text-primary-disabled);
-    --mdc-link-inverted-color-hover: var(--mds-color-theme-inverted-text-accent-hover);
-    --mdc-link-inverted-color-normal: var(--mds-color-theme-inverted-text-accent-normal);
-    --mdc-link-text-decoration-disabled: underline;
-
-    border-radius: var(--mdc-link-border-radius);
-    color: var(--mdc-link-color-normal);
-  }
-
-  ::slotted(a) {
-    outline: none;
-    align-items: center;
-    color: inherit;
-    display: flex;
-    gap: var(--mdc-link-icon-margin-left);
-    text-decoration: inherit;
-    text-underline-offset: auto;
-    text-underline-position: from-font;
-  }
-
-  :host(:hover) {
-    color: var(--mdc-link-color-hover);
-  }
-
-  :host(:active) {
-    color: var(--mdc-link-color-active);
-  }
-
-  :host([inline]) {
-    display: inline-flex;
-  }
-
-  :host([inverted]) {
-    color: var(--mdc-link-inverted-color-normal);
-  }
-
-  :host([inverted]:hover) {
-    color: var(--mdc-link-inverted-color-hover);
-  }
-
-  :host([inverted]:active) {
-    color: var(--mdc-link-inverted-color-active);
-  }
-
-  :host([size="large"]) {
-    font-size: var(--mds-font-apps-body-large-regular-font-size);
-    font-weight: var(--mds-font-apps-body-large-regular-font-weight);
-    line-height: var(--mds-font-apps-body-large-regular-line-height);
-    text-decoration: var(--mds-font-apps-body-large-regular-text-decoration);
-    text-transform: var(--mds-font-apps-body-large-regular-text-case);
-  }
-
-  :host([size="midsize"]) {
-    font-size: var(--mds-font-apps-body-midsize-regular-font-size);
-    font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
-    line-height: var(--mds-font-apps-body-midsize-regular-line-height);
-    text-decoration: var(--mds-font-apps-body-midsize-regular-text-decoration);
-    text-transform: var(--mds-font-apps-body-midsize-regular-text-case);
-  }
-
-  :host([size="small"]) {
-    font-size: var(--mds-font-apps-body-small-regular-font-size);
-    font-weight: var(--mds-font-apps-body-small-regular-font-weight);
-    line-height: var(--mds-font-apps-body-small-regular-line-height);
-    text-decoration: var(--mds-font-apps-body-small-regular-text-decoration);
-    text-transform: var(--mds-font-apps-body-small-regular-text-case);
-  }
-
-  :host([size="large"]:hover), :host([size="large"]:active), :host([size="large"][inline]) {
-    font-size: var(--mds-font-apps-body-large-regular-underline-font-size);
-    font-weight: var(--mds-font-apps-body-large-regular-underline-font-weight);
-    line-height: var(--mds-font-apps-body-large-regular-underline-line-height);
-    text-decoration: var(--mds-font-apps-body-large-regular-underline-text-decoration);
-    text-transform: var(--mds-font-apps-body-large-regular-underline-text-case);
-  }
-
-  :host([size="midsize"]:hover), :host([size="midsize"]:active), :host([size="midsize"][inline]) {
-    font-size: var(--mds-font-apps-body-midsize-regular-underline-font-size);
-    font-weight: var(--mds-font-apps-body-midsize-regular-underline-font-weight);
-    line-height: var(--mds-font-apps-body-midsize-regular-underline-line-height);
-    text-decoration: var(--mds-font-apps-body-midsize-regular-underline-text-decoration);
-    text-transform: var(--mds-font-apps-body-midsize-regular-underline-text-case);
-  }
-
-  :host([size="small"]:hover), :host([size="small"]:active), :host([size="small"][inline]) {
-    font-size: var(--mds-font-apps-body-small-regular-underline-font-size);
-    font-weight: var(--mds-font-apps-body-small-regular-underline-font-weight);
-    line-height: var(--mds-font-apps-body-small-regular-underline-line-height);
-    text-decoration: var(--mds-font-apps-body-small-regular-underline-text-decoration);
-    text-transform: var(--mds-font-apps-body-small-regular-underline-text-case);
-  }
-
-  :host([disabled]) {
-    color: var(--mdc-link-color-disabled);
-    pointer-events: none;
-  }
-
-  :host([inverted][disabled]) {
-    color: var(--mdc-link-inverted-color-disabled);
-  }
-`,...(0,A.P)(),d.AH`
-  :host(:active) {
-    box-shadow: none;
-  }
-`];var wt=function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s},zt=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};class At extends((0,dt.i)(h.u)){constructor(){super(...arguments),this.inline=vt,this.inverted=yt,this.size=xt,this.prevTabindex=null}getIconSize(){switch(this.size){case"small":return.75;case"midsize":return.875;default:return 1}}setDisabled(e){e?(this.prevTabindex=this.hasAttribute("tabindex")?this.tabIndex:null,this.tabIndex=-1,this.setAttribute("aria-disabled","true")):null===this.prevTabindex?(this.removeAttribute("tabindex"),this.removeAttribute("aria-disabled")):(this.tabIndex=this.prevTabindex,this.removeAttribute("aria-disabled"))}updateTrailingIcon(){var e,t;const o=null===(t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("slot"))||void 0===t?void 0:t.assignedElements({flatten:!0}).find((e=>"A"===e.tagName)),r=this.getIconSize();if(this.iconName&&o){const e=document.createElement("mdc-icon");e.setAttribute("name",this.iconName),e.setAttribute("size",`${r}`),e.setAttribute("length-unit","rem"),o.appendChild(e)}}update(e){super.update(e),e.has("disabled")&&this.setDisabled(this.disabled)}render(){return d.qy`<slot @slotchange=${this.updateTrailingIcon}></slot>`}}At.styles=[...h.u.styles,...kt],wt([(0,l.MZ)({type:String,attribute:"icon-name"}),zt("design:type",String)],At.prototype,"iconName",void 0),wt([(0,l.MZ)({type:Boolean,reflect:!0}),zt("design:type",Boolean)],At.prototype,"inline",void 0),wt([(0,l.MZ)({type:Boolean,reflect:!0}),zt("design:type",Boolean)],At.prototype,"inverted",void 0),wt([(0,l.MZ)({type:String,reflect:!0}),zt("design:type",String)],At.prototype,"size",void 0);const _t=At;_t.register(bt);const $t=i({tagName:bt,elementClass:_t,react:r,events:{},displayName:"Link"}),St=[d.AH`
-  :host {
-    --mdc-marker-width: 0.25rem;
-    --mdc-marker-solid-background-color: var(--mds-color-theme-outline-secondary-normal);
-    --mdc-marker-striped-color: var(--mds-color-theme-outline-secondary-normal);
-    --mdc-marker-striped-background-color: transparent; 
-
-    width: var(--mdc-marker-width);
-    height: 100%;
-    display: block;
-  }
-
-  :host([variant='solid']) {
-    background: var(--mdc-marker-solid-background-color);
-  }
-
-  :host([variant='striped']) {
-    background: repeating-linear-gradient(
-      135deg,
-      var(--mdc-marker-striped-color),
-      var(--mdc-marker-striped-color) 0.1875rem,
-      var(--mdc-marker-striped-background-color) 0.1875rem, 
-      var(--mdc-marker-striped-background-color) 0.375rem
-    );
-  }
-`],Et=f.A.constructTagName("marker");class Tt extends h.u{constructor(){super(...arguments),this.variant="solid"}}Tt.styles=[...h.u.styles,...St],function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);a>3&&s&&Object.defineProperty(t,o,s)}([(0,l.MZ)({type:String,reflect:!0}),function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}("design:type",String)],Tt.prototype,"variant",void 0);const It=Tt;It.register(Et);const Nt=i({tagName:Et,elementClass:It,react:r,events:{},displayName:"Marker"}),Rt=[A.B,d.AH`
-    :host {
-      --mdc-modalcontainer-primary-background-color: var(--mds-color-theme-background-solid-primary-normal);
-      --mdc-modalcontainer-border-color: var(--mds-color-theme-outline-secondary-normal);
-      --mdc-modalcontainer-inverted-background-color: var(--mds-color-theme-inverted-background-normal);
-      --mdc-modalcontainer-inverted-border-color: var(--mds-color-theme-inverted-outline-primary-normal);
-      --mdc-modalcontainer-inverted-text-color: var(--mds-color-theme-inverted-text-primary-normal);
-      --mdc-modalcontainer-elevation-1: var(--mds-elevation-1);
-      --mdc-modalcontainer-elevation-2: var(--mds-elevation-2);
-      --mdc-modalcontainer-elevation-3: var(--mds-elevation-3);
-      --mdc-modalcontainer-elevation-4: var(--mds-elevation-4);
-    }
-
-    .mdc-modal-container {
-      padding: 0.75rem;
-      background-color: var(--mdc-modalcontainer-primary-background-color);
-      border-radius: 0.5rem;
-      border: 0.0625rem solid var(--mdc-modalcontainer-border-color);
-    }
-
-    .mdc-modal-container[contrast] {
-      background-color: var(--mdc-modalcontainer-inverted-background-color);
-      border: 0.0625rem solid var(--mdc-modalcontainer-inverted-border-color);
-      color: var(--mdc-modalcontainer-inverted-text-color);
-    }
-
-    .mdc-modal-container[data-elevation='1'] {
-      filter: var(--mdc-modalcontainer-elevation-1);
-    }
-    .mdc-modal-container[data-elevation='2'] {
-      filter: var(--mdc-modalcontainer-elevation-2);
-    }
-    .mdc-modal-container[data-elevation='3'] {
-      filter: var(--mdc-modalcontainer-elevation-3);
-    }
-    .mdc-modal-container[data-elevation='4'] {
-      filter: var(--mdc-modalcontainer-elevation-4);
-    }
-  `],Ot=f.A.constructTagName("modalcontainer"),Ct="tonal",Mt=0,Pt="dialog";var jt=function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s},Ht=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};class Lt extends h.u{constructor(){super(...arguments),this.color=Ct,this.elevation=Mt,this.role=Pt}render(){return d.qy`
-      <div 
-        id='mdc-modal-container' 
-        class='mdc-modal-container'  
-        ?contrast="${"contrast"===this.color}"
-        role="${this.role}"
-        aria-modal='true'
-        aria-label=${m(this.ariaLabel)}
-        data-elevation="${this.elevation}"
-        >
-        <slot></slot>
-      </div>
-      `}}Lt.styles=[...h.u.styles,...Rt],jt([(0,l.MZ)({type:String,reflect:!0}),Ht("design:type",String)],Lt.prototype,"color",void 0),jt([(0,l.MZ)({type:Number,reflect:!0}),Ht("design:type",Number)],Lt.prototype,"elevation",void 0),jt([(0,l.MZ)({type:String}),Ht("design:type",String)],Lt.prototype,"role",void 0);const Ut=Lt;Ut.register(Ot);const Dt=i({tagName:Ot,elementClass:Ut,react:r,events:{},displayName:"Modalcontainer"}),Bt=i({tagName:$,elementClass:K,react:r,events:{},displayName:"Presence"}),qt=i({tagName:M,elementClass:ne,react:r,events:{},displayName:"Text"});var Zt=o(722);const Vt=i({tagName:o(583).v,elementClass:Zt.default,react:r,events:{},displayName:"ThemeProvider"})},18:(e,t,o)=>{o.d(t,{i:()=>a});var r=o(477),n=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};const a=e=>{class t extends e{constructor(){super(...arguments),this.disabled=!1}}return function(e,t,o,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,o,s):n(t,o))||s);a>3&&s&&Object.defineProperty(t,o,s)}([(0,r.MZ)({reflect:!0,type:Boolean}),n("design:type",Object)],t.prototype,"disabled",void 0),t}},903:(e,t,o)=>{o.d(t,{B:()=>n,P:()=>a});var r=o(918);const n=r.AH`
-  :host {
-    align-items: center;
-    display: flex;
-    height: fit-content;
-    justify-content: center;
-    width: fit-content;
-  }
-`,a=(e=!1)=>{const t=r.AH`
-    :host {
-      --mdc-focus-ring-inner-color: var(--mds-color-theme-focus-default-0);
-      --mdc-focus-ring-middle-color: var(--mds-color-theme-focus-default-1);
-      --mdc-focus-ring-outer-color: var(--mds-color-theme-focus-default-2);
-
-      --mdc-focus-ring-inner-width: 0.125rem;
-      --mdc-focus-ring-middle-width: calc(2 * var(--mdc-focus-ring-inner-width));
-      --mdc-focus-ring-outer-width: calc(0.0625rem + var(--mdc-focus-ring-middle-width));
-
-      --mdc-focus-ring-middle-offset: var(--mdc-focus-ring-inner-width);
-      --mdc-focus-ring-outer-offset: calc(var(--mdc-focus-ring-inner-width) + var(--mdc-focus-ring-middle-width));
-    }
-  `,o=r.AH`0 0 0 var(--mdc-focus-ring-inner-width) var(--mdc-focus-ring-inner-color),
-    0 0 0 var(--mdc-focus-ring-middle-width) var(--mdc-focus-ring-middle-color),
-    0 0 0 var(--mdc-focus-ring-outer-width) var(--mdc-focus-ring-outer-color)
-  `;return e?[t,r.AH`
-        .mdc-focus-ring:focus-visible {
-          outline: none;
-        }
-        :host([disabled]) .mdc-focus-ring:focus {
-          box-shadow: none;
-        }
-        .mdc-focus-ring:focus-within {
-          position: relative;
-          box-shadow: ${o};
-        }
-        /* High Contrast Mode */
-        @media (forced-colors: active) {
-          .mdc-focus-ring:focus-within {
-            outline: 0.125rem solid var(--mds-color-theme-focus-default-0);
-          }
-        }
-      `]:[t,r.AH`
-      :host(:focus-visible) {
-        outline: none;
-      }
-      :host([disabled]:focus) {
-        box-shadow: none;
-      }
-      :host(:focus), :host(:focus-within) {
-        position: relative;
-        box-shadow: ${o};
-      }
-      /* High Contrast Mode */
-      @media (forced-colors: active) {
-        :host(:focus), :host(:focus-within) {
-          outline: 0.125rem solid var(--mds-color-theme-focus-default-0);
-        }
-      }
-    `]}},974:(e,t,o)=>{o.d(t,{A:()=>n});const r={NAMESPACE:{PREFIX:"mdc",SEPARATOR:"-"}},n={constructTagName:e=>[r.NAMESPACE.PREFIX,e].join(r.NAMESPACE.SEPARATOR)}},489:(e,t,o)=>{o.d(t,{A:()=>h});var r=o(63),n=o.n(r),a=o(248),s=o.n(a),i=o(243),d=o.n(i),l=new URL(o(28),o.b),c=s()(n()),m=d()(l);c.push([e.id,`@font-face {\n    font-family: "Momentum";\n    src: url(${m}) format("woff2");\n    font-style: normal;\n    font-display: swap;\n    /* Required for Safari support */\n    font-weight: 1 1000;   \n}`,""]);const h=c},245:(e,t,o)=>{o.d(t,{A:()=>i});var r=o(63),n=o.n(r),a=o(248),s=o.n(a)()(n());s.push([e.id,".mds-theme-stable-darkWebex {\n  --mds-color-theme-text-primary-normal: #fffffff2;\n  --mds-color-theme-text-primary-disabled: #ffffff66;\n  --mds-color-theme-text-secondary-normal: #ffffffb3;\n  --mds-color-theme-text-error-normal: #fc8b98;\n  --mds-color-theme-text-error-hover: #ffd4da;\n  --mds-color-theme-text-error-active: #ffd4da;\n  --mds-color-theme-text-success-normal: #3cc29a;\n  --mds-color-theme-text-success-hover: #9fedd8;\n  --mds-color-theme-text-success-active: #9fedd8;\n  --mds-color-theme-text-warning-normal: #f2990a;\n  --mds-color-theme-text-warning-hover: #ffda94;\n  --mds-color-theme-text-warning-active: #ffda94;\n  --mds-color-theme-text-highlight: #063a75;\n  --mds-color-theme-text-accent-normal: #64b4fa;\n  --mds-color-theme-text-accent-hover: #bfe3ff;\n  --mds-color-theme-text-accent-active: #bfe3ff;\n  --mds-color-theme-text-teamdefault-normal: #ffffffb3;\n  --mds-color-theme-text-teamdefault-hover: #ffffffb3;\n  --mds-color-theme-text-teamdefault-active: #fffffff2;\n  --mds-color-theme-text-alert-purple-normal: #f294f1;\n  --mds-color-theme-text-alert-purple-hover: #fce1fc;\n  --mds-color-theme-text-alert-purple-active: #fce1fc;\n  --mds-color-theme-text-alert-orange-normal: #fd884e;\n  --mds-color-theme-text-alert-orange-hover: #fed5ac;\n  --mds-color-theme-text-alert-orange-active: #fed5ac;\n  --mds-color-theme-text-team-cobalt-normal: #5ebff7;\n  --mds-color-theme-text-team-cobalt-hover: #5ebff7;\n  --mds-color-theme-text-team-cobalt-active: #c7eeff;\n  --mds-color-theme-text-team-cyan-normal: #22c7d6;\n  --mds-color-theme-text-team-cyan-hover: #22c7d6;\n  --mds-color-theme-text-team-cyan-active: #b2f4f7;\n  --mds-color-theme-text-team-mint-normal: #30c9b0;\n  --mds-color-theme-text-team-mint-hover: #baf5e7;\n  --mds-color-theme-text-team-mint-active: #baf5e7;\n  --mds-color-theme-text-team-lime-normal: #93c437;\n  --mds-color-theme-text-team-lime-hover: #93c437;\n  --mds-color-theme-text-team-lime-active: #ddf2ae;\n  --mds-color-theme-text-team-gold-normal: #d6b220;\n  --mds-color-theme-text-team-gold-hover: #d6b220;\n  --mds-color-theme-text-team-gold-active: #f5eaa2;\n  --mds-color-theme-text-team-orange-normal: #fd884e;\n  --mds-color-theme-text-team-orange-hover: #fd884e;\n  --mds-color-theme-text-team-orange-active: #fed5ac;\n  --mds-color-theme-text-team-pink-normal: #fc97aa;\n  --mds-color-theme-text-team-pink-hover: #fc97aa;\n  --mds-color-theme-text-team-pink-active: #ffe0e7;\n  --mds-color-theme-text-team-purple-normal: #f294f1;\n  --mds-color-theme-text-team-purple-hover: #f294f1;\n  --mds-color-theme-text-team-purple-active: #fce1fc;\n  --mds-color-theme-text-team-violet-normal: #c7a5fa;\n  --mds-color-theme-text-team-violet-hover: #c7a5fa;\n  --mds-color-theme-text-team-violet-active: #f0e3fc;\n  --mds-color-theme-text-team-slate-normal: #b0b4d9;\n  --mds-color-theme-text-team-slate-hover: #b0b4d9;\n  --mds-color-theme-text-team-slate-active: #e3e7fa;\n  --mds-color-theme-inverted-text-primary-normal: #000000f2;\n  --mds-color-theme-inverted-text-primary-disabled: #00000066;\n  --mds-color-theme-inverted-text-secondary-normal: #000000b3;\n  --mds-color-theme-inverted-text-accent-normal: #0353a8;\n  --mds-color-theme-inverted-text-accent-hover: #0a274a;\n  --mds-color-theme-inverted-text-accent-active: #0a274a;\n  --mds-color-theme-inverted-background-normal: #ffffff;\n  --mds-color-theme-inverted-button-primary-normal: #000000f2;\n  --mds-color-theme-inverted-button-primary-hover: #000000cc;\n  --mds-color-theme-inverted-button-primary-pressed: #000000b3;\n  --mds-color-theme-inverted-button-primary-disabled: #00000033;\n  --mds-color-theme-inverted-button-secondary-normal: #00000000;\n  --mds-color-theme-inverted-button-secondary-hover: #00000012;\n  --mds-color-theme-inverted-button-secondary-pressed: #00000033;\n  --mds-color-theme-inverted-button-secondary-disabled: #00000000;\n  --mds-color-theme-inverted-outline-button-normal: #00000080;\n  --mds-color-theme-inverted-outline-primary-normal: #00000075;\n  --mds-color-theme-inverted-outline-disabled-normal: #00000033;\n  --mds-color-theme-inverted-outline-theme-normal: #1170cf;\n  --mds-color-theme-inverted-control-active-normal: #1170cf;\n  --mds-color-theme-inverted-control-active-hover: #0353a8;\n  --mds-color-theme-inverted-control-active-pressed: #063a75;\n  --mds-color-theme-inverted-control-active-active: #063a75;\n  --mds-color-theme-inverted-control-active-disabled: #00000033;\n  --mds-color-theme-inverted-control-inactive-normal: #8f8f8f;\n  --mds-color-theme-inverted-control-inactive-hover: #0000004d;\n  --mds-color-theme-inverted-control-inactive-pressed: #00000066;\n  --mds-color-theme-inverted-control-inactive-disabled: #00000033;\n  --mds-color-theme-background-primary-ghost: #ffffff00;\n  --mds-color-theme-background-primary-hover: #ffffff12;\n  --mds-color-theme-background-primary-active: #ffffff1c;\n  --mds-color-theme-background-primary-disabled: #ffffff00;\n  --mds-color-theme-background-solid-primary-normal: #000000;\n  --mds-color-theme-background-solid-secondary-normal: #1a1a1a;\n  --mds-color-theme-background-solid-tertiary-normal: #262626;\n  --mds-color-theme-background-solid-quaternary-normal: #3b3b3b;\n  --mds-color-theme-background-secondary-normal: #ffffff1c;\n  --mds-color-theme-background-secondary-hover: #ffffff33;\n  --mds-color-theme-background-secondary-active: #ffffff33;\n  --mds-color-theme-background-secondary-disabled: #ffffff00;\n  --mds-color-theme-background-accent-normal: #1170cf;\n  --mds-color-theme-background-accent-active: #64b4fa;\n  --mds-color-theme-background-alert-default-normal: #3b3b3b;\n  --mds-color-theme-background-alert-default-hover: #3b3b3b;\n  --mds-color-theme-background-alert-default-active: #545454;\n  --mds-color-theme-background-alert-success-normal: #0e2b20;\n  --mds-color-theme-background-alert-success-hover: #0e2b20;\n  --mds-color-theme-background-alert-success-active: #134231;\n  --mds-color-theme-background-alert-warning-normal: #36220c;\n  --mds-color-theme-background-alert-warning-hover: #36220c;\n  --mds-color-theme-background-alert-warning-active: #57330a;\n  --mds-color-theme-background-alert-error-normal: #4f0e10;\n  --mds-color-theme-background-alert-error-hover: #4f0e10;\n  --mds-color-theme-background-alert-error-active: #780d13;\n  --mds-color-theme-background-alert-theme-normal: #0a274a;\n  --mds-color-theme-background-alert-theme-hover: #0a274a;\n  --mds-color-theme-background-alert-theme-active: #063a75;\n  --mds-color-theme-background-alert-purple-normal: #3b1840;\n  --mds-color-theme-background-alert-purple-hover: #3b1840;\n  --mds-color-theme-background-alert-purple-active: #601e66;\n  --mds-color-theme-background-alert-orange-normal: #411b04;\n  --mds-color-theme-background-alert-orange-hover: #411b04;\n  --mds-color-theme-background-alert-orange-active: #682601;\n  --mds-color-theme-background-label-cobalt-normal: #12283d;\n  --mds-color-theme-background-label-cobalt-hover: #103c63;\n  --mds-color-theme-background-label-cobalt-active: #08599c;\n  --mds-color-theme-background-label-gold-normal: #30240d;\n  --mds-color-theme-background-label-gold-hover: #4d370c;\n  --mds-color-theme-background-label-gold-active: #735107;\n  --mds-color-theme-background-label-lime-normal: #1e2b10;\n  --mds-color-theme-background-label-lime-hover: #2d4214;\n  --mds-color-theme-background-label-lime-active: #416116;\n  --mds-color-theme-background-label-mint-normal: #102b2a;\n  --mds-color-theme-background-label-mint-hover: #12423f;\n  --mds-color-theme-background-label-mint-active: #12615a;\n  --mds-color-theme-background-label-orange-normal: #411b04;\n  --mds-color-theme-background-label-orange-hover: #682601;\n  --mds-color-theme-background-label-orange-active: #9c3202;\n  --mds-color-theme-background-label-pink-normal: #3b1e21;\n  --mds-color-theme-background-label-pink-hover: #66262d;\n  --mds-color-theme-background-label-pink-active: #a12a3a;\n  --mds-color-theme-background-label-purple-normal: #3b1840;\n  --mds-color-theme-background-label-purple-hover: #601e66;\n  --mds-color-theme-background-label-purple-active: #932099;\n  --mds-color-theme-background-label-slate-normal: #26262b;\n  --mds-color-theme-background-label-slate-hover: #393a47;\n  --mds-color-theme-background-label-slate-active: #535573;\n  --mds-color-theme-background-label-violet-normal: #29223d;\n  --mds-color-theme-background-label-violet-hover: #432c78;\n  --mds-color-theme-background-label-violet-active: #643abd;\n  --mds-color-theme-background-label-default-normal: #262626;\n  --mds-color-theme-background-label-default-hover: #3b3b3b;\n  --mds-color-theme-background-label-default-active: #545454;\n  --mds-color-theme-background-label-error-normal: #4f0e10;\n  --mds-color-theme-background-label-error-hover: #780d13;\n  --mds-color-theme-background-label-error-active: #ab0a15;\n  --mds-color-theme-background-namelabel-normal: #00000099;\n  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%);\n  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #262626 0%, #0f0f0f 100%);\n  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);\n  --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);\n  --mds-color-theme-background-glass-normal: #00000066;\n  --mds-color-theme-background-glass-overlay-normal: #000000cc;\n  --mds-color-theme-background-glass-overlay-inactive: #00000066;\n  --mds-color-theme-button-primary-normal: #fffffff2;\n  --mds-color-theme-button-primary-hover: #ffffffcc;\n  --mds-color-theme-button-primary-pressed: #ffffffb3;\n  --mds-color-theme-button-primary-disabled: #ffffff33;\n  --mds-color-theme-button-secondary-normal: #ffffff00;\n  --mds-color-theme-button-secondary-hover: #ffffff12;\n  --mds-color-theme-button-secondary-pressed: #ffffff33;\n  --mds-color-theme-button-secondary-disabled: #ffffff00;\n  --mds-color-theme-button-secondary-active-normal: #ffffff33;\n  --mds-color-theme-button-secondary-active-hover: #ffffff4d;\n  --mds-color-theme-button-secondary-active-pressed: #ffffff66;\n  --mds-color-theme-button-secondary-active-disabled: #ffffff1c;\n  --mds-color-theme-button-join-normal: #1d805f;\n  --mds-color-theme-button-join-hover: #185e46;\n  --mds-color-theme-button-join-pressed: #134231;\n  --mds-color-theme-button-cancel-normal: #db1f2e;\n  --mds-color-theme-button-cancel-hover: #ab0a15;\n  --mds-color-theme-button-cancel-pressed: #780d13;\n  --mds-color-theme-button-accent-normal: #1170cf;\n  --mds-color-theme-button-accent-hover: #0353a8;\n  --mds-color-theme-button-accent-pressed: #063a75;\n  --mds-color-theme-button-glass-primary-normal: #ffffffcc;\n  --mds-color-theme-button-glass-primary-hover: #ffffffb3;\n  --mds-color-theme-button-glass-primary-pressed: #ffffff99;\n  --mds-color-theme-outline-primary-normal: #ffffff66;\n  --mds-color-theme-outline-primary-disabled: #ffffff33;\n  --mds-color-theme-outline-theme-normal: #64b4fa;\n  --mds-color-theme-outline-secondary-normal: #ffffff33;\n  --mds-color-theme-outline-input-normal: #ffffff80;\n  --mds-color-theme-outline-input-active: #ffffffe6;\n  --mds-color-theme-outline-button-normal: #ffffff80;\n  --mds-color-theme-outline-join-normal: #3cc29a;\n  --mds-color-theme-outline-cancel-normal: #fc8b98;\n  --mds-color-theme-outline-share-selected: #27a17a;\n  --mds-color-theme-outline-share-active: #ec6400;\n  --mds-color-theme-outline-share-inactive: #8f8f8f;\n  --mds-color-theme-outline-overlay-normal: #adadad;\n  --mds-color-theme-outline-high-contrast-focus: #ffffff;\n  --mds-color-theme-outline-label-cobalt: #5ebff7;\n  --mds-color-theme-outline-label-gold: #d6b220;\n  --mds-color-theme-outline-label-lime: #93c437;\n  --mds-color-theme-outline-label-mint: #30c9b0;\n  --mds-color-theme-outline-label-orange: #fd884e;\n  --mds-color-theme-outline-label-pink: #fc97aa;\n  --mds-color-theme-outline-label-purple: #f294f1;\n  --mds-color-theme-outline-label-slate: #b0b4d9;\n  --mds-color-theme-outline-label-violet: #c7a5fa;\n  --mds-color-theme-outline-promotion-normal: #c233c4;\n  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);\n  --mds-color-theme-outline-warning-normal: #f2990a;\n  --mds-color-theme-control-active-normal: #64b4fa;\n  --mds-color-theme-control-active-hover: #3492eb;\n  --mds-color-theme-control-active-pressed: #1170cf;\n  --mds-color-theme-control-active-active: #1170cf;\n  --mds-color-theme-control-active-disabled: #ffffff33;\n  --mds-color-theme-control-indicator-inactive-normal: #8f8f8f;\n  --mds-color-theme-control-inactive-normal: #ffffff1c;\n  --mds-color-theme-control-inactive-hover: #ffffff33;\n  --mds-color-theme-control-inactive-pressed: #ffffff4d;\n  --mds-color-theme-control-inactive-disabled: #ffffff12;\n  --mds-color-theme-overlay-meetings-normal: #000000b3;\n  --mds-color-theme-overlay-button-secondary-normal: #0f0f0f;\n  --mds-color-theme-overlay-button-secondary-hover: #262626;\n  --mds-color-theme-overlay-button-secondary-pressed: #3b3b3b;\n  --mds-color-theme-indicator-unstable: #ec6400;\n  --mds-color-theme-indicator-attention: #f55868;\n  --mds-color-theme-indicator-stable: #27a17a;\n  --mds-color-theme-indicator-locked: #8f8f8f;\n  --mds-color-theme-indicator-caution: #cf7900;\n  --mds-color-theme-indicator-secure: #3492eb;\n  --mds-color-theme-common-whiteboard-sticky-note-yellow: #ffbe4f;\n  --mds-color-theme-common-whiteboard-sticky-note-red: #fc8b98;\n  --mds-color-theme-common-whiteboard-sticky-note-purple: #f294f1;\n  --mds-color-theme-common-whiteboard-sticky-note-cyan: #22c7d6;\n  --mds-color-theme-common-whiteboard-sticky-note-mint: #30c9b0;\n  --mds-color-theme-common-whiteboard-pen-black: #0f0f0f;\n  --mds-color-theme-common-whiteboard-pen-red: #f55868;\n  --mds-color-theme-common-whiteboard-pen-purple: #c233c4;\n  --mds-color-theme-common-whiteboard-pen-blue: #64b4fa;\n  --mds-color-theme-common-whiteboard-pen-green: #3cc29a;\n  --mds-color-theme-common-whiteboard-pen-yellow: #f2990a;\n  --mds-color-theme-common-whiteboard-pen-white: #ffffff;\n  --mds-color-theme-common-text-primary-normal: #fffffff2;\n  --mds-color-theme-common-text-primary-disabled: #ffffff66;\n  --mds-color-theme-common-text-secondary-normal: #ffffffb3;\n  --mds-color-theme-common-text-success-normal: #3cc29a;\n  --mds-color-theme-common-text-success-hover: #9fedd8;\n  --mds-color-theme-common-text-error-normal: #fc8b98;\n  --mds-color-theme-common-text-error-hover: #ffd4da;\n  --mds-color-theme-common-text-warning-normal: #f2990a;\n  --mds-color-theme-common-text-warning-hover: #ffda94;\n  --mds-color-theme-common-inverted-text-secondary-normal: #00000099;\n  --mds-color-theme-common-inverted-text-primary-normal: #000000f2;\n  --mds-color-theme-common-inverted-button-secondary-normal: #00000000;\n  --mds-color-theme-common-inverted-button-secondary-hover: #00000012;\n  --mds-color-theme-common-inverted-button-secondary-pressed: #00000033;\n  --mds-color-theme-common-inverted-button-secondary-disabled: #00000000;\n  --mds-color-theme-common-overlays-primary-normal: #000000e6;\n  --mds-color-theme-common-overlays-secondary-normal: #00000066;\n  --mds-color-theme-common-overlays-meeting-normal-0: #00000000;\n  --mds-color-theme-common-overlays-meeting-normal-1: #0000004d;\n  --mds-color-theme-common-overlays-meeting-normal-2: #000000cc;\n  --mds-color-theme-common-button-primary-normal: #fffffff2;\n  --mds-color-theme-common-button-primary-hover: #ffffffcc;\n  --mds-color-theme-common-button-primary-pressed: #ffffffb3;\n  --mds-color-theme-common-button-primary-disabled: #ffffff33;\n  --mds-color-theme-common-button-secondary-normal: #ffffff00;\n  --mds-color-theme-common-button-secondary-hover: #ffffff12;\n  --mds-color-theme-common-button-secondary-active-normal: #ffffff33;\n  --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;\n  --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;\n  --mds-color-theme-common-button-secondary-active-disabled: #ffffff1c;\n  --mds-color-theme-common-button-secondary-disabled: #ffffff00;\n  --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);\n  --mds-color-theme-common-button-promotion-normal: linear-gradient(45deg, #932099 0%, #a12a3a 100%);\n  --mds-color-theme-common-button-promotion-hover: linear-gradient(45deg, #601e66 0%, #66262d 100%);\n  --mds-color-theme-common-button-promotion-active: linear-gradient(45deg, #3b1840 0%, #3b1e21 100%);\n  --mds-color-theme-common-outline-button-normal: #ffffff4d;\n  --mds-color-theme-common-outline-primary-normal: #ffffff66;\n  --mds-color-theme-common-outline-primary-disabled: #ffffff33;\n  --mds-color-theme-common-outline-input-normal: #ffffff80;\n  --mds-color-theme-common-outline-secondary-normal: #00000033;\n  --mds-color-theme-common-outline-secondary-disabled: #00000033;\n  --mds-color-theme-common-outline-warning-normal: #f2990a;\n  --mds-color-theme-common-control-share-content-selected: #3cc29a;\n  --mds-color-theme-common-control-share-content-active: #c94403;\n  --mds-color-theme-common-control-share-content-inactive: #707070;\n  --mds-color-theme-common-control-inactive-normal: #00000033;\n  --mds-color-theme-common-background-alert-share-normal: #c94403;\n  --mds-color-theme-common-background-solid-dark: #1a1a1a;\n  --mds-color-theme-common-background-solid-light: #ffffff;\n  --mds-color-theme-common-content-pdf: #ee0507;\n  --mds-color-theme-common-content-word: #0078d6;\n  --mds-color-theme-common-content-powerpoint: #d93e17;\n  --mds-color-theme-common-content-excel: #00893e;\n  --mds-color-theme-common-content-onenote: #b839db;\n  --mds-color-theme-common-content-sheets: #f4b400;\n  --mds-color-theme-common-content-slides: #0f9d58;\n  --mds-color-theme-common-content-keynote: #029cfb;\n  --mds-color-theme-common-content-doc: #4285f4;\n  --mds-color-theme-common-touchbar-background-blue-normal: #1170cf;\n  --mds-color-theme-common-touchbar-background-blue-pressed: #063a75;\n  --mds-color-theme-common-touchbar-background-pink-normal: #d43b52;\n  --mds-color-theme-common-touchbar-background-pink-pressed: #66262d;\n  --mds-color-theme-common-touchbar-background-mint-normal: #148579;\n  --mds-color-theme-common-touchbar-background-mint-pressed: #12423f;\n  --mds-color-theme-common-touchbar-background-purple-normal: #c233c4;\n  --mds-color-theme-common-touchbar-background-purple-pressed: #601e66;\n  --mds-color-theme-common-touchbar-background-violet-normal: #875ae0;\n  --mds-color-theme-common-touchbar-background-violet-pressed: #432c78;\n  --mds-color-theme-common-touchbar-background-orange-normal: #c94403;\n  --mds-color-theme-common-touchbar-background-orange-pressed: #682601;\n  --mds-color-theme-common-touchbar-background-green-normal: #1d805f;\n  --mds-color-theme-common-touchbar-background-green-pressed: #134231;\n  --mds-color-theme-common-touchbar-background-red-normal: #db1f2e;\n  --mds-color-theme-common-touchbar-background-red-pressed: #780d13;\n  --mds-color-theme-common-touchbar-background-transparent: #00000000;\n  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;\n  --mds-color-theme-common-touchbar-icon-stable: #27a17a;\n  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;\n  --mds-color-theme-scrollbar-button-normal: #ffffff66;\n  --mds-color-theme-scrollbar-button-hover: #ffffff80;\n  --mds-color-theme-scrollbar-button-pressed: #ffffff99;\n  --mds-color-theme-scrollbar-arrow-normal: #ffffffb3;\n  --mds-color-theme-scrollbar-arrow-background-normal: #ffffff00;\n  --mds-color-theme-scrollbar-arrow-background-hover: #ffffff33;\n  --mds-color-theme-scrollbar-arrow-background-pressed: #ffffff4d;\n  --mds-color-theme-scrollbar-background-secondary-ghost: #ffffff00;\n  --mds-color-theme-scrollbar-background-secondary-normal: #ffffff1c;\n  --mds-color-theme-illustrations-empty-primary-0: #93c437;\n  --mds-color-theme-illustrations-empty-primary-1: #279be8;\n  --mds-color-theme-illustrations-empty-secondary-0: #279be8;\n  --mds-color-theme-illustrations-empty-secondary-1: #875ae0;\n  --mds-color-theme-illustrations-onboarding-primary-0: #ffbe4f;\n  --mds-color-theme-illustrations-onboarding-primary-1: #93c437;\n  --mds-color-theme-illustrations-onboarding-secondary-0: #f55868;\n  --mds-color-theme-illustrations-onboarding-secondary-1: #875ae0;\n  --mds-color-theme-illustrations-onboarding-tertiary-0: #ffbe4f;\n  --mds-color-theme-illustrations-onboarding-tertiary-1: #ec6400;\n  --mds-color-theme-illustrations-onboarding-quartenary-0: #93c437;\n  --mds-color-theme-illustrations-onboarding-quartenary-1: #279be8;\n  --mds-color-theme-illustrations-onboarding-quinary-0: #279be8;\n  --mds-color-theme-illustrations-onboarding-quinary-1: #875ae0;\n  --mds-color-theme-illustrations-success-0: #3cc29a;\n  --mds-color-theme-illustrations-success-1: #93c437;\n  --mds-color-theme-illustrations-error-0: #f0677e;\n  --mds-color-theme-illustrations-error-1: #db1f2e;\n  --mds-color-theme-illustrations-default: #ffffff;\n  --mds-color-theme-globaltint-normal: #3492eb;\n  --mds-color-theme-globaltint-selected: #1170cf;\n  --mds-color-theme-groupedbackground-primary-normal: #000000;\n  --mds-color-theme-groupedbackground-secondary-normal: #1a1a1a;\n  --mds-color-theme-groupedbackground-tertiary-normal: #262626;\n  --mds-color-theme-groupedbackground-quaternary-normal: #3b3b3b;\n  --mds-color-theme-gradientdivider-default-normal: linear-gradient(90deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);\n  --mds-color-theme-gradientdivider-default-hover: linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);\n  --mds-color-theme-gradientdivider-error-normal: linear-gradient(90deg, #fc8b9800 0%, #fc8b9899 22.4%, #fc8b9899 76.04%, #fc8b9800 100%);\n  --mds-color-theme-gradientdivider-error-hover: linear-gradient(90deg, #fc8b9800 0%, #fc8b98e6 22.4%, #fc8b98e6 76.04%, #fc8b9800 100%);\n  --mds-color-theme-gradientdivider-warning-normal: linear-gradient(90deg, #f2990a00 0%, #f2990a99 22.4%, #f2990a99 76.04%, #f2990a00 100%);\n  --mds-color-theme-gradientdivider-warning-hover: linear-gradient(90deg, #f2990a00 0%, #f2990ae6 22.4%, #f2990ae6 76.04%, #f2990a00 100%);\n  --mds-color-theme-gradientdivider-announce-normal: linear-gradient(90deg, #64b4fa00 0%, #64b4fa99 22.4%, #64b4fa99 76.04%, #64b4fa00 100%);\n  --mds-color-theme-gradientdivider-announce-hover: linear-gradient(90deg, #64b4fa00 0%,#64b4faE6 22.4%, #64b4faE6 76.04%, #64b4fa00 100%);\n  --mds-color-theme-gradientdivider-success-normal: linear-gradient(90deg, #3cc29a00 0%, #3cc29a99 22.4%, #3cc29a99 76.04%, #3cc29a00 100%);\n  --mds-color-theme-gradientdivider-success-hover: linear-gradient(90deg, #3cc29a00 0%,#3cc29aE6 22.4%, #3cc29aE6 76.04%, #3cc29a00 100%);\n  --mds-color-theme-gradientdivider-orange-normal: linear-gradient(90deg, #fd884e00 0%, #fd884e99 22.4%, #fd884e99 76.04%, #fd884e00 100%);\n  --mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #fd884e00 0%,#fd884eE6 22.4%, #fd884eE6 76.04%, #fd884e00 100%);\n  --mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #f294f100 0%, #f294f199 22.4%, #f294f199 76.04%, #f294f100 100%);\n  --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);\n  --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);\n  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);\n  --mds-color-theme-avatar-default: #545454;\n  --mds-color-theme-avatar-hover: #ffffff12;\n  --mds-color-theme-avatar-pressed: #ffffff33;\n  --mds-color-theme-avatar-cobalt: #08599c;\n  --mds-color-theme-avatar-cyan: #066070;\n  --mds-color-theme-avatar-gold: #735107;\n  --mds-color-theme-avatar-lime: #416116;\n  --mds-color-theme-avatar-mint: #12615a;\n  --mds-color-theme-avatar-orange: #9c3202;\n  --mds-color-theme-avatar-pink: #a12a3a;\n  --mds-color-theme-avatar-purple: #932099;\n  --mds-color-theme-avatar-slate: #535573;\n  --mds-color-theme-avatar-violet: #643abd;\n  --mds-color-theme-avatar-yellow: #7d4705;\n  --mds-color-theme-avatar-glass-normal: #ffffff12;\n  --mds-color-theme-avatar-glass-active: #ffffffcc;\n  --mds-color-theme-focus-default-0: #000000;\n  --mds-color-theme-focus-default-1: #64b4fa;\n  --mds-color-theme-focus-default-2: #64b4fa59;\n}\n.mds-theme-stable-lightWebex {\n  --mds-color-theme-text-primary-normal: #000000f2;\n  --mds-color-theme-text-primary-disabled: #00000066;\n  --mds-color-theme-text-secondary-normal: #000000b3;\n  --mds-color-theme-text-error-normal: #ab0a15;\n  --mds-color-theme-text-error-hover: #4f0e10;\n  --mds-color-theme-text-error-active: #4f0e10;\n  --mds-color-theme-text-success-normal: #185e46;\n  --mds-color-theme-text-success-hover: #0e2b20;\n  --mds-color-theme-text-success-active: #0e2b20;\n  --mds-color-theme-text-warning-normal: #7d4705;\n  --mds-color-theme-text-warning-hover: #36220c;\n  --mds-color-theme-text-warning-active: #36220c;\n  --mds-color-theme-text-highlight: #bfe3ff;\n  --mds-color-theme-text-accent-normal: #0353a8;\n  --mds-color-theme-text-accent-hover: #0a274a;\n  --mds-color-theme-text-accent-active: #0a274a;\n  --mds-color-theme-text-teamdefault-normal: #000000b3;\n  --mds-color-theme-text-teamdefault-hover: #000000b3;\n  --mds-color-theme-text-teamdefault-active: #000000f2;\n  --mds-color-theme-text-alert-purple-normal: #932099;\n  --mds-color-theme-text-alert-purple-hover: #3b1840;\n  --mds-color-theme-text-alert-purple-active: #3b1840;\n  --mds-color-theme-text-alert-orange-normal: #9c3202;\n  --mds-color-theme-text-alert-orange-hover: #411b04;\n  --mds-color-theme-text-alert-orange-active: #411b04;\n  --mds-color-theme-text-team-cobalt-normal: #08599c;\n  --mds-color-theme-text-team-cobalt-hover: #08599c;\n  --mds-color-theme-text-team-cobalt-active: #12283d;\n  --mds-color-theme-text-team-cyan-normal: #066070;\n  --mds-color-theme-text-team-cyan-hover: #0b2a30;\n  --mds-color-theme-text-team-cyan-active: #0b2a30;\n  --mds-color-theme-text-team-mint-normal: #12615a;\n  --mds-color-theme-text-team-mint-hover: #102b2a;\n  --mds-color-theme-text-team-mint-active: #102b2a;\n  --mds-color-theme-text-team-lime-normal: #416116;\n  --mds-color-theme-text-team-lime-hover: #416116;\n  --mds-color-theme-text-team-lime-active: #1e2b10;\n  --mds-color-theme-text-team-gold-normal: #735107;\n  --mds-color-theme-text-team-gold-hover: #735107;\n  --mds-color-theme-text-team-gold-active: #30240d;\n  --mds-color-theme-text-team-orange-normal: #9c3202;\n  --mds-color-theme-text-team-orange-hover: #9c3202;\n  --mds-color-theme-text-team-orange-active: #411b04;\n  --mds-color-theme-text-team-pink-normal: #a12a3a;\n  --mds-color-theme-text-team-pink-hover: #a12a3a;\n  --mds-color-theme-text-team-pink-active: #3b1e21;\n  --mds-color-theme-text-team-purple-normal: #932099;\n  --mds-color-theme-text-team-purple-hover: #932099;\n  --mds-color-theme-text-team-purple-active: #3b1840;\n  --mds-color-theme-text-team-violet-normal: #643abd;\n  --mds-color-theme-text-team-violet-hover: #643abd;\n  --mds-color-theme-text-team-violet-active: #29223d;\n  --mds-color-theme-text-team-slate-normal: #535573;\n  --mds-color-theme-text-team-slate-hover: #535573;\n  --mds-color-theme-text-team-slate-active: #26262b;\n  --mds-color-theme-inverted-text-primary-normal: #fffffff2;\n  --mds-color-theme-inverted-text-primary-disabled: #ffffff66;\n  --mds-color-theme-inverted-text-secondary-normal: #ffffffb3;\n  --mds-color-theme-inverted-text-accent-normal: #64b4fa;\n  --mds-color-theme-inverted-text-accent-hover: #bfe3ff;\n  --mds-color-theme-inverted-text-accent-active: #bfe3ff;\n  --mds-color-theme-inverted-background-normal: #000000;\n  --mds-color-theme-inverted-button-primary-normal: #fffffff2;\n  --mds-color-theme-inverted-button-primary-hover: #ffffffcc;\n  --mds-color-theme-inverted-button-primary-pressed: #ffffffb3;\n  --mds-color-theme-inverted-button-primary-disabled: #ffffff33;\n  --mds-color-theme-inverted-button-secondary-normal: #ffffff00;\n  --mds-color-theme-inverted-button-secondary-hover: #ffffff12;\n  --mds-color-theme-inverted-button-secondary-pressed: #ffffff33;\n  --mds-color-theme-inverted-button-secondary-disabled: #ffffff00;\n  --mds-color-theme-inverted-outline-button-normal: #ffffff80;\n  --mds-color-theme-inverted-outline-primary-normal: #ffffff66;\n  --mds-color-theme-inverted-outline-disabled-normal: #ffffff33;\n  --mds-color-theme-inverted-outline-theme-normal: #64b4fa;\n  --mds-color-theme-inverted-control-active-normal: #64b4fa;\n  --mds-color-theme-inverted-control-active-hover: #3492eb;\n  --mds-color-theme-inverted-control-active-pressed: #1170cf;\n  --mds-color-theme-inverted-control-active-active: #1170cf;\n  --mds-color-theme-inverted-control-active-disabled: #ffffff33;\n  --mds-color-theme-inverted-control-inactive-normal: #8f8f8f;\n  --mds-color-theme-inverted-control-inactive-hover: #ffffff4d;\n  --mds-color-theme-inverted-control-inactive-pressed: #ffffff66;\n  --mds-color-theme-inverted-control-inactive-disabled: #ffffff33;\n  --mds-color-theme-background-primary-ghost: #00000000;\n  --mds-color-theme-background-primary-hover: #00000012;\n  --mds-color-theme-background-primary-active: #0000001c;\n  --mds-color-theme-background-primary-disabled: #00000000;\n  --mds-color-theme-background-solid-primary-normal: #ffffff;\n  --mds-color-theme-background-solid-secondary-normal: #f7f7f7;\n  --mds-color-theme-background-solid-tertiary-normal: #ededed;\n  --mds-color-theme-background-solid-quaternary-normal: #ffffff;\n  --mds-color-theme-background-secondary-normal: #0000001c;\n  --mds-color-theme-background-secondary-hover: #00000033;\n  --mds-color-theme-background-secondary-active: #0000004d;\n  --mds-color-theme-background-secondary-disabled: #00000000;\n  --mds-color-theme-background-accent-normal: #1170cf;\n  --mds-color-theme-background-accent-active: #0353a8;\n  --mds-color-theme-background-alert-default-normal: #dedede;\n  --mds-color-theme-background-alert-default-hover: #dedede;\n  --mds-color-theme-background-alert-default-active: #c9c9c9;\n  --mds-color-theme-background-alert-success-normal: #cef5eb;\n  --mds-color-theme-background-alert-success-hover: #cef5eb;\n  --mds-color-theme-background-alert-success-active: #9fedd8;\n  --mds-color-theme-background-alert-warning-normal: #ffebc2;\n  --mds-color-theme-background-alert-warning-hover: #ffebc2;\n  --mds-color-theme-background-alert-warning-active: #ffda94;\n  --mds-color-theme-background-alert-error-normal: #ffe8ea;\n  --mds-color-theme-background-alert-error-hover: #ffe8ea;\n  --mds-color-theme-background-alert-error-active: #ffd4da;\n  --mds-color-theme-background-alert-theme-normal: #dbf0ff;\n  --mds-color-theme-background-alert-theme-hover: #dbf0ff;\n  --mds-color-theme-background-alert-theme-active: #bfe3ff;\n  --mds-color-theme-background-alert-purple-normal: #fcf2fc;\n  --mds-color-theme-background-alert-purple-hover: #fcf2fc;\n  --mds-color-theme-background-alert-purple-active: #fce1fc;\n  --mds-color-theme-background-alert-orange-normal: #feebd7;\n  --mds-color-theme-background-alert-orange-hover: #feebd7;\n  --mds-color-theme-background-alert-orange-active: #fed5ac;\n  --mds-color-theme-background-label-cobalt-normal: #e5f8ff;\n  --mds-color-theme-background-label-cobalt-hover: #c7eeff;\n  --mds-color-theme-background-label-cobalt-active: #99ddff;\n  --mds-color-theme-background-label-gold-normal: #f7f6dc;\n  --mds-color-theme-background-label-gold-hover: #f5eaa2;\n  --mds-color-theme-background-label-gold-active: #ebd460;\n  --mds-color-theme-background-label-lime-normal: #f3f7e9;\n  --mds-color-theme-background-label-lime-hover: #ddf2ae;\n  --mds-color-theme-background-label-lime-active: #bce36f;\n  --mds-color-theme-background-label-mint-normal: #e9f7f3;\n  --mds-color-theme-background-label-mint-hover: #baf5e7;\n  --mds-color-theme-background-label-mint-active: #74e8d1;\n  --mds-color-theme-background-label-orange-normal: #feebd7;\n  --mds-color-theme-background-label-orange-hover: #fed5ac;\n  --mds-color-theme-background-label-orange-active: #feba7f;\n  --mds-color-theme-background-label-pink-normal: #fff2f5;\n  --mds-color-theme-background-label-pink-hover: #ffe0e7;\n  --mds-color-theme-background-label-pink-active: #ffc7d2;\n  --mds-color-theme-background-label-purple-normal: #fcf2fc;\n  --mds-color-theme-background-label-purple-hover: #fce1fc;\n  --mds-color-theme-background-label-purple-active: #fac3f8;\n  --mds-color-theme-background-label-slate-normal: #f2f4ff;\n  --mds-color-theme-background-label-slate-hover: #e3e7fa;\n  --mds-color-theme-background-label-slate-active: #ced2ed;\n  --mds-color-theme-background-label-violet-normal: #f8f2fc;\n  --mds-color-theme-background-label-violet-hover: #f0e3fc;\n  --mds-color-theme-background-label-violet-active: #e2cafc;\n  --mds-color-theme-background-label-default-normal: #ededed;\n  --mds-color-theme-background-label-default-hover: #dedede;\n  --mds-color-theme-background-label-default-active: #c9c9c9;\n  --mds-color-theme-background-label-error-normal: #ffe8ea;\n  --mds-color-theme-background-label-error-hover: #ffd4da;\n  --mds-color-theme-background-label-error-active: #ffb8c1;\n  --mds-color-theme-background-namelabel-normal: #00000099;\n  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%);\n  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);\n  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);\n  --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%);\n  --mds-color-theme-background-glass-normal: #ffffff99;\n  --mds-color-theme-background-glass-overlay-normal: #ffffffcc;\n  --mds-color-theme-background-glass-overlay-inactive: #ffffff66;\n  --mds-color-theme-button-primary-normal: #000000f2;\n  --mds-color-theme-button-primary-hover: #000000cc;\n  --mds-color-theme-button-primary-pressed: #000000b3;\n  --mds-color-theme-button-primary-disabled: #00000033;\n  --mds-color-theme-button-secondary-normal: #00000000;\n  --mds-color-theme-button-secondary-hover: #00000012;\n  --mds-color-theme-button-secondary-pressed: #00000033;\n  --mds-color-theme-button-secondary-disabled: #00000000;\n  --mds-color-theme-button-secondary-active-normal: #00000033;\n  --mds-color-theme-button-secondary-active-hover: #0000004d;\n  --mds-color-theme-button-secondary-active-pressed: #00000066;\n  --mds-color-theme-button-secondary-active-disabled: #0000001c;\n  --mds-color-theme-button-join-normal: #1d805f;\n  --mds-color-theme-button-join-hover: #185e46;\n  --mds-color-theme-button-join-pressed: #134231;\n  --mds-color-theme-button-cancel-normal: #db1f2e;\n  --mds-color-theme-button-cancel-hover: #ab0a15;\n  --mds-color-theme-button-cancel-pressed: #780d13;\n  --mds-color-theme-button-accent-normal: #1170cf;\n  --mds-color-theme-button-accent-hover: #0353a8;\n  --mds-color-theme-button-accent-pressed: #063a75;\n  --mds-color-theme-button-glass-primary-normal: #000000cc;\n  --mds-color-theme-button-glass-primary-hover: #000000b3;\n  --mds-color-theme-button-glass-primary-pressed: #00000099;\n  --mds-color-theme-outline-primary-normal: #00000075;\n  --mds-color-theme-outline-primary-disabled: #00000033;\n  --mds-color-theme-outline-theme-normal: #1170cf;\n  --mds-color-theme-outline-secondary-normal: #00000033;\n  --mds-color-theme-outline-input-normal: #00000080;\n  --mds-color-theme-outline-input-active: #000000e6;\n  --mds-color-theme-outline-button-normal: #00000080;\n  --mds-color-theme-outline-join-normal: #185e46;\n  --mds-color-theme-outline-cancel-normal: #ab0a15;\n  --mds-color-theme-outline-share-selected: #27a17a;\n  --mds-color-theme-outline-share-active: #ec6400;\n  --mds-color-theme-outline-share-inactive: #8f8f8f;\n  --mds-color-theme-outline-overlay-normal: #707070;\n  --mds-color-theme-outline-high-contrast-focus: #000000;\n  --mds-color-theme-outline-label-cobalt: #5ebff7;\n  --mds-color-theme-outline-label-gold: #d6b220;\n  --mds-color-theme-outline-label-lime: #93c437;\n  --mds-color-theme-outline-label-mint: #30c9b0;\n  --mds-color-theme-outline-label-orange: #fd884e;\n  --mds-color-theme-outline-label-pink: #fc97aa;\n  --mds-color-theme-outline-label-purple: #f294f1;\n  --mds-color-theme-outline-label-slate: #b0b4d9;\n  --mds-color-theme-outline-label-violet: #c7a5fa;\n  --mds-color-theme-outline-promotion-normal: #c233c4;\n  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);\n  --mds-color-theme-outline-warning-normal: #7d4705;\n  --mds-color-theme-control-active-normal: #1170cf;\n  --mds-color-theme-control-active-hover: #0353a8;\n  --mds-color-theme-control-active-pressed: #063a75;\n  --mds-color-theme-control-active-active: #063a75;\n  --mds-color-theme-control-active-disabled: #00000033;\n  --mds-color-theme-control-indicator-inactive-normal: #707070;\n  --mds-color-theme-control-inactive-normal: #0000001c;\n  --mds-color-theme-control-inactive-hover: #00000033;\n  --mds-color-theme-control-inactive-pressed: #0000004d;\n  --mds-color-theme-control-inactive-disabled: #00000012;\n  --mds-color-theme-overlay-meetings-normal: #ffffffcc;\n  --mds-color-theme-overlay-button-secondary-normal: #ffffff;\n  --mds-color-theme-overlay-button-secondary-hover: #ededed;\n  --mds-color-theme-overlay-button-secondary-pressed: #dedede;\n  --mds-color-theme-indicator-unstable: #c94403;\n  --mds-color-theme-indicator-attention: #db1f2e;\n  --mds-color-theme-indicator-stable: #1d805f;\n  --mds-color-theme-indicator-locked: #707070;\n  --mds-color-theme-indicator-caution: #a65e00;\n  --mds-color-theme-indicator-secure: #1170cf;\n  --mds-color-theme-common-whiteboard-sticky-note-yellow: #ffbe4f;\n  --mds-color-theme-common-whiteboard-sticky-note-red: #fc8b98;\n  --mds-color-theme-common-whiteboard-sticky-note-purple: #f294f1;\n  --mds-color-theme-common-whiteboard-sticky-note-cyan: #22c7d6;\n  --mds-color-theme-common-whiteboard-sticky-note-mint: #30c9b0;\n  --mds-color-theme-common-whiteboard-pen-black: #0f0f0f;\n  --mds-color-theme-common-whiteboard-pen-red: #f55868;\n  --mds-color-theme-common-whiteboard-pen-purple: #c233c4;\n  --mds-color-theme-common-whiteboard-pen-blue: #64b4fa;\n  --mds-color-theme-common-whiteboard-pen-green: #3cc29a;\n  --mds-color-theme-common-whiteboard-pen-yellow: #f2990a;\n  --mds-color-theme-common-whiteboard-pen-white: #ffffff;\n  --mds-color-theme-common-text-primary-normal: #fffffff2;\n  --mds-color-theme-common-text-primary-disabled: #ffffff66;\n  --mds-color-theme-common-text-secondary-normal: #ffffffb3;\n  --mds-color-theme-common-text-success-normal: #3cc29a;\n  --mds-color-theme-common-text-success-hover: #9fedd8;\n  --mds-color-theme-common-text-error-normal: #fc8b98;\n  --mds-color-theme-common-text-error-hover: #ffd4da;\n  --mds-color-theme-common-text-warning-normal: #f2990a;\n  --mds-color-theme-common-text-warning-hover: #ffda94;\n  --mds-color-theme-common-inverted-text-primary-normal: #000000f2;\n  --mds-color-theme-common-inverted-text-secondary-normal: #00000099;\n  --mds-color-theme-common-inverted-button-secondary-normal: #00000000;\n  --mds-color-theme-common-inverted-button-secondary-hover: #00000012;\n  --mds-color-theme-common-inverted-button-secondary-pressed: #00000033;\n  --mds-color-theme-common-inverted-button-secondary-disabled: #00000000;\n  --mds-color-theme-common-overlays-primary-normal: #000000e6;\n  --mds-color-theme-common-overlays-secondary-normal: #00000066;\n  --mds-color-theme-common-overlays-meeting-normal-0: #00000000;\n  --mds-color-theme-common-overlays-meeting-normal-1: #0000004d;\n  --mds-color-theme-common-overlays-meeting-normal-2: #000000cc;\n  --mds-color-theme-common-button-primary-normal: #fffffff2;\n  --mds-color-theme-common-button-primary-hover: #ffffffcc;\n  --mds-color-theme-common-button-primary-pressed: #ffffffb3;\n  --mds-color-theme-common-button-primary-disabled: #ffffff33;\n  --mds-color-theme-common-button-secondary-normal: #ffffff00;\n  --mds-color-theme-common-button-secondary-hover: #ffffff12;\n  --mds-color-theme-common-button-secondary-active-normal: #ffffff33;\n  --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;\n  --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;\n  --mds-color-theme-common-button-secondary-active-disabled: #ffffff1c;\n  --mds-color-theme-common-button-secondary-disabled: #ffffff00;\n  --mds-color-theme-common-button-promotion-normal: linear-gradient(46deg, #932099 0%, #a12a3a 100%);\n  --mds-color-theme-common-button-promotion-hover: linear-gradient(46deg, #601e66 0%, #66262d 100%);\n  --mds-color-theme-common-button-promotion-active: linear-gradient(46deg, #3b1840 0%, #3b1e21 100%);\n  --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);\n  --mds-color-theme-common-outline-button-normal: #ffffff4d;\n  --mds-color-theme-common-outline-primary-normal: #ffffff66;\n  --mds-color-theme-common-outline-primary-disabled: #ffffff33;\n  --mds-color-theme-common-outline-input-normal: #ffffff80;\n  --mds-color-theme-common-outline-secondary-normal: #00000033;\n  --mds-color-theme-common-outline-secondary-disabled: #00000033;\n  --mds-color-theme-common-outline-warning-normal: #f2990a;\n  --mds-color-theme-common-control-share-content-selected: #3cc29a;\n  --mds-color-theme-common-control-share-content-active: #c94403;\n  --mds-color-theme-common-control-share-content-inactive: #707070;\n  --mds-color-theme-common-control-inactive-normal: #00000033;\n  --mds-color-theme-common-background-alert-share-normal: #c94403;\n  --mds-color-theme-common-background-solid-dark: #1a1a1a;\n  --mds-color-theme-common-background-solid-light: #ffffff;\n  --mds-color-theme-common-content-pdf: #ee0507;\n  --mds-color-theme-common-content-word: #0078d6;\n  --mds-color-theme-common-content-powerpoint: #d93e17;\n  --mds-color-theme-common-content-excel: #00893e;\n  --mds-color-theme-common-content-onenote: #b839db;\n  --mds-color-theme-common-content-sheets: #f4b400;\n  --mds-color-theme-common-content-slides: #0f9d58;\n  --mds-color-theme-common-content-keynote: #029cfb;\n  --mds-color-theme-common-content-doc: #4285f4;\n  --mds-color-theme-common-touchbar-background-blue-normal: #1170cf;\n  --mds-color-theme-common-touchbar-background-blue-pressed: #063a75;\n  --mds-color-theme-common-touchbar-background-pink-normal: #d43b52;\n  --mds-color-theme-common-touchbar-background-pink-pressed: #66262d;\n  --mds-color-theme-common-touchbar-background-mint-normal: #148579;\n  --mds-color-theme-common-touchbar-background-mint-pressed: #12423f;\n  --mds-color-theme-common-touchbar-background-purple-normal: #c233c4;\n  --mds-color-theme-common-touchbar-background-purple-pressed: #601e66;\n  --mds-color-theme-common-touchbar-background-violet-normal: #875ae0;\n  --mds-color-theme-common-touchbar-background-violet-pressed: #432c78;\n  --mds-color-theme-common-touchbar-background-orange-normal: #c94403;\n  --mds-color-theme-common-touchbar-background-orange-pressed: #682601;\n  --mds-color-theme-common-touchbar-background-green-normal: #1d805f;\n  --mds-color-theme-common-touchbar-background-green-pressed: #134231;\n  --mds-color-theme-common-touchbar-background-red-normal: #db1f2e;\n  --mds-color-theme-common-touchbar-background-red-pressed: #780d13;\n  --mds-color-theme-common-touchbar-background-transparent: #00000000;\n  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;\n  --mds-color-theme-common-touchbar-icon-stable: #27a17a;\n  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;\n  --mds-color-theme-scrollbar-button-normal: #00000075;\n  --mds-color-theme-scrollbar-button-hover: #00000080;\n  --mds-color-theme-scrollbar-button-pressed: #00000099;\n  --mds-color-theme-scrollbar-arrow-normal: #00000099;\n  --mds-color-theme-scrollbar-arrow-background-normal: #00000000;\n  --mds-color-theme-scrollbar-arrow-background-hover: #00000033;\n  --mds-color-theme-scrollbar-arrow-background-pressed: #0000004d;\n  --mds-color-theme-scrollbar-background-secondary-ghost: #00000000;\n  --mds-color-theme-scrollbar-background-secondary-normal: #0000001c;\n  --mds-color-theme-illustrations-empty-primary-0: #93c437;\n  --mds-color-theme-illustrations-empty-primary-1: #279be8;\n  --mds-color-theme-illustrations-empty-secondary-0: #279be8;\n  --mds-color-theme-illustrations-empty-secondary-1: #875ae0;\n  --mds-color-theme-illustrations-onboarding-primary-0: #ffbe4f;\n  --mds-color-theme-illustrations-onboarding-primary-1: #93c437;\n  --mds-color-theme-illustrations-onboarding-secondary-0: #f55868;\n  --mds-color-theme-illustrations-onboarding-secondary-1: #875ae0;\n  --mds-color-theme-illustrations-onboarding-tertiary-0: #ffbe4f;\n  --mds-color-theme-illustrations-onboarding-tertiary-1: #ec6400;\n  --mds-color-theme-illustrations-onboarding-quartenary-0: #93c437;\n  --mds-color-theme-illustrations-onboarding-quartenary-1: #279be8;\n  --mds-color-theme-illustrations-onboarding-quinary-0: #279be8;\n  --mds-color-theme-illustrations-onboarding-quinary-1: #875ae0;\n  --mds-color-theme-illustrations-success-0: #3cc29a;\n  --mds-color-theme-illustrations-success-1: #93c437;\n  --mds-color-theme-illustrations-error-0: #f0677e;\n  --mds-color-theme-illustrations-error-1: #db1f2e;\n  --mds-color-theme-illustrations-default: #000000;\n  --mds-color-theme-globaltint-normal: #1170cf;\n  --mds-color-theme-globaltint-selected: #1170cf;\n  --mds-color-theme-groupedbackground-primary-normal: #f7f7f7;\n  --mds-color-theme-groupedbackground-secondary-normal: #ffffff;\n  --mds-color-theme-groupedbackground-tertiary-normal: #f7f7f7;\n  --mds-color-theme-groupedbackground-quaternary-normal: #ffffff;\n  --mds-color-theme-avatar-default: #545454;\n  --mds-color-theme-avatar-cobalt: #08599c;\n  --mds-color-theme-avatar-cyan: #066070;\n  --mds-color-theme-avatar-gold: #735107;\n  --mds-color-theme-avatar-lime: #416116;\n  --mds-color-theme-avatar-mint: #12615a;\n  --mds-color-theme-avatar-orange: #9c3202;\n  --mds-color-theme-avatar-pink: #a12a3a;\n  --mds-color-theme-avatar-purple: #932099;\n  --mds-color-theme-avatar-slate: #535573;\n  --mds-color-theme-avatar-violet: #643abd;\n  --mds-color-theme-avatar-yellow: #7d4705;\n  --mds-color-theme-avatar-hover: #00000012;\n  --mds-color-theme-avatar-pressed: #00000033;\n  --mds-color-theme-avatar-glass-normal: #00000012;\n  --mds-color-theme-avatar-glass-active: #ffffffcc;\n  --mds-color-theme-gradientdivider-default-normal: linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);\n  --mds-color-theme-gradientdivider-default-hover: linear-gradient(90deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);\n  --mds-color-theme-gradientdivider-error-normal: linear-gradient(90deg, #ab0a1500 0%, #ab0a1599 22.4%, #ab0a1599 22.4%, #ab0a1500 100%);\n  --mds-color-theme-gradientdivider-error-hover: linear-gradient(90deg, #ab0a1500 0%, #ab0a15e6 22.4%, #ab0a15e6 76.04%, #ab0a1500 100%);\n  --mds-color-theme-gradientdivider-warning-normal: linear-gradient(90deg, #7d470500 0%, #7d470599 22.4%, #7d470599 76.04%, #7d470500 100%);\n  --mds-color-theme-gradientdivider-warning-hover: linear-gradient(90deg, #7d470500 0%, #7d4705e6 22.4%, #7d4705e6 76.04%, #7d470500 100%);\n  --mds-color-theme-gradientdivider-announce-normal: linear-gradient(90deg, #0353a800 0%, #0353a899 22.4%, #0353a899 22.4%, #0353a800 100%);\n  --mds-color-theme-gradientdivider-announce-hover: linear-gradient(90deg, #0353a800 0%, #0353a8E6 76.04%, #0353a8E6 76.04%, #0353a800 100%);\n  --mds-color-theme-gradientdivider-success-normal: linear-gradient(90deg, #185e4600 0%, #185e4699 22.4%, #185e4699 76.04%, #185e4600 100%);\n  --mds-color-theme-gradientdivider-success-hover: linear-gradient(90deg, #185e4600 0%, #185e46E6 22.4%, #185e46E6 76.04%, #185e4600 100%);\n  --mds-color-theme-gradientdivider-orange-normal: linear-gradient(90deg, #9c320200 0%, #9c320299 22.4%, #9c320299 76.04%, #9c320200 100%);\n  --mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #9c320200 0%, #9c3202e6 22.4%, #9c3202e6 76.04%, #9c320200 100%);\n  --mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%);\n  --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%);\n  --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);\n  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);\n  --mds-color-theme-focus-default-0: #ffffff;\n  --mds-color-theme-focus-default-1: #1170cf;\n  --mds-color-theme-focus-default-2: #1170cf59;\n}\n.mds-typography {\n  --mds-font-lineheight-base: 1rem;\n  --mds-font-lineheight-body-small: 1rem;\n  --mds-font-lineheight-body-midsize: 1.25rem;\n  --mds-font-lineheight-body-large: 1.5rem;\n  --mds-font-lineheight-heading-small: 1.75rem;\n  --mds-font-lineheight-heading-midsize: 2rem;\n  --mds-font-lineheight-heading-large: 2.5rem;\n  --mds-font-lineheight-heading-xlarge: 3.25rem;\n  --mds-font-lineheight-headline-small: 4rem;\n  --mds-font-family-primary: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-weight-light: 300;\n  --mds-font-weight-regular: 400;\n  --mds-font-weight-medium: 500;\n  --mds-font-weight-bold: 700;\n  --mds-font-size-base: 1rem;\n  --mds-font-size-body-small: 0.75rem;\n  --mds-font-size-body-midsize: 0.875rem;\n  --mds-font-size-body-large: 1rem;\n  --mds-font-size-heading-small: 1.25rem;\n  --mds-font-size-heading-midsize: 1.5rem;\n  --mds-font-size-heading-large: 2rem;\n  --mds-font-size-heading-xlarge: 2.5rem;\n  --mds-font-size-headline-small: 3.25rem;\n  --mds-font-text-transform-none: none;\n  --mds-font-text-transform-uppercase: uppercase;\n  --mds-font-text-transform-lowercase: lowercase;\n  --mds-font-text-transform-titlecase: titlecase;\n  --mds-font-decoration-underline: underline;\n  --mds-font-decoration-none: none;\n  --mds-font-apps-body-small-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-body-small-regular-font-weight: 400;\n  --mds-font-apps-body-small-regular-line-height: 1rem;\n  --mds-font-apps-body-small-regular-font-size: 0.75rem;\n  --mds-font-apps-body-small-regular-text-case: none;\n  --mds-font-apps-body-small-regular-text-decoration: none;\n  --mds-font-apps-body-small-regular-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-body-small-regular-underline-font-weight: 400;\n  --mds-font-apps-body-small-regular-underline-line-height: 1rem;\n  --mds-font-apps-body-small-regular-underline-font-size: 0.75rem;\n  --mds-font-apps-body-small-regular-underline-text-case: none;\n  --mds-font-apps-body-small-regular-underline-text-decoration: underline;\n  --mds-font-apps-body-small-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-body-small-medium-font-weight: 500;\n  --mds-font-apps-body-small-medium-line-height: 1rem;\n  --mds-font-apps-body-small-medium-font-size: 0.75rem;\n  --mds-font-apps-body-small-medium-text-case: none;\n  --mds-font-apps-body-small-medium-text-decoration: none;\n  --mds-font-apps-body-small-medium-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-body-small-medium-underline-font-weight: 500;\n  --mds-font-apps-body-small-medium-underline-line-height: 1rem;\n  --mds-font-apps-body-small-medium-underline-font-size: 0.75rem;\n  --mds-font-apps-body-small-medium-underline-text-case: none;\n  --mds-font-apps-body-small-medium-underline-text-decoration: underline;\n  --mds-font-apps-body-small-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-body-small-bold-font-weight: 700;\n  --mds-font-apps-body-small-bold-line-height: 1rem;\n  --mds-font-apps-body-small-bold-font-size: 0.75rem;\n  --mds-font-apps-body-small-bold-text-case: none;\n  --mds-font-apps-body-small-bold-text-decoration: none;\n  --mds-font-apps-body-midsize-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-body-midsize-regular-font-weight: 400;\n  --mds-font-apps-body-midsize-regular-line-height: 1.25rem;\n  --mds-font-apps-body-midsize-regular-font-size: 0.875rem;\n  --mds-font-apps-body-midsize-regular-text-case: none;\n  --mds-font-apps-body-midsize-regular-text-decoration: none;\n  --mds-font-apps-body-midsize-regular-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-body-midsize-regular-underline-font-weight: 400;\n  --mds-font-apps-body-midsize-regular-underline-line-height: 1.25rem;\n  --mds-font-apps-body-midsize-regular-underline-font-size: 0.875rem;\n  --mds-font-apps-body-midsize-regular-underline-text-case: none;\n  --mds-font-apps-body-midsize-regular-underline-text-decoration: underline;\n  --mds-font-apps-body-midsize-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-body-midsize-medium-font-weight: 500;\n  --mds-font-apps-body-midsize-medium-line-height: 1.25rem;\n  --mds-font-apps-body-midsize-medium-font-size: 0.875rem;\n  --mds-font-apps-body-midsize-medium-text-case: none;\n  --mds-font-apps-body-midsize-medium-text-decoration: none;\n  --mds-font-apps-body-midsize-medium-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-body-midsize-medium-underline-font-weight: 500;\n  --mds-font-apps-body-midsize-medium-underline-line-height: 1.25rem;\n  --mds-font-apps-body-midsize-medium-underline-font-size: 0.875rem;\n  --mds-font-apps-body-midsize-medium-underline-text-case: none;\n  --mds-font-apps-body-midsize-medium-underline-text-decoration: underline;\n  --mds-font-apps-body-midsize-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-body-midsize-bold-font-weight: 700;\n  --mds-font-apps-body-midsize-bold-line-height: 1.25rem;\n  --mds-font-apps-body-midsize-bold-font-size: 0.875rem;\n  --mds-font-apps-body-midsize-bold-text-case: none;\n  --mds-font-apps-body-midsize-bold-text-decoration: none;\n  --mds-font-apps-body-large-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-body-large-regular-font-weight: 400;\n  --mds-font-apps-body-large-regular-line-height: 1.5rem;\n  --mds-font-apps-body-large-regular-font-size: 1rem;\n  --mds-font-apps-body-large-regular-text-case: none;\n  --mds-font-apps-body-large-regular-text-decoration: none;\n  --mds-font-apps-body-large-regular-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-body-large-regular-underline-font-weight: 400;\n  --mds-font-apps-body-large-regular-underline-line-height: 1.5rem;\n  --mds-font-apps-body-large-regular-underline-font-size: 1rem;\n  --mds-font-apps-body-large-regular-underline-text-case: none;\n  --mds-font-apps-body-large-regular-underline-text-decoration: underline;\n  --mds-font-apps-body-large-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-body-large-medium-font-weight: 500;\n  --mds-font-apps-body-large-medium-line-height: 1.5rem;\n  --mds-font-apps-body-large-medium-font-size: 1rem;\n  --mds-font-apps-body-large-medium-text-case: none;\n  --mds-font-apps-body-large-medium-text-decoration: none;\n  --mds-font-apps-body-large-medium-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-body-large-medium-underline-font-weight: 500;\n  --mds-font-apps-body-large-medium-underline-line-height: 1.5rem;\n  --mds-font-apps-body-large-medium-underline-font-size: 1rem;\n  --mds-font-apps-body-large-medium-underline-text-case: none;\n  --mds-font-apps-body-large-medium-underline-text-decoration: underline;\n  --mds-font-apps-body-large-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-body-large-bold-font-weight: 700;\n  --mds-font-apps-body-large-bold-line-height: 1.5rem;\n  --mds-font-apps-body-large-bold-font-size: 1rem;\n  --mds-font-apps-body-large-bold-text-case: none;\n  --mds-font-apps-body-large-bold-text-decoration: none;\n  --mds-font-apps-heading-small-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-heading-small-regular-font-weight: 400;\n  --mds-font-apps-heading-small-regular-line-height: 1.75rem;\n  --mds-font-apps-heading-small-regular-font-size: 1.25rem;\n  --mds-font-apps-heading-small-regular-text-case: none;\n  --mds-font-apps-heading-small-regular-text-decoration: none;\n  --mds-font-apps-heading-small-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-heading-small-medium-font-weight: 500;\n  --mds-font-apps-heading-small-medium-line-height: 1.75rem;\n  --mds-font-apps-heading-small-medium-font-size: 1.25rem;\n  --mds-font-apps-heading-small-medium-text-case: none;\n  --mds-font-apps-heading-small-medium-text-decoration: none;\n  --mds-font-apps-heading-small-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-heading-small-bold-font-weight: 700;\n  --mds-font-apps-heading-small-bold-line-height: 1.75rem;\n  --mds-font-apps-heading-small-bold-font-size: 1.25rem;\n  --mds-font-apps-heading-small-bold-text-case: none;\n  --mds-font-apps-heading-small-bold-text-decoration: none;\n  --mds-font-apps-heading-midsize-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-heading-midsize-regular-font-weight: 400;\n  --mds-font-apps-heading-midsize-regular-line-height: 2rem;\n  --mds-font-apps-heading-midsize-regular-font-size: 1.5rem;\n  --mds-font-apps-heading-midsize-regular-text-case: none;\n  --mds-font-apps-heading-midsize-regular-text-decoration: none;\n  --mds-font-apps-heading-midsize-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-heading-midsize-medium-font-weight: 500;\n  --mds-font-apps-heading-midsize-medium-line-height: 2rem;\n  --mds-font-apps-heading-midsize-medium-font-size: 1.5rem;\n  --mds-font-apps-heading-midsize-medium-text-case: none;\n  --mds-font-apps-heading-midsize-medium-text-decoration: none;\n  --mds-font-apps-heading-midsize-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-heading-midsize-bold-font-weight: 700;\n  --mds-font-apps-heading-midsize-bold-line-height: 2rem;\n  --mds-font-apps-heading-midsize-bold-font-size: 1.5rem;\n  --mds-font-apps-heading-midsize-bold-text-case: none;\n  --mds-font-apps-heading-midsize-bold-text-decoration: none;\n  --mds-font-apps-heading-large-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-heading-large-regular-font-weight: 400;\n  --mds-font-apps-heading-large-regular-line-height: 2.5rem;\n  --mds-font-apps-heading-large-regular-font-size: 2rem;\n  --mds-font-apps-heading-large-regular-text-case: none;\n  --mds-font-apps-heading-large-regular-text-decoration: none;\n  --mds-font-apps-heading-large-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-heading-large-medium-font-weight: 500;\n  --mds-font-apps-heading-large-medium-line-height: 2.5rem;\n  --mds-font-apps-heading-large-medium-font-size: 2rem;\n  --mds-font-apps-heading-large-medium-text-case: none;\n  --mds-font-apps-heading-large-medium-text-decoration: none;\n  --mds-font-apps-heading-large-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-heading-large-bold-font-weight: 700;\n  --mds-font-apps-heading-large-bold-line-height: 2.5rem;\n  --mds-font-apps-heading-large-bold-font-size: 2rem;\n  --mds-font-apps-heading-large-bold-text-case: none;\n  --mds-font-apps-heading-large-bold-text-decoration: none;\n  --mds-font-apps-heading-xlarge-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-heading-xlarge-regular-font-weight: 400;\n  --mds-font-apps-heading-xlarge-regular-line-height: 3.25rem;\n  --mds-font-apps-heading-xlarge-regular-font-size: 2.5rem;\n  --mds-font-apps-heading-xlarge-regular-text-case: none;\n  --mds-font-apps-heading-xlarge-regular-text-decoration: none;\n  --mds-font-apps-heading-xlarge-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-heading-xlarge-medium-font-weight: 500;\n  --mds-font-apps-heading-xlarge-medium-line-height: 3.25rem;\n  --mds-font-apps-heading-xlarge-medium-font-size: 2.5rem;\n  --mds-font-apps-heading-xlarge-medium-text-case: none;\n  --mds-font-apps-heading-xlarge-medium-text-decoration: none;\n  --mds-font-apps-heading-xlarge-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-heading-xlarge-bold-font-weight: 700;\n  --mds-font-apps-heading-xlarge-bold-line-height: 3.25rem;\n  --mds-font-apps-heading-xlarge-bold-font-size: 2.5rem;\n  --mds-font-apps-heading-xlarge-bold-text-case: none;\n  --mds-font-apps-heading-xlarge-bold-text-decoration: none;\n  --mds-font-apps-headline-small-light-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-headline-small-light-font-weight: 300;\n  --mds-font-apps-headline-small-light-font-size: 3.25rem;\n  --mds-font-apps-headline-small-light-line-height: 4rem;\n  --mds-font-apps-headline-small-light-text-decoration: none;\n  --mds-font-apps-headline-small-light-text-case: none;\n  --mds-font-apps-headline-small-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\n  --mds-font-apps-headline-small-regular-font-weight: 400;\n  --mds-font-apps-headline-small-regular-font-size: 3.25rem;\n  --mds-font-apps-headline-small-regular-line-height: 4rem;\n  --mds-font-apps-headline-small-regular-text-decoration: none;\n  --mds-font-apps-headline-small-regular-text-case: none;\n}\n.mds-effect {\n  --mds-effect-backdrop-filter: blur(10px);\n}\n.mds-elevation {\n  --mds-elevation-1: drop-shadow(0px 2px 8px rgba(0,0,0,0.2));\n  --mds-elevation-2: drop-shadow(0px 4px 16px rgba(0,0,0,0.2));\n  --mds-elevation-3: drop-shadow(0px 6px 24px rgba(0,0,0,0.25));\n  --mds-elevation-4: drop-shadow(0px 12px 48px rgba(0,0,0,0.25));\n}\n",""]);const i=s},611:(e,t,o)=>{o.d(t,{A:()=>i});var r=o(63),n=o.n(r),a=o(248),s=o.n(a)()(n());s.push([e.id,".light-theme.box{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px;max-width:800px;margin:0 auto}.light-theme .sectionBox{padding:10px;border:1px solid #ddd;border-radius:8px}.light-theme .fieldset{border:1px solid #ccc;border-radius:5px;padding:10px;margin-bottom:20px;position:relative}.light-theme .legendBox{font-weight:bold;color:#0052bf}.light-theme .btn{padding:10px 20px;background-color:#0052bf;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;margin-right:8px}.light-theme .select{width:100%;padding:8px;margin-top:8px;margin-bottom:12px;border:1px solid #ccc;border-radius:4px}.light-theme .input{width:97%;padding:8px;margin-top:8px;margin-bottom:12px;border:1px solid #ccc;border-radius:4px}.light-theme .elapsedTime{position:absolute;right:30px;top:25px;color:#000}.light-theme .elapsedTime-disabled{color:#ccc}.dark-theme.box{background-color:#1e1e1e;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.5);padding:20px;max-width:800px;margin:0 auto}.dark-theme .sectionBox{padding:10px;border:1px solid #444;border-radius:8px}.dark-theme .fieldset{border:1px solid #555;border-radius:5px;padding:10px;margin-bottom:20px;position:relative}.dark-theme .legendBox{font-weight:bold;color:#79a6d2}.dark-theme .btn{padding:10px 20px;background-color:#79a6d2;color:#1e1e1e;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;margin-right:8px}.dark-theme .select{width:100%;padding:8px;margin-top:8px;margin-bottom:12px;border:1px solid #555;border-radius:4px;background-color:#2a2a2a;color:#fff}.dark-theme .input{width:97%;padding:8px;margin-top:8px;margin-bottom:12px;border:1px solid #555;border-radius:4px;background-color:#2a2a2a;color:#fff}.dark-theme .elapsedTime{position:absolute;right:30px;top:25px;color:#ddd}.dark-theme .elapsedTime-disabled{color:#777}",""]);const i=s},248:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var o="",r=void 0!==t[5];return t[4]&&(o+="@supports (".concat(t[4],") {")),t[2]&&(o+="@media ".concat(t[2]," {")),r&&(o+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),o+=e(t),r&&(o+="}"),t[2]&&(o+="}"),t[4]&&(o+="}"),o})).join("")},t.i=function(e,o,r,n,a){"string"==typeof e&&(e=[[null,e,void 0]]);var s={};if(r)for(var i=0;i<this.length;i++){var d=this[i][0];null!=d&&(s[d]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);r&&s[c[0]]||(void 0!==a&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=a),o&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=o):c[2]=o),n&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=n):c[4]="".concat(n)),t.push(c))}},t}},243:e=>{e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},63:e=>{e.exports=function(e){return e[1]}},776:(e,t,o)=>{var r=o(180);t.createRoot=r.createRoot,t.hydrateRoot=r.hydrateRoot},378:(e,t,o)=>{o.r(t),o.d(t,{default:()=>b});var r=o(478),n=o.n(r),a=o(135),s=o.n(a),i=o(301),d=o.n(i),l=o(222),c=o.n(l),m=o(626),h=o.n(m),f=o(279),u=o.n(f),p=o(489),g={};g.styleTagTransform=u(),g.setAttributes=c(),g.insert=d().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=h(),n()(p.A,g);const b=p.A&&p.A.locals?p.A.locals:void 0},576:(e,t,o)=>{o.r(t),o.d(t,{default:()=>b});var r=o(478),n=o.n(r),a=o(135),s=o.n(a),i=o(301),d=o.n(i),l=o(222),c=o.n(l),m=o(626),h=o.n(m),f=o(279),u=o.n(f),p=o(245),g={};g.styleTagTransform=u(),g.setAttributes=c(),g.insert=d().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=h(),n()(p.A,g);const b=p.A&&p.A.locals?p.A.locals:void 0},126:(e,t,o)=>{o.r(t),o.d(t,{default:()=>b});var r=o(478),n=o.n(r),a=o(135),s=o.n(a),i=o(301),d=o.n(i),l=o(222),c=o.n(l),m=o(626),h=o.n(m),f=o(279),u=o.n(f),p=o(611),g={};g.styleTagTransform=u(),g.setAttributes=c(),g.insert=d().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=h(),n()(p.A,g);const b=p.A&&p.A.locals?p.A.locals:void 0},478:e=>{var t=[];function o(e){for(var o=-1,r=0;r<t.length;r++)if(t[r].identifier===e){o=r;break}return o}function r(e,r){for(var a={},s=[],i=0;i<e.length;i++){var d=e[i],l=r.base?d[0]+r.base:d[0],c=a[l]||0,m="".concat(l," ").concat(c);a[l]=c+1;var h=o(m),f={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(-1!==h)t[h].references++,t[h].updater(f);else{var u=n(f,r);r.byIndex=i,t.splice(i,0,{identifier:m,updater:u,references:1})}s.push(m)}return s}function n(e,t){var o=t.domAPI(t);return o.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;o.update(e=t)}else o.remove()}}e.exports=function(e,n){var a=r(e=e||[],n=n||{});return function(e){e=e||[];for(var s=0;s<a.length;s++){var i=o(a[s]);t[i].references--}for(var d=r(e,n),l=0;l<a.length;l++){var c=o(a[l]);0===t[c].references&&(t[c].updater(),t.splice(c,1))}a=d}}},301:e=>{var t={};e.exports=function(e,o){var r=function(e){if(void 0===t[e]){var o=document.querySelector(e);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}t[e]=o}return t[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(o)}},626:e=>{e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},222:(e,t,o)=>{e.exports=function(e){var t=o.nc;t&&e.setAttribute("nonce",t)}},135:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(o){!function(e,t,o){var r="";o.supports&&(r+="@supports (".concat(o.supports,") {")),o.media&&(r+="@media ".concat(o.media," {"));var n=void 0!==o.layer;n&&(r+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),r+=o.css,n&&(r+="}"),o.media&&(r+="}"),o.supports&&(r+="}");var a=o.sourceMap;a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),t.styleTagTransform(r,e,t.options)}(t,e,o)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},279:e=>{e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},637:function(e,t,o){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const n=r(o(953)),a=o(185),s=o(417);o(126),t.default=e=>{const{idleCodes:t,setAgentStatus:o,isSettingAgentStatus:r,errorMessage:i,elapsedTime:d,currentState:l,currentTheme:c}=e;return n.default.createElement("div",{className:"box "+("DARK"===c?"dark-theme":"light-theme")},n.default.createElement("section",{className:"sectionBox"},n.default.createElement("fieldset",{className:"fieldset"},n.default.createElement("legend",{"data-testid":"user-state-title",className:"legendBox"},"Agent State"),n.default.createElement("div",{style:{display:"flex",flexDirection:"column",flexGrow:1}}),n.default.createElement("select",{id:"idleCodes",value:l,className:"select",onChange:e=>{const r=null==t?void 0:t.filter((t=>t.id===e.target.value))[0];o(r)},disabled:r},null==t?void 0:t.filter((e=>!e.isSystem)).map((e=>n.default.createElement("option",{key:e.id,value:e.id},e.name)))),n.default.createElement(s.Button,{variant:"primary",size:32,color:"default","prefix-icon":"","postfix-icon":"",type:"button",role:"button","aria-label":""},"Click Me"),n.default.createElement("div",{className:"elapsedTime "+(r?"elapsedTime-disabled":"")},(0,a.formatTime)(d)),i&&n.default.createElement("div",{style:{color:"red"}},i))))}},185:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.formatTime=void 0,t.formatTime=e=>{const t=Math.floor(e/3600),o=Math.floor(e%3600/60),r=e%60;return`${t.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`}},824:function(e,t,o){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const n=r(o(77)),a=r(o(637));o(92),o(722),o(584),o(378),o(576);const s=(0,n.default)(a.default);customElements.get("component-cc-user-state")||customElements.define("component-cc-user-state",s)},28:(e,t,o)=>{e.exports=o.p+"fonts/Inter.var.woff2"},953:e=>{e.exports=require("react")},180:e=>{e.exports=require("react-dom")},33:(e,t,o)=>{var r=Object.defineProperty,n=(e,t,o)=>(((e,t,o)=>{t in e?r(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o})(e,"symbol"!=typeof t?t+"":t,o),o);const a={string:{stringify:e=>e,parse:e=>e},number:{stringify:e=>`${e}`,parse:e=>parseFloat(e)},boolean:{stringify:e=>e?"true":"false",parse:e=>/^[ty1-9]/i.test(e)},function:{stringify:e=>e.name,parse:(e,t,r)=>{const n=typeof window<"u"&&e in window?window[e]:typeof o.g<"u"&&e in o.g?o.g[e]:void 0;return"function"==typeof n?n.bind(r):void 0}},json:{stringify:e=>JSON.stringify(e),parse:e=>JSON.parse(e)}};function s(e){return e.replace(/([a-z0-9])([A-Z])/g,((e,t,o)=>`${t}-${o.toLowerCase()}`))}const i=Symbol.for("r2wc.render"),d=Symbol.for("r2wc.connected"),l=Symbol.for("r2wc.context"),c=Symbol.for("r2wc.props");e.exports=function(e,t,o){var r,m,h;t.props||(t.props=e.propTypes?Object.keys(e.propTypes):[]);const f=Array.isArray(t.props)?t.props.slice():Object.keys(t.props),u={},p={},g={};for(const e of f){u[e]=Array.isArray(t.props)?"string":t.props[e];const o=s(e);p[e]=o,g[o]=e}class b extends HTMLElement{constructor(){super(),n(this,r,!0),n(this,m),n(this,h,{}),n(this,"container"),t.shadow?this.container=this.attachShadow({mode:t.shadow}):this.container=this,this[c].container=this.container;for(const e of f){const t=p[e],o=this.getAttribute(t),r=u[e],n=r?a[r]:null;null!=n&&n.parse&&o&&(this[c][e]=n.parse(o,t,this))}}static get observedAttributes(){return Object.keys(g)}connectedCallback(){this[d]=!0,this[i]()}disconnectedCallback(){this[d]=!1,this[l]&&o.unmount(this[l]),delete this[l]}attributeChangedCallback(e,t,o){const r=g[e],n=u[r],s=n?a[n]:null;r in u&&null!=s&&s.parse&&o&&(this[c][r]=s.parse(o,e,this),this[i]())}[(r=d,m=l,h=c,i)](){this[d]&&(this[l]?o.update(this[l],this[c]):this[l]=o.mount(this.container,e,this[c]))}}for(const e of f){const t=p[e],o=u[e];Object.defineProperty(b.prototype,e,{enumerable:!0,configurable:!0,get(){return this[c][e]},set(r){this[c][e]=r;const n=o?a[o]:null;if(null!=n&&n.stringify){const e=n.stringify(r,t,this);this.getAttribute(t)!==e&&this.setAttribute(t,e)}else this[i]()}})}return b}},77:(e,t,o)=>{const r=o(953),n=o(776),a=o(33);function s(e,t,o){const a=n.createRoot(e),s=r.createElement(t,o);return a.render(s),{root:a,ReactComponent:t}}function i({root:e,ReactComponent:t},o){const n=r.createElement(t,o);e.render(n)}function d({root:e}){e.unmount()}e.exports=function(e,t={}){return a(e,t,{mount:s,update:i,unmount:d})}},603:(e,t,o)=>{o.d(t,{G:()=>a,DT:()=>d,q6:()=>n});class r extends Event{constructor(e,t,o){super("context-request",{bubbles:!0,composed:!0}),this.context=e,this.callback=t,this.subscribe=o??!1}}function n(e){return e}class a{constructor(e,t,o,r){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(e,t)=>{this.unsubscribe&&(this.unsubscribe!==t&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=e,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(e,t)),this.unsubscribe=t},this.host=e,void 0!==t.context){const e=t;this.context=e.context,this.callback=e.callback,this.subscribe=e.subscribe??!1}else this.context=t,this.callback=o,this.subscribe=r??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new r(this.context,this.t,this.subscribe))}}class s{get value(){return this.o}set value(e){this.setValue(e)}setValue(e,t=!1){const o=t||!Object.is(e,this.o);this.o=e,o&&this.updateObservers()}constructor(e){this.subscriptions=new Map,this.updateObservers=()=>{for(const[e,{disposer:t}]of this.subscriptions)e(this.o,t)},void 0!==e&&(this.value=e)}addCallback(e,t,o){if(!o)return void e(this.value);this.subscriptions.has(e)||this.subscriptions.set(e,{disposer:()=>{this.subscriptions.delete(e)},consumerHost:t});const{disposer:r}=this.subscriptions.get(e);e(this.value,r)}clearCallbacks(){this.subscriptions.clear()}}class i extends Event{constructor(e){super("context-provider",{bubbles:!0,composed:!0}),this.context=e}}class d extends s{constructor(e,t,o){super(void 0!==t.context?t.initialValue:o),this.onContextRequest=e=>{const t=e.composedPath()[0];e.context===this.context&&t!==this.host&&(e.stopPropagation(),this.addCallback(e.callback,t,e.subscribe))},this.onProviderRequest=e=>{const t=e.composedPath()[0];if(e.context!==this.context||t===this.host)return;const o=new Set;for(const[e,{consumerHost:t}]of this.subscriptions)o.has(e)||(o.add(e),t.dispatchEvent(new r(this.context,e,!0)));e.stopPropagation()},this.host=e,void 0!==t.context?this.context=t.context:this.context=t,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new i(this.context))}}},934:(e,t,o)=>{o.d(t,{mN:()=>_,AH:()=>d,W3:()=>w,Ec:()=>z});const r=globalThis,n=r.ShadowRoot&&(void 0===r.ShadyCSS||r.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,a=Symbol(),s=new WeakMap;class i{constructor(e,t,o){if(this._$cssResult$=!0,o!==a)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(n&&void 0===e){const o=void 0!==t&&1===t.length;o&&(e=s.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&s.set(t,e))}return e}toString(){return this.cssText}}const d=(e,...t)=>{const o=1===e.length?e[0]:t.reduce(((t,o,r)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+e[r+1]),e[0]);return new i(o,e,a)},l=(e,t)=>{if(n)e.adoptedStyleSheets=t.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet));else for(const o of t){const t=document.createElement("style"),n=r.litNonce;void 0!==n&&t.setAttribute("nonce",n),t.textContent=o.cssText,e.appendChild(t)}},c=n?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const o of e.cssRules)t+=o.cssText;return(e=>new i("string"==typeof e?e:e+"",void 0,a))(t)})(e):e,{is:m,defineProperty:h,getOwnPropertyDescriptor:f,getOwnPropertyNames:u,getOwnPropertySymbols:p,getPrototypeOf:g}=Object,b=globalThis,v=b.trustedTypes,y=v?v.emptyScript:"",x=b.reactiveElementPolyfillSupport,k=(e,t)=>e,w={toAttribute(e,t){switch(t){case Boolean:e=e?y:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let o=e;switch(t){case Boolean:o=null!==e;break;case Number:o=null===e?null:Number(e);break;case Object:case Array:try{o=JSON.parse(e)}catch(e){o=null}}return o}},z=(e,t)=>!m(e,t),A={attribute:!0,type:String,converter:w,reflect:!1,hasChanged:z};Symbol.metadata??=Symbol("metadata"),b.litPropertyMetadata??=new WeakMap;class _ extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=A){if(t.state&&(t.attribute=!1),this._$Ei(),this.elementProperties.set(e,t),!t.noAccessor){const o=Symbol(),r=this.getPropertyDescriptor(e,o,t);void 0!==r&&h(this.prototype,e,r)}}static getPropertyDescriptor(e,t,o){const{get:r,set:n}=f(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get(){return r?.call(this)},set(t){const a=r?.call(this);n.call(this,t),this.requestUpdate(e,a,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??A}static _$Ei(){if(this.hasOwnProperty(k("elementProperties")))return;const e=g(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(k("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(k("properties"))){const e=this.properties,t=[...u(e),...p(e)];for(const o of t)this.createProperty(o,e[o])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,o]of t)this.elementProperties.set(e,o)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const o=this._$Eu(e,t);void 0!==o&&this._$Eh.set(o,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const o=new Set(e.flat(1/0).reverse());for(const e of o)t.unshift(c(e))}else void 0!==e&&t.push(c(e));return t}static _$Eu(e,t){const o=t.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((e=>this.enableUpdating=e)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((e=>e(this)))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const o of t.keys())this.hasOwnProperty(o)&&(e.set(o,this[o]),delete this[o]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return l(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((e=>e.hostConnected?.()))}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach((e=>e.hostDisconnected?.()))}attributeChangedCallback(e,t,o){this._$AK(e,o)}_$EC(e,t){const o=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,o);if(void 0!==r&&!0===o.reflect){const n=(void 0!==o.converter?.toAttribute?o.converter:w).toAttribute(t,o.type);this._$Em=e,null==n?this.removeAttribute(r):this.setAttribute(r,n),this._$Em=null}}_$AK(e,t){const o=this.constructor,r=o._$Eh.get(e);if(void 0!==r&&this._$Em!==r){const e=o.getPropertyOptions(r),n="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:w;this._$Em=r,this[r]=n.fromAttribute(t,e.type),this._$Em=null}}requestUpdate(e,t,o){if(void 0!==e){if(o??=this.constructor.getPropertyOptions(e),!(o.hasChanged??z)(this[e],t))return;this.P(e,t,o)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(e,t,o){this._$AL.has(e)||this._$AL.set(e,t),!0===o.reflect&&this._$Em!==e&&(this._$Ej??=new Set).add(e)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,o]of e)!0!==o.wrapped||this._$AL.has(t)||void 0===this[t]||this.P(t,this[t],o)}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach((e=>e.hostUpdate?.())),this.update(t)):this._$EU()}catch(t){throw e=!1,this._$EU(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach((e=>e.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Ej&&=this._$Ej.forEach((e=>this._$EC(e,this[e]))),this._$EU()}updated(e){}firstUpdated(e){}}_.elementStyles=[],_.shadowRootOptions={mode:"open"},_[k("elementProperties")]=new Map,_[k("finalized")]=new Map,x?.({ReactiveElement:_}),(b.reactiveElementVersions??=[]).push("2.0.4")},452:(e,t,o)=>{o.d(t,{XX:()=>U,c0:()=>A,qy:()=>z,s6:()=>_});const r=globalThis,n=r.trustedTypes,a=n?n.createPolicy("lit-html",{createHTML:e=>e}):void 0,s="$lit$",i=`lit$${Math.random().toFixed(9).slice(2)}$`,d="?"+i,l=`<${d}>`,c=document,m=()=>c.createComment(""),h=e=>null===e||"object"!=typeof e&&"function"!=typeof e,f=Array.isArray,u="[ \t\n\f\r]",p=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,g=/-->/g,b=/>/g,v=RegExp(`>|${u}(?:([^\\s"'>=/]+)(${u}*=${u}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),y=/'/g,x=/"/g,k=/^(?:script|style|textarea|title)$/i,w=e=>(t,...o)=>({_$litType$:e,strings:t,values:o}),z=w(1),A=(w(2),w(3),Symbol.for("lit-noChange")),_=Symbol.for("lit-nothing"),$=new WeakMap,S=c.createTreeWalker(c,129);function E(e,t){if(!f(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==a?a.createHTML(t):t}const T=(e,t)=>{const o=e.length-1,r=[];let n,a=2===t?"<svg>":3===t?"<math>":"",d=p;for(let t=0;t<o;t++){const o=e[t];let c,m,h=-1,f=0;for(;f<o.length&&(d.lastIndex=f,m=d.exec(o),null!==m);)f=d.lastIndex,d===p?"!--"===m[1]?d=g:void 0!==m[1]?d=b:void 0!==m[2]?(k.test(m[2])&&(n=RegExp("</"+m[2],"g")),d=v):void 0!==m[3]&&(d=v):d===v?">"===m[0]?(d=n??p,h=-1):void 0===m[1]?h=-2:(h=d.lastIndex-m[2].length,c=m[1],d=void 0===m[3]?v:'"'===m[3]?x:y):d===x||d===y?d=v:d===g||d===b?d=p:(d=v,n=void 0);const u=d===v&&e[t+1].startsWith("/>")?" ":"";a+=d===p?o+l:h>=0?(r.push(c),o.slice(0,h)+s+o.slice(h)+i+u):o+i+(-2===h?t:u)}return[E(e,a+(e[o]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),r]};class I{constructor({strings:e,_$litType$:t},o){let r;this.parts=[];let a=0,l=0;const c=e.length-1,h=this.parts,[f,u]=T(e,t);if(this.el=I.createElement(f,o),S.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(r=S.nextNode())&&h.length<c;){if(1===r.nodeType){if(r.hasAttributes())for(const e of r.getAttributeNames())if(e.endsWith(s)){const t=u[l++],o=r.getAttribute(e).split(i),n=/([.?@])?(.*)/.exec(t);h.push({type:1,index:a,name:n[2],strings:o,ctor:"."===n[1]?M:"?"===n[1]?P:"@"===n[1]?j:C}),r.removeAttribute(e)}else e.startsWith(i)&&(h.push({type:6,index:a}),r.removeAttribute(e));if(k.test(r.tagName)){const e=r.textContent.split(i),t=e.length-1;if(t>0){r.textContent=n?n.emptyScript:"";for(let o=0;o<t;o++)r.append(e[o],m()),S.nextNode(),h.push({type:2,index:++a});r.append(e[t],m())}}}else if(8===r.nodeType)if(r.data===d)h.push({type:2,index:a});else{let e=-1;for(;-1!==(e=r.data.indexOf(i,e+1));)h.push({type:7,index:a}),e+=i.length-1}a++}}static createElement(e,t){const o=c.createElement("template");return o.innerHTML=e,o}}function N(e,t,o=e,r){if(t===A)return t;let n=void 0!==r?o._$Co?.[r]:o._$Cl;const a=h(t)?void 0:t._$litDirective$;return n?.constructor!==a&&(n?._$AO?.(!1),void 0===a?n=void 0:(n=new a(e),n._$AT(e,o,r)),void 0!==r?(o._$Co??=[])[r]=n:o._$Cl=n),void 0!==n&&(t=N(e,n._$AS(e,t.values),n,r)),t}class R{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:o}=this._$AD,r=(e?.creationScope??c).importNode(t,!0);S.currentNode=r;let n=S.nextNode(),a=0,s=0,i=o[0];for(;void 0!==i;){if(a===i.index){let t;2===i.type?t=new O(n,n.nextSibling,this,e):1===i.type?t=new i.ctor(n,i.name,i.strings,this,e):6===i.type&&(t=new H(n,this,e)),this._$AV.push(t),i=o[++s]}a!==i?.index&&(n=S.nextNode(),a++)}return S.currentNode=c,r}p(e){let t=0;for(const o of this._$AV)void 0!==o&&(void 0!==o.strings?(o._$AI(e,o,t),t+=o.strings.length-2):o._$AI(e[t])),t++}}class O{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,o,r){this.type=2,this._$AH=_,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=o,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=N(this,e,t),h(e)?e===_||null==e||""===e?(this._$AH!==_&&this._$AR(),this._$AH=_):e!==this._$AH&&e!==A&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>f(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==_&&h(this._$AH)?this._$AA.nextSibling.data=e:this.T(c.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:o}=e,r="number"==typeof o?this._$AC(e):(void 0===o.el&&(o.el=I.createElement(E(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===r)this._$AH.p(t);else{const e=new R(r,this),o=e.u(this.options);e.p(t),this.T(o),this._$AH=e}}_$AC(e){let t=$.get(e.strings);return void 0===t&&$.set(e.strings,t=new I(e)),t}k(e){f(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let o,r=0;for(const n of e)r===t.length?t.push(o=new O(this.O(m()),this.O(m()),this,this.options)):o=t[r],o._$AI(n),r++;r<t.length&&(this._$AR(o&&o._$AB.nextSibling,r),t.length=r)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e&&e!==this._$AB;){const t=e.nextSibling;e.remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class C{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,o,r,n){this.type=1,this._$AH=_,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=n,o.length>2||""!==o[0]||""!==o[1]?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=_}_$AI(e,t=this,o,r){const n=this.strings;let a=!1;if(void 0===n)e=N(this,e,t,0),a=!h(e)||e!==this._$AH&&e!==A,a&&(this._$AH=e);else{const r=e;let s,i;for(e=n[0],s=0;s<n.length-1;s++)i=N(this,r[o+s],t,s),i===A&&(i=this._$AH[s]),a||=!h(i)||i!==this._$AH[s],i===_?e=_:e!==_&&(e+=(i??"")+n[s+1]),this._$AH[s]=i}a&&!r&&this.j(e)}j(e){e===_?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class M extends C{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===_?void 0:e}}class P extends C{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==_)}}class j extends C{constructor(e,t,o,r,n){super(e,t,o,r,n),this.type=5}_$AI(e,t=this){if((e=N(this,e,t,0)??_)===A)return;const o=this._$AH,r=e===_&&o!==_||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,n=e!==_&&(o===_||r);r&&this.element.removeEventListener(this.name,this,o),n&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class H{constructor(e,t,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){N(this,e)}}const L=r.litHtmlPolyfillSupport;L?.(I,O),(r.litHtmlVersions??=[]).push("3.2.1");const U=(e,t,o)=>{const r=o?.renderBefore??t;let n=r._$litPart$;if(void 0===n){const e=o?.renderBefore??null;r._$litPart$=n=new O(t.insertBefore(m(),e),e,void 0,o??{})}return n._$AI(e),n}},477:(e,t,o)=>{o.d(t,{MZ:()=>s,wk:()=>i});var r=o(934);const n={attribute:!0,type:String,converter:r.W3,reflect:!1,hasChanged:r.Ec},a=(e=n,t,o)=>{const{kind:r,metadata:a}=o;let s=globalThis.litPropertyMetadata.get(a);if(void 0===s&&globalThis.litPropertyMetadata.set(a,s=new Map),s.set(o.name,e),"accessor"===r){const{name:r}=o;return{set(o){const n=t.get.call(this);t.set.call(this,o),this.requestUpdate(r,n,e)},init(t){return void 0!==t&&this.P(r,void 0,e),t}}}if("setter"===r){const{name:r}=o;return function(o){const n=this[r];t.call(this,o),this.requestUpdate(r,n,e)}}throw Error("Unsupported decorator location: "+r)};function s(e){return(t,o)=>"object"==typeof o?a(e,t,o):((e,t,o)=>{const r=t.hasOwnProperty(o);return t.constructor.createProperty(o,r?{...e,wrapped:!0}:e),r?Object.getOwnPropertyDescriptor(t,o):void 0})(e,t,o)}function i(e){return s({...e,state:!0,attribute:!1})}},918:(e,t,o)=>{o.d(t,{WF:()=>a,AH:()=>r.AH,qy:()=>n.qy,s6:()=>n.s6});var r=o(934),n=o(452);class a extends r.mN{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=(0,n.XX)(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return n.c0}}a._$litElement$=!0,a.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:a});const s=globalThis.litElementPolyfillSupport;s?.({LitElement:a}),(globalThis.litElementVersions??=[]).push("4.1.1")}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var a=t[r]={id:r,exports:{}};return e[r].call(a.exports,a,a.exports,o),a.exports}o.m=e,o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.p="",o.b=document.baseURI||self.location.href,o.nc=void 0;var r=o(824);module.exports=r})();
+(()=>{"use strict";var e={611:(e,t,r)=>{r.d(t,{A:()=>s});var o=r(63),n=r.n(o),i=r(248),a=r.n(i)()(n());a.push([e.id,".light-theme.box{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px;max-width:800px;margin:0 auto}.light-theme .sectionBox{padding:10px;border:1px solid #ddd;border-radius:8px}.light-theme .fieldset{border:1px solid #ccc;border-radius:5px;padding:10px;margin-bottom:20px;position:relative}.light-theme .legendBox{font-weight:bold;color:#0052bf}.light-theme .btn{padding:10px 20px;background-color:#0052bf;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;margin-right:8px}.light-theme .select{width:100%;padding:8px;margin-top:8px;margin-bottom:12px;border:1px solid #ccc;border-radius:4px}.light-theme .input{width:97%;padding:8px;margin-top:8px;margin-bottom:12px;border:1px solid #ccc;border-radius:4px}.light-theme .elapsedTime{position:absolute;right:30px;top:25px;color:#000}.light-theme .elapsedTime-disabled{color:#ccc}.dark-theme.box{background-color:#1e1e1e;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.5);padding:20px;max-width:800px;margin:0 auto}.dark-theme .sectionBox{padding:10px;border:1px solid #444;border-radius:8px}.dark-theme .fieldset{border:1px solid #555;border-radius:5px;padding:10px;margin-bottom:20px;position:relative}.dark-theme .legendBox{font-weight:bold;color:#79a6d2}.dark-theme .btn{padding:10px 20px;background-color:#79a6d2;color:#1e1e1e;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;margin-right:8px}.dark-theme .select{width:100%;padding:8px;margin-top:8px;margin-bottom:12px;border:1px solid #555;border-radius:4px;background-color:#2a2a2a;color:#fff}.dark-theme .input{width:97%;padding:8px;margin-top:8px;margin-bottom:12px;border:1px solid #555;border-radius:4px;background-color:#2a2a2a;color:#fff}.dark-theme .elapsedTime{position:absolute;right:30px;top:25px;color:#ddd}.dark-theme .elapsedTime-disabled{color:#777}",""]);const s=a},248:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",o=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),o&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),o&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,o,n,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(o)for(var s=0;s<this.length;s++){var d=this[s][0];null!=d&&(a[d]=!0)}for(var c=0;c<e.length;c++){var l=[].concat(e[c]);o&&a[l[0]]||(void 0!==i&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=i),r&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=r):l[2]=r),n&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=n):l[4]="".concat(n)),t.push(l))}},t}},63:e=>{e.exports=function(e){return e[1]}},776:(e,t,r)=>{var o=r(180);t.createRoot=o.createRoot,t.hydrateRoot=o.hydrateRoot},126:(e,t,r)=>{r.r(t),r.d(t,{default:()=>g});var o=r(478),n=r.n(o),i=r(135),a=r.n(i),s=r(301),d=r.n(s),c=r(222),l=r.n(c),p=r(626),u=r.n(p),f=r(279),m=r.n(f),h=r(611),b={};b.styleTagTransform=m(),b.setAttributes=l(),b.insert=d().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=u(),n()(h.A,b);const g=h.A&&h.A.locals?h.A.locals:void 0},478:e=>{var t=[];function r(e){for(var r=-1,o=0;o<t.length;o++)if(t[o].identifier===e){r=o;break}return r}function o(e,o){for(var i={},a=[],s=0;s<e.length;s++){var d=e[s],c=o.base?d[0]+o.base:d[0],l=i[c]||0,p="".concat(c," ").concat(l);i[c]=l+1;var u=r(p),f={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(-1!==u)t[u].references++,t[u].updater(f);else{var m=n(f,o);o.byIndex=s,t.splice(s,0,{identifier:p,updater:m,references:1})}a.push(p)}return a}function n(e,t){var r=t.domAPI(t);return r.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;r.update(e=t)}else r.remove()}}e.exports=function(e,n){var i=o(e=e||[],n=n||{});return function(e){e=e||[];for(var a=0;a<i.length;a++){var s=r(i[a]);t[s].references--}for(var d=o(e,n),c=0;c<i.length;c++){var l=r(i[c]);0===t[l].references&&(t[l].updater(),t.splice(l,1))}i=d}}},301:e=>{var t={};e.exports=function(e,r){var o=function(e){if(void 0===t[e]){var r=document.querySelector(e);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}t[e]=r}return t[e]}(e);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(r)}},626:e=>{e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},222:(e,t,r)=>{e.exports=function(e){var t=r.nc;t&&e.setAttribute("nonce",t)}},135:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(r){!function(e,t,r){var o="";r.supports&&(o+="@supports (".concat(r.supports,") {")),r.media&&(o+="@media ".concat(r.media," {"));var n=void 0!==r.layer;n&&(o+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),o+=r.css,n&&(o+="}"),r.media&&(o+="}"),r.supports&&(o+="}");var i=r.sourceMap;i&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleTagTransform(o,e,t.options)}(t,e,r)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},279:e=>{e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},637:function(e,t,r){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const n=o(r(953)),i=r(185),a=r(729);r(126),t.default=e=>{const{idleCodes:t,setAgentStatus:r,isSettingAgentStatus:o,errorMessage:s,elapsedTime:d,currentState:c,currentTheme:l}=e;return n.default.createElement("div",{className:"box "+("DARK"===l?"dark-theme":"light-theme")},n.default.createElement("section",{className:"sectionBox"},n.default.createElement("fieldset",{className:"fieldset"},n.default.createElement("legend",{"data-testid":"user-state-title",className:"legendBox"},"Agent State"),n.default.createElement("div",{style:{display:"flex",flexDirection:"column",flexGrow:1}}),n.default.createElement("select",{id:"idleCodes",value:c,className:"select",onChange:e=>{const o=null==t?void 0:t.filter((t=>t.id===e.target.value))[0];r(o)},disabled:o},null==t?void 0:t.filter((e=>!e.isSystem)).map((e=>n.default.createElement("option",{key:e.id,value:e.id},e.name)))),n.default.createElement(a.ButtonPill,{type:"button"},"Set state"),n.default.createElement("div",{className:"elapsedTime "+(o?"elapsedTime-disabled":"")},(0,i.formatTime)(d)),s&&n.default.createElement("div",{style:{color:"red"}},s))))}},185:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.formatTime=void 0,t.formatTime=e=>{const t=Math.floor(e/3600),r=Math.floor(e%3600/60),o=e%60;return`${t.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`}},824:function(e,t,r){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const n=o(r(77)),i=o(r(637)),a=(0,n.default)(i.default);customElements.get("component-cc-user-state")||customElements.define("component-cc-user-state",a)},729:e=>{e.exports=require("@momentum-ui/react-collaboration")},953:e=>{e.exports=require("react")},180:e=>{e.exports=require("react-dom")},33:(e,t,r)=>{var o=Object.defineProperty,n=(e,t,r)=>(((e,t,r)=>{t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r})(e,"symbol"!=typeof t?t+"":t,r),r);const i={string:{stringify:e=>e,parse:e=>e},number:{stringify:e=>`${e}`,parse:e=>parseFloat(e)},boolean:{stringify:e=>e?"true":"false",parse:e=>/^[ty1-9]/i.test(e)},function:{stringify:e=>e.name,parse:(e,t,o)=>{const n=typeof window<"u"&&e in window?window[e]:typeof r.g<"u"&&e in r.g?r.g[e]:void 0;return"function"==typeof n?n.bind(o):void 0}},json:{stringify:e=>JSON.stringify(e),parse:e=>JSON.parse(e)}};function a(e){return e.replace(/([a-z0-9])([A-Z])/g,((e,t,r)=>`${t}-${r.toLowerCase()}`))}const s=Symbol.for("r2wc.render"),d=Symbol.for("r2wc.connected"),c=Symbol.for("r2wc.context"),l=Symbol.for("r2wc.props");e.exports=function(e,t,r){var o,p,u;t.props||(t.props=e.propTypes?Object.keys(e.propTypes):[]);const f=Array.isArray(t.props)?t.props.slice():Object.keys(t.props),m={},h={},b={};for(const e of f){m[e]=Array.isArray(t.props)?"string":t.props[e];const r=a(e);h[e]=r,b[r]=e}class g extends HTMLElement{constructor(){super(),n(this,o,!0),n(this,p),n(this,u,{}),n(this,"container"),t.shadow?this.container=this.attachShadow({mode:t.shadow}):this.container=this,this[l].container=this.container;for(const e of f){const t=h[e],r=this.getAttribute(t),o=m[e],n=o?i[o]:null;null!=n&&n.parse&&r&&(this[l][e]=n.parse(r,t,this))}}static get observedAttributes(){return Object.keys(b)}connectedCallback(){this[d]=!0,this[s]()}disconnectedCallback(){this[d]=!1,this[c]&&r.unmount(this[c]),delete this[c]}attributeChangedCallback(e,t,r){const o=b[e],n=m[o],a=n?i[n]:null;o in m&&null!=a&&a.parse&&r&&(this[l][o]=a.parse(r,e,this),this[s]())}[(o=d,p=c,u=l,s)](){this[d]&&(this[c]?r.update(this[c],this[l]):this[c]=r.mount(this.container,e,this[l]))}}for(const e of f){const t=h[e],r=m[e];Object.defineProperty(g.prototype,e,{enumerable:!0,configurable:!0,get(){return this[l][e]},set(o){this[l][e]=o;const n=r?i[r]:null;if(null!=n&&n.stringify){const e=n.stringify(o,t,this);this.getAttribute(t)!==e&&this.setAttribute(t,e)}else this[s]()}})}return g}},77:(e,t,r)=>{const o=r(953),n=r(776),i=r(33);function a(e,t,r){const i=n.createRoot(e),a=o.createElement(t,r);return i.render(a),{root:i,ReactComponent:t}}function s({root:e,ReactComponent:t},r){const n=o.createElement(t,r);e.render(n)}function d({root:e}){e.unmount()}e.exports=function(e,t={}){return i(e,t,{mount:a,update:s,unmount:d})}}},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var i=t[o]={id:o,exports:{}};return e[o].call(i.exports,i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nc=void 0;var o=r(824);module.exports=o})();