npm - @webex/cc-user-state - Versions diffs - 1.28.0-ccwidgets.18 → 1.28.0-ccwidgets.19 - Mend

@webex/cc-user-state 1.28.0-ccwidgets.18 → 1.28.0-ccwidgets.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/index.js +1 -1
package/package.json +4 -4

package/dist/index.js CHANGED Viewed

@@ -1389,4 +1389,4 @@
           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:()=>u});var r=o(63),n=o.n(r),a=o(248),i=o.n(a),s=o(243),d=o.n(s),l=new URL(o(28),o.b),c=i()(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 u=c},245:(e,t,o)=>{o.d(t,{A:()=>s});var r=o(63),n=o.n(r),a=o(248),i=o.n(a)()(n());i.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 s=i},611:(e,t,o)=>{o.d(t,{A:()=>s});var r=o(63),n=o.n(r),a=o(248),i=o.n(a)()(n());i.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=i},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 i={};if(r)for(var s=0;s<this.length;s++){var d=this[s][0];null!=d&&(i[d]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);r&&i[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]}},378:(e,t,o)=>{o.r(t),o.d(t,{default:()=>b});var r=o(478),n=o.n(r),a=o(135),i=o.n(a),s=o(301),d=o.n(s),l=o(222),c=o.n(l),m=o(626),u=o.n(m),h=o(279),f=o.n(h),p=o(489),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=d().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=u(),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),i=o.n(a),s=o(301),d=o.n(s),l=o(222),c=o.n(l),m=o(626),u=o.n(m),h=o(279),f=o.n(h),p=o(245),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=d().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=u(),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),i=o.n(a),s=o(301),d=o.n(s),l=o(222),c=o.n(l),m=o(626),u=o.n(m),h=o(279),f=o.n(h),p=o(611),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=d().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=u(),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={},i=[],s=0;s<e.length;s++){var d=e[s],l=r.base?d[0]+r.base:d[0],c=a[l]||0,m="".concat(l," ").concat(c);a[l]=c+1;var u=o(m),h={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(-1!==u)t[u].references++,t[u].updater(h);else{var f=n(h,r);r.byIndex=s,t.splice(s,0,{identifier:m,updater:f,references:1})}i.push(m)}return i}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 i=0;i<a.length;i++){var s=o(a[i]);t[s].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),i=o(417);o(126),t.default=e=>{const{idleCodes:t,setAgentStatus:o,isSettingAgentStatus:r,errorMessage:s,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(i.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)),s&&n.default.createElement("div",{style:{color:"red"}},s))))}},156:function(e,t,o){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.UserStateComponent=void 0;const n=r(o(637));t.UserStateComponent=n.default,o(378),o(576)},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")}`}},28:(e,t,o)=>{e.exports=o.p+"fonts/Inter.var.woff2"},953:e=>{e.exports=o(953)},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 i{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 s extends Event{constructor(e){super("context-provider",{bubbles:!0,composed:!0}),this.context=e}}class d extends i{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 s(this.context))}}},934:(e,t,o)=>{o.d(t,{mN:()=>A,AH:()=>d,W3:()=>x,Ec:()=>w});const r=globalThis,n=r.ShadowRoot&&(void 0===r.ShadyCSS||r.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,a=Symbol(),i=new WeakMap;class s{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=i.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&i.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 s(o,e,a)},l=n?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const o of e.cssRules)t+=o.cssText;return(e=>new s("string"==typeof e?e:e+"",void 0,a))(t)})(e):e,{is:c,defineProperty:m,getOwnPropertyDescriptor:u,getOwnPropertyNames:h,getOwnPropertySymbols:f,getPrototypeOf:p}=Object,g=globalThis,b=g.trustedTypes,v=b?b.emptyScript:"",y=g.reactiveElementPolyfillSupport,_=(e,t)=>e,x={toAttribute(e,t){switch(t){case Boolean:e=e?v: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}},w=(e,t)=>!c(e,t),k={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:w};Symbol.metadata??=Symbol("metadata"),g.litPropertyMetadata??=new WeakMap;class A 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=k){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&&m(this.prototype,e,r)}}static getPropertyDescriptor(e,t,o){const{get:r,set:n}=u(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)??k}static _$Ei(){if(this.hasOwnProperty(_("elementProperties")))return;const e=p(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(_("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(_("properties"))){const e=this.properties,t=[...h(e),...f(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(l(e))}else void 0!==e&&t.push(l(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((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)}})(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:x).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:x;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??w)(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){}}A.elementStyles=[],A.shadowRootOptions={mode:"open"},A[_("elementProperties")]=new Map,A[_("finalized")]=new Map,y?.({ReactiveElement:A}),(g.reactiveElementVersions??=[]).push("2.0.4")},452:(e,t,o)=>{o.d(t,{XX:()=>U,c0:()=>A,qy:()=>k,s6:()=>S});const r=globalThis,n=r.trustedTypes,a=n?n.createPolicy("lit-html",{createHTML:e=>e}):void 0,i="$lit$",s=`lit$${Math.random().toFixed(9).slice(2)}$`,d="?"+s,l=`<${d}>`,c=document,m=()=>c.createComment(""),u=e=>null===e||"object"!=typeof e&&"function"!=typeof e,h=Array.isArray,f="[ \t\n\f\r]",p=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,g=/-->/g,b=/>/g,v=RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),y=/'/g,_=/"/g,x=/^(?:script|style|textarea|title)$/i,w=e=>(t,...o)=>({_$litType$:e,strings:t,values:o}),k=w(1),A=(w(2),w(3),Symbol.for("lit-noChange")),S=Symbol.for("lit-nothing"),O=new WeakMap,z=c.createTreeWalker(c,129);function T(e,t){if(!h(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==a?a.createHTML(t):t}const E=(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,u=-1,h=0;for(;h<o.length&&(d.lastIndex=h,m=d.exec(o),null!==m);)h=d.lastIndex,d===p?"!--"===m[1]?d=g:void 0!==m[1]?d=b:void 0!==m[2]?(x.test(m[2])&&(n=RegExp("</"+m[2],"g")),d=v):void 0!==m[3]&&(d=v):d===v?">"===m[0]?(d=n??p,u=-1):void 0===m[1]?u=-2:(u=d.lastIndex-m[2].length,c=m[1],d=void 0===m[3]?v:'"'===m[3]?_:y):d===_||d===y?d=v:d===g||d===b?d=p:(d=v,n=void 0);const f=d===v&&e[t+1].startsWith("/>")?" ":"";a+=d===p?o+l:u>=0?(r.push(c),o.slice(0,u)+i+o.slice(u)+s+f):o+s+(-2===u?t:f)}return[T(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,u=this.parts,[h,f]=E(e,t);if(this.el=I.createElement(h,o),z.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(r=z.nextNode())&&u.length<c;){if(1===r.nodeType){if(r.hasAttributes())for(const e of r.getAttributeNames())if(e.endsWith(i)){const t=f[l++],o=r.getAttribute(e).split(s),n=/([.?@])?(.*)/.exec(t);u.push({type:1,index:a,name:n[2],strings:o,ctor:"."===n[1]?C:"?"===n[1]?$:"@"===n[1]?M:P}),r.removeAttribute(e)}else e.startsWith(s)&&(u.push({type:6,index:a}),r.removeAttribute(e));if(x.test(r.tagName)){const e=r.textContent.split(s),t=e.length-1;if(t>0){r.textContent=n?n.emptyScript:"";for(let o=0;o<t;o++)r.append(e[o],m()),z.nextNode(),u.push({type:2,index:++a});r.append(e[t],m())}}}else if(8===r.nodeType)if(r.data===d)u.push({type:2,index:a});else{let e=-1;for(;-1!==(e=r.data.indexOf(s,e+1));)u.push({type:7,index:a}),e+=s.length-1}a++}}static createElement(e,t){const o=c.createElement("template");return o.innerHTML=e,o}}function R(e,t,o=e,r){if(t===A)return t;let n=void 0!==r?o._$Co?.[r]:o._$Cl;const a=u(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=R(e,n._$AS(e,t.values),n,r)),t}class j{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);z.currentNode=r;let n=z.nextNode(),a=0,i=0,s=o[0];for(;void 0!==s;){if(a===s.index){let t;2===s.type?t=new N(n,n.nextSibling,this,e):1===s.type?t=new s.ctor(n,s.name,s.strings,this,e):6===s.type&&(t=new L(n,this,e)),this._$AV.push(t),s=o[++i]}a!==s?.index&&(n=z.nextNode(),a++)}return z.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 N{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,o,r){this.type=2,this._$AH=S,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=R(this,e,t),u(e)?e===S||null==e||""===e?(this._$AH!==S&&this._$AR(),this._$AH=S):e!==this._$AH&&e!==A&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>h(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!==S&&u(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(T(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===r)this._$AH.p(t);else{const e=new j(r,this),o=e.u(this.options);e.p(t),this.T(o),this._$AH=e}}_$AC(e){let t=O.get(e.strings);return void 0===t&&O.set(e.strings,t=new I(e)),t}k(e){h(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 N(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 P{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,o,r,n){this.type=1,this._$AH=S,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=S}_$AI(e,t=this,o,r){const n=this.strings;let a=!1;if(void 0===n)e=R(this,e,t,0),a=!u(e)||e!==this._$AH&&e!==A,a&&(this._$AH=e);else{const r=e;let i,s;for(e=n[0],i=0;i<n.length-1;i++)s=R(this,r[o+i],t,i),s===A&&(s=this._$AH[i]),a||=!u(s)||s!==this._$AH[i],s===S?e=S:e!==S&&(e+=(s??"")+n[i+1]),this._$AH[i]=s}a&&!r&&this.j(e)}j(e){e===S?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class C extends P{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===S?void 0:e}}class $ extends P{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==S)}}class M extends P{constructor(e,t,o,r,n){super(e,t,o,r,n),this.type=5}_$AI(e,t=this){if((e=R(this,e,t,0)??S)===A)return;const o=this._$AH,r=e===S&&o!==S||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,n=e!==S&&(o===S||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 L{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){R(this,e)}}const D=r.litHtmlPolyfillSupport;D?.(I,N),(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 N(t.insertBefore(m(),e),e,void 0,o??{})}return n._$AI(e),n}},477:(e,t,o)=>{o.d(t,{MZ:()=>i,wk:()=>s});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 i=globalThis.litPropertyMetadata.get(a);if(void 0===i&&globalThis.litPropertyMetadata.set(a,i=new Map),i.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 i(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 s(e){return i({...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 i=globalThis.litElementPolyfillSupport;i?.({LitElement:a}),(globalThis.litElementVersions??=[]).push("4.1.1")}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={id:e,exports:{}};return t[e].call(a.exports,a,a.exports,n),a.exports}n.m=t,n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.p="",n.b=document.baseURI||self.location.href,n.nc=void 0;var a=n(156);e.exports=a})()},306:function(e,t,o){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useUserState=void 0;const n=o(953),a=r(o(768));t.useUserState=({idleCodes:e,agentId:t,cc:o,currentState:r,lastStateChangeTimestamp:i})=>{const[s,d]=(0,n.useState)(!1),[l,c]=(0,n.useState)(""),[m,u]=(0,n.useState)(0),h=(0,n.useRef)(null),f="\n    let intervalId;\n\n    const startTimer = (startTime) => {\n      if (intervalId) clearInterval(intervalId);\n      intervalId = setInterval(() => {\n        const elapsedTime = Math.floor((Date.now() - startTime) / 1000);\n        self.postMessage(elapsedTime);\n      }, 1000);\n    };\n\n    self.onmessage = (event) => {\n      if (event.data.type === 'start' || event.data.type === 'reset') {\n        const startTime = event.data.startTime;\n        startTimer(startTime);\n      }\n    };\n  ";return(0,n.useEffect)((()=>{const e=new Blob([f],{type:"application/javascript"}),t=URL.createObjectURL(e);h.current=new Worker(t),h.current.postMessage({type:"start",startTime:Date.now()}),h.current.onmessage=e=>{u(e.data)}}),[]),(0,n.useEffect)((()=>{if(h.current){h.current.terminate();const e=new Blob([f],{type:"application/javascript"}),t=URL.createObjectURL(e);if(h.current=new Worker(t),h.current.onmessage=e=>{u(e.data)},i){const e=new Date,t=Math.floor(Math.abs(e.getTime()-i.getTime())/1e3);u(t),h.current.postMessage({type:"reset",startTime:i.getTime()})}else h.current.postMessage({type:"start",startTime:Date.now()})}return()=>{var e;null===(e=h.current)||void 0===e||e.terminate()}}),[r]),{idleCodes:e,setAgentStatus:e=>{const{auxCodeId:r,state:n}={auxCodeId:e.id,state:e.name};d(!0);const i="Available"===n?"Available":"Idle";o.setAgentState({state:i,auxCodeId:r,agentId:t,lastStateChangeReason:n}).then((e=>{a.default.setCurrentState(e.data.auxCodeId),a.default.setLastStateChangeTimestamp(new Date(e.data.lastStateChangeTimestamp))})).catch((e=>{c(e.toString())})).finally((()=>{d(!1)}))},isSettingAgentStatus:s,errorMessage:l,elapsedTime:m,currentState:r}}},994:function(e,t,o){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.UserState=void 0;const n=r(o(953)),a=r(o(768)),i=o(62),s=o(306),d=o(436),l=(0,i.observer)((()=>{const{cc:e,idleCodes:t,agentId:o,currentTheme:r,currentState:i,lastStateChangeTimestamp:l}=a.default,c=Object.assign(Object.assign({},(0,s.useUserState)({idleCodes:t,agentId:o,cc:e,currentState:i,lastStateChangeTimestamp:l})),{currentTheme:r});return n.default.createElement(d.UserStateComponent,Object.assign({},c))}));t.UserState=l},768:e=>{"use strict";e.exports=require("@webex/cc-store")},953:e=>{"use strict";e.exports=require("react")}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var a=t[r]={exports:{}};return e[r].call(a.exports,a,a.exports,o),a.exports}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})};var r={};(()=>{"use strict";var e=r;Object.defineProperty(e,"__esModule",{value:!0}),e.UserState=void 0;const t=o(994);Object.defineProperty(e,"UserState",{enumerable:!0,get:function(){return t.UserState}})})(),module.exports=r})();
+    `]}},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:()=>u});var r=o(63),n=o.n(r),a=o(248),i=o.n(a),s=o(243),d=o.n(s),l=new URL(o(28),o.b),c=i()(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 u=c},245:(e,t,o)=>{o.d(t,{A:()=>s});var r=o(63),n=o.n(r),a=o(248),i=o.n(a)()(n());i.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 s=i},611:(e,t,o)=>{o.d(t,{A:()=>s});var r=o(63),n=o.n(r),a=o(248),i=o.n(a)()(n());i.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=i},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 i={};if(r)for(var s=0;s<this.length;s++){var d=this[s][0];null!=d&&(i[d]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);r&&i[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]}},378:(e,t,o)=>{o.r(t),o.d(t,{default:()=>b});var r=o(478),n=o.n(r),a=o(135),i=o.n(a),s=o(301),d=o.n(s),l=o(222),c=o.n(l),m=o(626),u=o.n(m),h=o(279),f=o.n(h),p=o(489),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=d().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=u(),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),i=o.n(a),s=o(301),d=o.n(s),l=o(222),c=o.n(l),m=o(626),u=o.n(m),h=o(279),f=o.n(h),p=o(245),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=d().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=u(),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),i=o.n(a),s=o(301),d=o.n(s),l=o(222),c=o.n(l),m=o(626),u=o.n(m),h=o(279),f=o.n(h),p=o(611),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=d().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=u(),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={},i=[],s=0;s<e.length;s++){var d=e[s],l=r.base?d[0]+r.base:d[0],c=a[l]||0,m="".concat(l," ").concat(c);a[l]=c+1;var u=o(m),h={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(-1!==u)t[u].references++,t[u].updater(h);else{var f=n(h,r);r.byIndex=s,t.splice(s,0,{identifier:m,updater:f,references:1})}i.push(m)}return i}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 i=0;i<a.length;i++){var s=o(a[i]);t[s].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),i=o(417);o(126),t.default=e=>{const{idleCodes:t,setAgentStatus:o,isSettingAgentStatus:r,errorMessage:s,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(i.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)),s&&n.default.createElement("div",{style:{color:"red"}},s))))}},156:function(e,t,o){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.UserStateComponent=void 0;const n=r(o(637));t.UserStateComponent=n.default,o(378),o(576)},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")}`}},28:(e,t,o)=>{e.exports=o.p+"fonts/Inter.var.woff2"},953:e=>{e.exports=o(953)},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 i{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 s extends Event{constructor(e){super("context-provider",{bubbles:!0,composed:!0}),this.context=e}}class d extends i{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 s(this.context))}}},934:(e,t,o)=>{o.d(t,{mN:()=>A,AH:()=>d,W3:()=>x,Ec:()=>w});const r=globalThis,n=r.ShadowRoot&&(void 0===r.ShadyCSS||r.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,a=Symbol(),i=new WeakMap;class s{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=i.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&i.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 s(o,e,a)},l=n?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const o of e.cssRules)t+=o.cssText;return(e=>new s("string"==typeof e?e:e+"",void 0,a))(t)})(e):e,{is:c,defineProperty:m,getOwnPropertyDescriptor:u,getOwnPropertyNames:h,getOwnPropertySymbols:f,getPrototypeOf:p}=Object,g=globalThis,b=g.trustedTypes,v=b?b.emptyScript:"",y=g.reactiveElementPolyfillSupport,_=(e,t)=>e,x={toAttribute(e,t){switch(t){case Boolean:e=e?v: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}},w=(e,t)=>!c(e,t),k={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:w};Symbol.metadata??=Symbol("metadata"),g.litPropertyMetadata??=new WeakMap;class A 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=k){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&&m(this.prototype,e,r)}}static getPropertyDescriptor(e,t,o){const{get:r,set:n}=u(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)??k}static _$Ei(){if(this.hasOwnProperty(_("elementProperties")))return;const e=p(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(_("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(_("properties"))){const e=this.properties,t=[...h(e),...f(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(l(e))}else void 0!==e&&t.push(l(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((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)}})(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:x).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:x;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??w)(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){}}A.elementStyles=[],A.shadowRootOptions={mode:"open"},A[_("elementProperties")]=new Map,A[_("finalized")]=new Map,y?.({ReactiveElement:A}),(g.reactiveElementVersions??=[]).push("2.0.4")},452:(e,t,o)=>{o.d(t,{XX:()=>U,c0:()=>A,qy:()=>k,s6:()=>S});const r=globalThis,n=r.trustedTypes,a=n?n.createPolicy("lit-html",{createHTML:e=>e}):void 0,i="$lit$",s=`lit$${Math.random().toFixed(9).slice(2)}$`,d="?"+s,l=`<${d}>`,c=document,m=()=>c.createComment(""),u=e=>null===e||"object"!=typeof e&&"function"!=typeof e,h=Array.isArray,f="[ \t\n\f\r]",p=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,g=/-->/g,b=/>/g,v=RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),y=/'/g,_=/"/g,x=/^(?:script|style|textarea|title)$/i,w=e=>(t,...o)=>({_$litType$:e,strings:t,values:o}),k=w(1),A=(w(2),w(3),Symbol.for("lit-noChange")),S=Symbol.for("lit-nothing"),O=new WeakMap,z=c.createTreeWalker(c,129);function T(e,t){if(!h(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==a?a.createHTML(t):t}const E=(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,u=-1,h=0;for(;h<o.length&&(d.lastIndex=h,m=d.exec(o),null!==m);)h=d.lastIndex,d===p?"!--"===m[1]?d=g:void 0!==m[1]?d=b:void 0!==m[2]?(x.test(m[2])&&(n=RegExp("</"+m[2],"g")),d=v):void 0!==m[3]&&(d=v):d===v?">"===m[0]?(d=n??p,u=-1):void 0===m[1]?u=-2:(u=d.lastIndex-m[2].length,c=m[1],d=void 0===m[3]?v:'"'===m[3]?_:y):d===_||d===y?d=v:d===g||d===b?d=p:(d=v,n=void 0);const f=d===v&&e[t+1].startsWith("/>")?" ":"";a+=d===p?o+l:u>=0?(r.push(c),o.slice(0,u)+i+o.slice(u)+s+f):o+s+(-2===u?t:f)}return[T(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,u=this.parts,[h,f]=E(e,t);if(this.el=I.createElement(h,o),z.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(r=z.nextNode())&&u.length<c;){if(1===r.nodeType){if(r.hasAttributes())for(const e of r.getAttributeNames())if(e.endsWith(i)){const t=f[l++],o=r.getAttribute(e).split(s),n=/([.?@])?(.*)/.exec(t);u.push({type:1,index:a,name:n[2],strings:o,ctor:"."===n[1]?C:"?"===n[1]?$:"@"===n[1]?M:P}),r.removeAttribute(e)}else e.startsWith(s)&&(u.push({type:6,index:a}),r.removeAttribute(e));if(x.test(r.tagName)){const e=r.textContent.split(s),t=e.length-1;if(t>0){r.textContent=n?n.emptyScript:"";for(let o=0;o<t;o++)r.append(e[o],m()),z.nextNode(),u.push({type:2,index:++a});r.append(e[t],m())}}}else if(8===r.nodeType)if(r.data===d)u.push({type:2,index:a});else{let e=-1;for(;-1!==(e=r.data.indexOf(s,e+1));)u.push({type:7,index:a}),e+=s.length-1}a++}}static createElement(e,t){const o=c.createElement("template");return o.innerHTML=e,o}}function R(e,t,o=e,r){if(t===A)return t;let n=void 0!==r?o._$Co?.[r]:o._$Cl;const a=u(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=R(e,n._$AS(e,t.values),n,r)),t}class j{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);z.currentNode=r;let n=z.nextNode(),a=0,i=0,s=o[0];for(;void 0!==s;){if(a===s.index){let t;2===s.type?t=new N(n,n.nextSibling,this,e):1===s.type?t=new s.ctor(n,s.name,s.strings,this,e):6===s.type&&(t=new L(n,this,e)),this._$AV.push(t),s=o[++i]}a!==s?.index&&(n=z.nextNode(),a++)}return z.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 N{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,o,r){this.type=2,this._$AH=S,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=R(this,e,t),u(e)?e===S||null==e||""===e?(this._$AH!==S&&this._$AR(),this._$AH=S):e!==this._$AH&&e!==A&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>h(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!==S&&u(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(T(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===r)this._$AH.p(t);else{const e=new j(r,this),o=e.u(this.options);e.p(t),this.T(o),this._$AH=e}}_$AC(e){let t=O.get(e.strings);return void 0===t&&O.set(e.strings,t=new I(e)),t}k(e){h(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 N(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 P{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,o,r,n){this.type=1,this._$AH=S,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=S}_$AI(e,t=this,o,r){const n=this.strings;let a=!1;if(void 0===n)e=R(this,e,t,0),a=!u(e)||e!==this._$AH&&e!==A,a&&(this._$AH=e);else{const r=e;let i,s;for(e=n[0],i=0;i<n.length-1;i++)s=R(this,r[o+i],t,i),s===A&&(s=this._$AH[i]),a||=!u(s)||s!==this._$AH[i],s===S?e=S:e!==S&&(e+=(s??"")+n[i+1]),this._$AH[i]=s}a&&!r&&this.j(e)}j(e){e===S?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class C extends P{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===S?void 0:e}}class $ extends P{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==S)}}class M extends P{constructor(e,t,o,r,n){super(e,t,o,r,n),this.type=5}_$AI(e,t=this){if((e=R(this,e,t,0)??S)===A)return;const o=this._$AH,r=e===S&&o!==S||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,n=e!==S&&(o===S||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 L{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){R(this,e)}}const D=r.litHtmlPolyfillSupport;D?.(I,N),(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 N(t.insertBefore(m(),e),e,void 0,o??{})}return n._$AI(e),n}},477:(e,t,o)=>{o.d(t,{MZ:()=>i,wk:()=>s});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 i=globalThis.litPropertyMetadata.get(a);if(void 0===i&&globalThis.litPropertyMetadata.set(a,i=new Map),i.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 i(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 s(e){return i({...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 i=globalThis.litElementPolyfillSupport;i?.({LitElement:a}),(globalThis.litElementVersions??=[]).push("4.1.1")}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={id:e,exports:{}};return t[e].call(a.exports,a,a.exports,n),a.exports}n.m=t,n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.p="",n.b=document.baseURI||self.location.href,n.nc=void 0;var a=n(156);e.exports=a})()},306:function(e,t,o){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useUserState=void 0;const n=o(953),a=r(o(768));t.useUserState=({idleCodes:e,agentId:t,cc:o,currentState:r,lastStateChangeTimestamp:i})=>{const[s,d]=(0,n.useState)(!1),[l,c]=(0,n.useState)(""),[m,u]=(0,n.useState)(0),h=(0,n.useRef)(null);return(0,n.useEffect)((()=>{const e=new Blob(["\n    let intervalId;\n    const startTimer = (startTime) => {\n      if (intervalId) clearInterval(intervalId);\n      intervalId = setInterval(() => {\n        const elapsedTime = Math.floor((Date.now() - startTime) / 1000);\n        self.postMessage(elapsedTime);\n      }, 1000);\n    };\n    self.onmessage = (event) => {\n      if (event.data.type === 'start' || event.data.type === 'reset') {\n        const startTime = event.data.startTime;\n        startTimer(startTime);\n      }\n    };\n  "],{type:"application/javascript"}),t=URL.createObjectURL(e);h.current=new Worker(t),h.current.postMessage({type:"start",startTime:Date.now()}),h.current.onmessage=e=>{u(e.data)}}),[]),(0,n.useEffect)((()=>{if(h.current&&i){const e=new Date,t=Math.floor(Math.abs(e.getTime()-i.getTime())/1e3);u(t),h.current.postMessage({type:"reset",startTime:i.getTime()})}}),[i]),{idleCodes:e,setAgentStatus:e=>{const{auxCodeId:r,state:n}={auxCodeId:e.id,state:e.name};d(!0);const i="Available"===n?"Available":"Idle";o.setAgentState({state:i,auxCodeId:r,agentId:t,lastStateChangeReason:n}).then((e=>{a.default.setCurrentState(e.data.auxCodeId),a.default.setLastStateChangeTimestamp(new Date(e.data.lastStateChangeTimestamp))})).catch((e=>{c(e.toString())})).finally((()=>{d(!1)}))},isSettingAgentStatus:s,errorMessage:l,elapsedTime:m,currentState:r}}},994:function(e,t,o){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.UserState=void 0;const n=r(o(953)),a=r(o(768)),i=o(62),s=o(306),d=o(436),l=(0,i.observer)((()=>{const{cc:e,idleCodes:t,agentId:o,currentTheme:r,currentState:i,lastStateChangeTimestamp:l}=a.default,c=Object.assign(Object.assign({},(0,s.useUserState)({idleCodes:t,agentId:o,cc:e,currentState:i,lastStateChangeTimestamp:l})),{currentTheme:r});return n.default.createElement(d.UserStateComponent,Object.assign({},c))}));t.UserState=l},768:e=>{"use strict";e.exports=require("@webex/cc-store")},953:e=>{"use strict";e.exports=require("react")}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var a=t[r]={exports:{}};return e[r].call(a.exports,a,a.exports,o),a.exports}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})};var r={};(()=>{"use strict";var e=r;Object.defineProperty(e,"__esModule",{value:!0}),e.UserState=void 0;const t=o(994);Object.defineProperty(e,"UserState",{enumerable:!0,get:function(){return t.UserState}})})(),module.exports=r})();

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@webex/cc-user-state",
   "description": "Webex Contact Center Widgets: User State",
-  "version": "1.28.0-ccwidgets.18",
+  "version": "1.28.0-ccwidgets.19",
   "main": "dist/index.js",
   "publishConfig": {
     "access": "public"
@@ -19,8 +19,8 @@
     "test:unit": "jest --coverage"
   },
   "dependencies": {
-    "@webex/cc-components": "1.28.0-ccwidgets.18",
-    "@webex/cc-store": "1.28.0-ccwidgets.18",
+    "@webex/cc-components": "1.28.0-ccwidgets.19",
+    "@webex/cc-store": "1.28.0-ccwidgets.19",
     "mobx-react-lite": "^4.1.0",
     "typescript": "5.6.3"
   },
@@ -56,5 +56,5 @@
     ],
     "verbose": true
   },
-  "stableVersion": "1.28.0-ccwidgets.17"
+  "stableVersion": "1.28.0-ccwidgets.18"
 }