@openmrs/esm-app-shell 8.0.1-pre.3612 → 8.0.1-pre.3615
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +9 -9
- package/dist/index.html +1 -1
- package/dist/{openmrs.24d705d6926297d3.js → openmrs.875bc02ba1b2b17d.js} +1 -1
- package/dist/{openmrs.24d705d6926297d3.js.map → openmrs.875bc02ba1b2b17d.js.map} +1 -1
- package/dist/service-worker.js +1 -1
- package/lib/esm-devtools-app/180.js +2 -0
- package/lib/esm-devtools-app/180.js.map +1 -0
- package/lib/esm-devtools-app/185.js +2 -0
- package/lib/esm-devtools-app/185.js.LICENSE.txt +5 -0
- package/lib/esm-devtools-app/185.js.map +1 -0
- package/lib/esm-devtools-app/300.js +1 -0
- package/lib/esm-devtools-app/326.js +2 -0
- package/lib/esm-devtools-app/326.js.map +1 -0
- package/lib/esm-devtools-app/460.js +1 -0
- package/lib/esm-devtools-app/460.js.map +1 -0
- package/lib/esm-devtools-app/523.js +2 -0
- package/lib/esm-devtools-app/523.js.map +1 -0
- package/lib/esm-devtools-app/623.js +2 -0
- package/lib/esm-devtools-app/623.js.map +1 -0
- package/lib/esm-devtools-app/723.js +2 -0
- package/lib/esm-devtools-app/723.js.LICENSE.txt +35 -0
- package/lib/esm-devtools-app/723.js.map +1 -0
- package/lib/esm-devtools-app/770.js +2 -0
- package/lib/esm-devtools-app/770.js.map +1 -0
- package/lib/esm-devtools-app/907.js +1 -0
- package/lib/esm-devtools-app/907.js.map +1 -0
- package/lib/esm-devtools-app/929.js +1 -0
- package/lib/esm-devtools-app/929.js.map +1 -0
- package/lib/esm-devtools-app/939.js +1 -0
- package/lib/{esm-offline-tools-app → esm-devtools-app}/939.js.map +1 -1
- package/lib/esm-devtools-app/main.js +1 -0
- package/lib/esm-devtools-app/main.js.map +1 -0
- package/lib/esm-devtools-app/openmrs-esm-devtools-app.js +1 -0
- package/lib/esm-devtools-app/openmrs-esm-devtools-app.js.buildmanifest.json +469 -0
- package/lib/esm-devtools-app/openmrs-esm-devtools-app.js.map +1 -0
- package/lib/esm-devtools-app/routes.json +1 -0
- package/lib/esm-help-menu-app/main.js +1 -1
- package/lib/esm-help-menu-app/openmrs-esm-help-menu-app.js +1 -1
- package/lib/esm-help-menu-app/openmrs-esm-help-menu-app.js.buildmanifest.json +2 -2
- package/lib/esm-help-menu-app/routes.json +1 -1
- package/lib/esm-implementer-tools-app/main.js +1 -1
- package/lib/esm-implementer-tools-app/openmrs-esm-implementer-tools-app.js +1 -1
- package/lib/esm-implementer-tools-app/openmrs-esm-implementer-tools-app.js.buildmanifest.json +2 -2
- package/lib/esm-implementer-tools-app/routes.json +1 -1
- package/lib/esm-login-app/main.js +1 -1
- package/lib/esm-login-app/openmrs-esm-login-app.js +1 -1
- package/lib/esm-login-app/openmrs-esm-login-app.js.buildmanifest.json +2 -2
- package/lib/esm-login-app/routes.json +1 -1
- package/lib/esm-primary-navigation-app/main.js +1 -1
- package/lib/esm-primary-navigation-app/openmrs-esm-primary-navigation-app.js +1 -1
- package/lib/esm-primary-navigation-app/openmrs-esm-primary-navigation-app.js.buildmanifest.json +2 -2
- package/lib/esm-primary-navigation-app/routes.json +1 -1
- package/lib/index.html +2 -2
- package/lib/openmrs.js +3 -3
- package/lib/service-worker.js +1 -1
- package/package.json +3 -3
- package/lib/esm-offline-tools-app/1119.js +0 -1
- package/lib/esm-offline-tools-app/1197.js +0 -1
- package/lib/esm-offline-tools-app/1405.js +0 -1
- package/lib/esm-offline-tools-app/1405.js.map +0 -1
- package/lib/esm-offline-tools-app/1584c81d564cacde.svg +0 -8
- package/lib/esm-offline-tools-app/2062.js +0 -1
- package/lib/esm-offline-tools-app/2062.js.map +0 -1
- package/lib/esm-offline-tools-app/2070.js +0 -1
- package/lib/esm-offline-tools-app/2070.js.map +0 -1
- package/lib/esm-offline-tools-app/2146.js +0 -1
- package/lib/esm-offline-tools-app/2690.js +0 -1
- package/lib/esm-offline-tools-app/3099.js +0 -1
- package/lib/esm-offline-tools-app/3584.js +0 -1
- package/lib/esm-offline-tools-app/3709.js +0 -1
- package/lib/esm-offline-tools-app/3709.js.map +0 -1
- package/lib/esm-offline-tools-app/3963.js +0 -1
- package/lib/esm-offline-tools-app/3963.js.map +0 -1
- package/lib/esm-offline-tools-app/4055.js +0 -1
- package/lib/esm-offline-tools-app/4132.js +0 -1
- package/lib/esm-offline-tools-app/4300.js +0 -1
- package/lib/esm-offline-tools-app/4335.js +0 -1
- package/lib/esm-offline-tools-app/439.js +0 -1
- package/lib/esm-offline-tools-app/4618.js +0 -1
- package/lib/esm-offline-tools-app/4652.js +0 -1
- package/lib/esm-offline-tools-app/4944.js +0 -1
- package/lib/esm-offline-tools-app/5173.js +0 -1
- package/lib/esm-offline-tools-app/5241.js +0 -1
- package/lib/esm-offline-tools-app/5442.js +0 -1
- package/lib/esm-offline-tools-app/5460.js +0 -1
- package/lib/esm-offline-tools-app/5460.js.map +0 -1
- package/lib/esm-offline-tools-app/5623.js +0 -2
- package/lib/esm-offline-tools-app/5623.js.map +0 -1
- package/lib/esm-offline-tools-app/5661.js +0 -1
- package/lib/esm-offline-tools-app/5725.js +0 -2
- package/lib/esm-offline-tools-app/5725.js.LICENSE.txt +0 -9
- package/lib/esm-offline-tools-app/5725.js.map +0 -1
- package/lib/esm-offline-tools-app/5770.js +0 -2
- package/lib/esm-offline-tools-app/5770.js.map +0 -1
- package/lib/esm-offline-tools-app/6022.js +0 -1
- package/lib/esm-offline-tools-app/6090.js +0 -2
- package/lib/esm-offline-tools-app/6090.js.LICENSE.txt +0 -9
- package/lib/esm-offline-tools-app/6090.js.map +0 -1
- package/lib/esm-offline-tools-app/6252.js +0 -1
- package/lib/esm-offline-tools-app/6252.js.map +0 -1
- package/lib/esm-offline-tools-app/6269.js +0 -2
- package/lib/esm-offline-tools-app/6269.js.LICENSE.txt +0 -9
- package/lib/esm-offline-tools-app/6269.js.map +0 -1
- package/lib/esm-offline-tools-app/6326.js +0 -2
- package/lib/esm-offline-tools-app/6326.js.map +0 -1
- package/lib/esm-offline-tools-app/6408.js +0 -2
- package/lib/esm-offline-tools-app/6408.js.LICENSE.txt +0 -32
- package/lib/esm-offline-tools-app/6408.js.map +0 -1
- package/lib/esm-offline-tools-app/6468.js +0 -1
- package/lib/esm-offline-tools-app/6516.js +0 -2
- package/lib/esm-offline-tools-app/6516.js.map +0 -1
- package/lib/esm-offline-tools-app/6589.js +0 -1
- package/lib/esm-offline-tools-app/6679.js +0 -1
- package/lib/esm-offline-tools-app/6840.js +0 -1
- package/lib/esm-offline-tools-app/6859.js +0 -1
- package/lib/esm-offline-tools-app/7031.js +0 -2
- package/lib/esm-offline-tools-app/7031.js.LICENSE.txt +0 -14
- package/lib/esm-offline-tools-app/7031.js.map +0 -1
- package/lib/esm-offline-tools-app/7097.js +0 -1
- package/lib/esm-offline-tools-app/7159.js +0 -1
- package/lib/esm-offline-tools-app/723.js +0 -1
- package/lib/esm-offline-tools-app/7617.js +0 -1
- package/lib/esm-offline-tools-app/795.js +0 -1
- package/lib/esm-offline-tools-app/8163.js +0 -1
- package/lib/esm-offline-tools-app/8349.js +0 -1
- package/lib/esm-offline-tools-app/8371.js +0 -1
- package/lib/esm-offline-tools-app/8618.js +0 -1
- package/lib/esm-offline-tools-app/8650.js +0 -1
- package/lib/esm-offline-tools-app/8650.js.map +0 -1
- package/lib/esm-offline-tools-app/890.js +0 -1
- package/lib/esm-offline-tools-app/9214.js +0 -1
- package/lib/esm-offline-tools-app/939.js +0 -1
- package/lib/esm-offline-tools-app/9538.js +0 -1
- package/lib/esm-offline-tools-app/9561.js +0 -2
- package/lib/esm-offline-tools-app/9561.js.map +0 -1
- package/lib/esm-offline-tools-app/9569.js +0 -1
- package/lib/esm-offline-tools-app/986.js +0 -1
- package/lib/esm-offline-tools-app/9879.js +0 -1
- package/lib/esm-offline-tools-app/9895.js +0 -1
- package/lib/esm-offline-tools-app/9900.js +0 -1
- package/lib/esm-offline-tools-app/9913.js +0 -1
- package/lib/esm-offline-tools-app/main.js +0 -2
- package/lib/esm-offline-tools-app/main.js.LICENSE.txt +0 -15
- package/lib/esm-offline-tools-app/main.js.map +0 -1
- package/lib/esm-offline-tools-app/openmrs-esm-offline-tools-app.js +0 -1
- package/lib/esm-offline-tools-app/openmrs-esm-offline-tools-app.js.buildmanifest.json +0 -1584
- package/lib/esm-offline-tools-app/openmrs-esm-offline-tools-app.js.map +0 -1
- package/lib/esm-offline-tools-app/routes.json +0 -1
- /package/lib/{esm-offline-tools-app/6516.js.LICENSE.txt → esm-devtools-app/180.js.LICENSE.txt} +0 -0
- /package/lib/{esm-offline-tools-app/6326.js.LICENSE.txt → esm-devtools-app/326.js.LICENSE.txt} +0 -0
- /package/lib/{esm-offline-tools-app/9561.js.LICENSE.txt → esm-devtools-app/523.js.LICENSE.txt} +0 -0
- /package/lib/{esm-offline-tools-app/5623.js.LICENSE.txt → esm-devtools-app/623.js.LICENSE.txt} +0 -0
- /package/lib/{esm-offline-tools-app/5770.js.LICENSE.txt → esm-devtools-app/770.js.LICENSE.txt} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(globalThis.webpackChunk_openmrs_esm_devtools_app=globalThis.webpackChunk_openmrs_esm_devtools_app||[]).push([[460],{6370:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,'.-esm-devtools__date-range-picker-module__cds--layout--size-xs___-HfLh{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__default-xs___lQ3lX{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__min-xs___M\\+Pn\\+{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__max-xs___45QPF{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.-esm-devtools__date-range-picker-module__cds--layout--size-sm___BGu1K{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__default-sm___91ziq{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__min-sm___zgPOd{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__max-sm___CNmQy{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.-esm-devtools__date-range-picker-module__cds--layout--size-md___ceaOe{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__default-md___qTZ9S{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__min-md___ibg4x{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__max-md___rTEli{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.-esm-devtools__date-range-picker-module__cds--layout--size-lg___adJJW{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__default-lg___48Prc{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__min-lg___ahTYO{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__max-lg___\\+IYxF{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.-esm-devtools__date-range-picker-module__cds--layout--size-xl___fyUkM{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__default-xl___voi1o{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__min-xl___ivpGY{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__max-xl___QllyM{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.-esm-devtools__date-range-picker-module__cds--layout--size-2xl___V8Ip4{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__default-2xl___thHPB{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__min-2xl___KKjyS{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.-esm-devtools__date-range-picker-module__cds--layout-constraint--size__max-2xl___kJ3V5{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.-esm-devtools__date-range-picker-module__cds--layout--density-condensed___hBE0-{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.-esm-devtools__date-range-picker-module__cds--layout-constraint--density__default-condensed___yKVVr{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.-esm-devtools__date-range-picker-module__cds--layout-constraint--density__min-condensed___Tlkic{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.-esm-devtools__date-range-picker-module__cds--layout-constraint--density__max-condensed___rMmM8{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.-esm-devtools__date-range-picker-module__cds--layout--density-normal___iOFZ4{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.-esm-devtools__date-range-picker-module__cds--layout-constraint--density__default-normal___8ml2V{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.-esm-devtools__date-range-picker-module__cds--layout-constraint--density__min-normal___Rw6aJ{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.-esm-devtools__date-range-picker-module__cds--layout-constraint--density__max-normal___205sP{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-background:var(--cds-layer-background-01, #ffffff);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-devtools__date-range-picker-module__cds--layer-one___LyDnn{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-background:var(--cds-layer-background-01, #ffffff);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-devtools__date-range-picker-module__cds--layer-two___7IsPb{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-background:var(--cds-layer-background-02, #f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.-esm-devtools__date-range-picker-module__cds--layer-three___OJDGr{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-background:var(--cds-layer-background-03, #ffffff);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}.-esm-devtools__date-range-picker-module__cds--layer-one___LyDnn.-esm-devtools__date-range-picker-module__cds--layer__with-background___dq9VR{background-color:var(--cds-layer-background)}.-esm-devtools__date-range-picker-module__cds--layer-two___7IsPb.-esm-devtools__date-range-picker-module__cds--layer__with-background___dq9VR{background-color:var(--cds-layer-background)}.-esm-devtools__date-range-picker-module__cds--layer-three___OJDGr.-esm-devtools__date-range-picker-module__cds--layer__with-background___dq9VR{background-color:var(--cds-layer-background)}@keyframes -esm-devtools__date-range-picker-module__cds--hide-feedback___qyNDt{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes -esm-devtools__date-range-picker-module__cds--show-feedback___hwdBn{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes -esm-devtools__date-range-picker-module__cds--skeleton___WWsVG{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.-esm-devtools__date-range-picker-module__cds--assistive-text___5vZJx,.-esm-devtools__date-range-picker-module__cds--visually-hidden___aaqVq{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0, 0, 0, 0);inline-size:1px;visibility:inherit;white-space:nowrap}.-esm-devtools__date-range-picker-module__cds--popover-container___Us5Dq{display:inline-block}.-esm-devtools__date-range-picker-module__cds--popover-container___Us5Dq:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3){position:relative}.-esm-devtools__date-range-picker-module__cds--popover--high-contrast___fP\\+3W .-esm-devtools__date-range-picker-module__cds--popover___PvT6w{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.-esm-devtools__date-range-picker-module__cds--popover--drop-shadow___exazK .-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{filter:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.-esm-devtools__date-range-picker-module__cds--popover--caret___Jx4Jy{--cds-popover-offset:0.625rem}.-esm-devtools__date-range-picker-module__cds--popover___PvT6w{position:absolute;z-index:6000;filter:var(--cds-popover-drop-shadow, none);inset:0;pointer-events:none}.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:absolute;z-index:6000;display:none;border-radius:var(--cds-popover-border-radius, 2px);background-color:var(--cds-popover-background-color, var(--cds-layer));color:var(--cds-popover-text-color, var(--cds-text-primary, #161616));inline-size:max-content;max-inline-size:23rem;pointer-events:auto}.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt.-esm-devtools__date-range-picker-module__cds--layout--size-sm___BGu1K,.-esm-devtools__date-range-picker-module__cds--layout--size-sm___BGu1K :where(.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt){--cds-layout-size-height:var(--cds-layout-size-height-sm)}.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt.-esm-devtools__date-range-picker-module__cds--layout--size-md___ceaOe,.-esm-devtools__date-range-picker-module__cds--layout--size-md___ceaOe :where(.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt){--cds-layout-size-height:var(--cds-layout-size-height-md)}.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt.-esm-devtools__date-range-picker-module__cds--layout--size-lg___adJJW,.-esm-devtools__date-range-picker-module__cds--layout--size-lg___adJJW :where(.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt){--cds-layout-size-height:var(--cds-layout-size-height-lg)}.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt *,.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt *::before,.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt *::after{box-sizing:inherit}.-esm-devtools__date-range-picker-module__cds--popover--open___uDM8G>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{display:block}.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before{position:absolute;display:none;content:""}.-esm-devtools__date-range-picker-module__cds--popover--open___uDM8G>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before{display:block}.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color, var(--cds-layer));will-change:transform}.-esm-devtools__date-range-picker-module__cds--popover--caret___Jx4Jy.-esm-devtools__date-range-picker-module__cds--popover--open___uDM8G>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{display:block}.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3.-esm-devtools__date-range-picker-module__cds--popover--caret___Jx4Jy.-esm-devtools__date-range-picker-module__cds--popover--open___uDM8G>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{display:block}.-esm-devtools__date-range-picker-module__cds--popover--tab-tip___egmgw>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{display:none}.-esm-devtools__date-range-picker-module__cds--popover--bottom___VGmUf:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--bottom___VGmUf:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{transform:translate(50%, calc(100% + var(--cds-popover-offset, 0rem)))}.-esm-devtools__date-range-picker-module__cds--popover--bottom-left___\\+n9mu:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,.-esm-devtools__date-range-picker-module__cds--popover--bottom-start___9PClG:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-block-end:0;inset-inline-start:0;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--bottom-left___\\+n9mu:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--bottom-start___9PClG:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-inline-end:0;inset-inline-start:initial}.-esm-devtools__date-range-picker-module__cds--popover--bottom-right___etOe5:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,.-esm-devtools__date-range-picker-module__cds--popover--bottom-end___osxhM:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-block-end:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)))}.-esm-devtools__date-range-picker-module__cds--popover--bottom-end___osxhM:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--top-end___XOO1M:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{inset-block-end:0;inset-inline-end:0;inset-inline-start:auto}.-esm-devtools__date-range-picker-module__cds--popover--bottom-start___9PClG:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{inset-block-end:0;inset-inline-end:auto;inset-inline-start:0;transform:translate(50%, calc(var(--cds-popover-offset, 0rem)))}.-esm-devtools__date-range-picker-module__cds--popover--top-start___uT2Jg:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{inset-block-end:0;inset-inline-end:auto;inset-inline-start:0;transform:translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)))}[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--bottom-right___etOe5:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--bottom-end___osxhM:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-inline-start:0}.-esm-devtools__date-range-picker-module__cds--popover--bottom___VGmUf>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before,.-esm-devtools__date-range-picker-module__cds--popover--bottom-left___\\+n9mu>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before,.-esm-devtools__date-range-picker-module__cds--popover--bottom-start___9PClG>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before,.-esm-devtools__date-range-picker-module__cds--popover--bottom-right___etOe5>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before,.-esm-devtools__date-range-picker-module__cds--popover--bottom-end___osxhM>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before{block-size:var(--cds-popover-offset, 0rem);inset-block-start:0;inset-inline:0;transform:translateY(-100%)}.-esm-devtools__date-range-picker-module__cds--popover--bottom___VGmUf>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--bottom-left___\\+n9mu>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--bottom-start___9PClG>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--bottom-right___etOe5>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--bottom-end___osxhM>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{block-size:var(--cds-popover-caret-height, 0.375rem);clip-path:polygon(0% 100%, 50% 0%, 100% 100%);inline-size:var(--cds-popover-caret-width, 0.75rem);inset-block-end:0;inset-inline-start:50%;transform:translate(-50%, var(--cds-popover-offset, 0rem))}[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--bottom___VGmUf>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--bottom-left___\\+n9mu>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--bottom-start___9PClG>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--bottom-right___etOe5>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--bottom-end___osxhM>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{transform:translate(50%, var(--cds-popover-offset, 0rem))}.-esm-devtools__date-range-picker-module__cds--popover--bottom___VGmUf.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--bottom-left___\\+n9mu.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--bottom-start___9PClG.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--bottom-right___etOe5.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--bottom-end___osxhM.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{block-size:var(--cds-popover-caret-height, 0.375rem);clip-path:polygon(0% 100%, 50% 0%, 100% 100%);inline-size:var(--cds-popover-caret-width, 0.75rem)}.-esm-devtools__date-range-picker-module__cds--popover--top___r0aNQ:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--top___r0aNQ:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{transform:translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)))}.-esm-devtools__date-range-picker-module__cds--popover--top-left___aS0-t:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,.-esm-devtools__date-range-picker-module__cds--popover--top-start___uT2Jg:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-block-start:0;inset-inline-start:0;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--top-left___aS0-t:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--top-start___uT2Jg:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-inline-end:0;inset-inline-start:initial}.-esm-devtools__date-range-picker-module__cds--popover--top-right___uPhbs:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,.-esm-devtools__date-range-picker-module__cds--popover--top-end___XOO1M:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-block-start:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--top-right___uPhbs:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--top-end___XOO1M:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-inline-start:0}.-esm-devtools__date-range-picker-module__cds--popover--top___r0aNQ>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before,.-esm-devtools__date-range-picker-module__cds--popover--top-left___aS0-t>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before,.-esm-devtools__date-range-picker-module__cds--popover--top-start___uT2Jg>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before,.-esm-devtools__date-range-picker-module__cds--popover--top-right___uPhbs>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before,.-esm-devtools__date-range-picker-module__cds--popover--top-end___XOO1M>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before{block-size:var(--cds-popover-offset, 0rem);inset-block-end:0;inset-inline:0;transform:translateY(100%)}.-esm-devtools__date-range-picker-module__cds--popover--top___r0aNQ>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--top-left___aS0-t>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--top-start___uT2Jg>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--top-right___uPhbs>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--top-end___XOO1M>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{block-size:var(--cds-popover-caret-height, 0.375rem);clip-path:polygon(0% 0%, 50% 100%, 100% 0%);inline-size:var(--cds-popover-caret-width, 0.75rem);inset-block-start:0;inset-inline-start:50%;transform:translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)))}[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--top___r0aNQ:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--top-left___aS0-t:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--top-start___uT2Jg:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--top-right___uPhbs:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--top-end___XOO1M:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{transform:translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)))}.-esm-devtools__date-range-picker-module__cds--popover--top___r0aNQ.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--top-left___aS0-t.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--top-start___uT2Jg.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--top-right___uPhbs.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--top-end___XOO1M.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{block-size:var(--cds-popover-caret-height, 0.375rem);clip-path:polygon(0% 0%, 50% 100%, 100% 0%);inline-size:var(--cds-popover-caret-width, 0.75rem)}.-esm-devtools__date-range-picker-module__cds--popover--right___fUiFc:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset, 0rem), -50%)}.-esm-devtools__date-range-picker-module__cds--popover--right-top___9jJto:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,.-esm-devtools__date-range-picker-module__cds--popover--right-start___0Es-L:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px))}.-esm-devtools__date-range-picker-module__cds--popover--right-bottom___Y1R1O:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,.-esm-devtools__date-range-picker-module__cds--popover--right-end___zO\\+fy:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-block-end:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px))}[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--right___fUiFc:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--right-bottom___Y1R1O:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--right-end___zO\\+fy:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--right-top___9jJto:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--right-start___0Es-L:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-inline-end:100%;inset-inline-start:initial}.-esm-devtools__date-range-picker-module__cds--popover--right___fUiFc>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before,.-esm-devtools__date-range-picker-module__cds--popover--right-top___9jJto>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before,.-esm-devtools__date-range-picker-module__cds--popover--right-start___0Es-L>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before,.-esm-devtools__date-range-picker-module__cds--popover--right-bottom___Y1R1O>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before,.-esm-devtools__date-range-picker-module__cds--popover--right-end___zO\\+fy>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before{inline-size:var(--cds-popover-offset, 0rem);inset-block:0;inset-inline-start:0;transform:translateX(-100%)}.-esm-devtools__date-range-picker-module__cds--popover--right___fUiFc:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--right-top___9jJto:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--right-start___0Es-L:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--right-bottom___Y1R1O:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--right-end___zO\\+fy:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{block-size:var(--cds-popover-caret-width, 0.75rem);clip-path:polygon(0% 50%, 100% 0%, 100% 100%);inline-size:var(--cds-popover-caret-height, 0.375rem);inset-block-start:50%;inset-inline-start:100%;transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%)}[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--right___fUiFc:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--right-top___9jJto:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--right-start___0Es-L:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--right-bottom___Y1R1O:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--right-end___zO\\+fy:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{inset-inline-end:100%;inset-inline-start:initial}.-esm-devtools__date-range-picker-module__cds--popover--right___fUiFc.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--right-top___9jJto.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--right-start___0Es-L.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--right-bottom___Y1R1O.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--right-end___zO\\+fy.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{block-size:var(--cds-popover-caret-width, 0.75rem);clip-path:polygon(0% 50%, 100% 0%, 100% 100%);inline-size:var(--cds-popover-caret-height, 0.375rem)}.-esm-devtools__date-range-picker-module__cds--popover--left___Y2Ij6:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%)}.-esm-devtools__date-range-picker-module__cds--popover--left-top___bVbuV:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,.-esm-devtools__date-range-picker-module__cds--popover--left-start___jncPc:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px))}.-esm-devtools__date-range-picker-module__cds--popover--left-bottom___JICVA:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,.-esm-devtools__date-range-picker-module__cds--popover--left-end___zyr5w:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-block-end:50%;inset-inline-end:100%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px))}[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--left___Y2Ij6:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--left-bottom___JICVA:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--left-end___zyr5w:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--left-top___bVbuV:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--left-start___jncPc:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{inset-inline-end:initial;inset-inline-start:100%}.-esm-devtools__date-range-picker-module__cds--popover--left___Y2Ij6>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before,.-esm-devtools__date-range-picker-module__cds--popover--left-top___bVbuV>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before,.-esm-devtools__date-range-picker-module__cds--popover--left-start___jncPc>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before,.-esm-devtools__date-range-picker-module__cds--popover--left-bottom___JICVA>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before,.-esm-devtools__date-range-picker-module__cds--popover--left-end___zyr5w>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt::before{inline-size:var(--cds-popover-offset, 0rem);inset-block:0;inset-inline-end:0;transform:translateX(100%)}.-esm-devtools__date-range-picker-module__cds--popover--left___Y2Ij6:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--left-top___bVbuV:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--left-start___jncPc:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--left-bottom___JICVA:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--left-end___zyr5w:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{block-size:var(--cds-popover-caret-width, 0.75rem);clip-path:polygon(0% 0%, 100% 50%, 0% 100%);inline-size:var(--cds-popover-caret-height, 0.375rem);inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%)}[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--left___Y2Ij6:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--left-top___bVbuV:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--left-start___jncPc:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--left-bottom___JICVA:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,[dir=rtl] .-esm-devtools__date-range-picker-module__cds--popover--left-end___zyr5w:not(.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3)>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{inset-inline-end:initial;inset-inline-start:100%}.-esm-devtools__date-range-picker-module__cds--popover--left___Y2Ij6.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--left-top___bVbuV.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--left-start___jncPc.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--left-bottom___JICVA.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9,.-esm-devtools__date-range-picker-module__cds--popover--left-end___zyr5w.-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt>.-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9{block-size:var(--cds-popover-caret-width, 0.75rem);clip-path:polygon(0% 0%, 100% 50%, 0% 100%);inline-size:var(--cds-popover-caret-height, 0.375rem)}.-esm-devtools__date-range-picker-module__cds--popover--tab-tip___egmgw>.-esm-devtools__date-range-picker-module__cds--popover___PvT6w>.-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt{border-radius:0}.-esm-devtools__date-range-picker-module__cds--popover--tab-tip___egmgw .-esm-devtools__date-range-picker-module__cds--popover___PvT6w{will-change:filter}.-esm-devtools__date-range-picker-module__cds--popover--tab-tip__button___jtgC6{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;position:relative;display:inline-flex;align-items:center;justify-content:center;block-size:2rem;inline-size:2rem}.-esm-devtools__date-range-picker-module__cds--popover--tab-tip__button___jtgC6 *,.-esm-devtools__date-range-picker-module__cds--popover--tab-tip__button___jtgC6 *::before,.-esm-devtools__date-range-picker-module__cds--popover--tab-tip__button___jtgC6 *::after{box-sizing:inherit}.-esm-devtools__date-range-picker-module__cds--popover--tab-tip__button___jtgC6::-moz-focus-inner{border:0}.-esm-devtools__date-range-picker-module__cds--popover--tab-tip__button___jtgC6:focus{outline:2px solid var(--cds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.-esm-devtools__date-range-picker-module__cds--popover--tab-tip__button___jtgC6:focus{outline-style:dotted}}.-esm-devtools__date-range-picker-module__cds--popover--tab-tip__button___jtgC6:hover{background-color:var(--cds-layer-hover)}.-esm-devtools__date-range-picker-module__cds--popover--tab-tip___egmgw.-esm-devtools__date-range-picker-module__cds--popover--open___uDM8G .-esm-devtools__date-range-picker-module__cds--popover--tab-tip__button___jtgC6{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.-esm-devtools__date-range-picker-module__cds--popover--tab-tip___egmgw.-esm-devtools__date-range-picker-module__cds--popover--open___uDM8G .-esm-devtools__date-range-picker-module__cds--popover--tab-tip__button___jtgC6:not(:focus)::after{position:absolute;z-index:6001;background:var(--cds-layer);block-size:2px;content:"";inline-size:100%;inset-block-end:0}.-esm-devtools__date-range-picker-module__cds--popover--tab-tip__button___jtgC6 svg{fill:var(--cds-icon-primary, #161616)}.-esm-devtools__date-range-picker-module__cds--tooltip___xWsLX{--cds-popover-offset:12px}.-esm-devtools__date-range-picker-module__cds--tooltip-content___agMtg{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);padding:var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);max-inline-size:18rem;overflow-wrap:break-word}.-esm-devtools__date-range-picker-module__cds--icon-tooltip___YO3-D{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.-esm-devtools__date-range-picker-module__cds--icon-tooltip___YO3-D .-esm-devtools__date-range-picker-module__cds--tooltip-content___agMtg{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-devtools__date-range-picker-module__cds--definition-term___xbRWu{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;border-radius:0;border-block-end:1px dotted var(--cds-border-strong);color:var(--cds-text-primary, #161616)}.-esm-devtools__date-range-picker-module__cds--definition-term___xbRWu *,.-esm-devtools__date-range-picker-module__cds--definition-term___xbRWu *::before,.-esm-devtools__date-range-picker-module__cds--definition-term___xbRWu *::after{box-sizing:inherit}.-esm-devtools__date-range-picker-module__cds--definition-term___xbRWu::-moz-focus-inner{border:0}.-esm-devtools__date-range-picker-module__cds--definition-term___xbRWu:focus{outline:1px solid var(--cds-focus, #0f62fe);border-block-end-color:var(--cds-border-interactive, #0f62fe)}@media screen and (prefers-contrast){.-esm-devtools__date-range-picker-module__cds--definition-term___xbRWu:focus{outline-style:dotted}}.-esm-devtools__date-range-picker-module__cds--definition-term___xbRWu:hover{border-block-end-color:var(--cds-border-interactive, #0f62fe)}.-esm-devtools__date-range-picker-module__cds--definition-tooltip___tURmU{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);padding:.5rem 1rem;max-inline-size:11rem;text-wrap:auto;word-break:break-word}.-esm-devtools__date-range-picker-module__cds--btn___hj67X{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-2xl)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));--temp-1lh: ( var(--cds-body-compact-01-line-height, 1.28572) * 1em );--temp-expressive-1lh: ( var(--cds-body-compact-02-line-height, 1.375) * 1em );--temp-padding-block-max: calc( (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 - 0.0625rem );box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);position:relative;display:inline-flex;flex-shrink:0;justify-content:space-between;border-radius:0;margin:0;cursor:pointer;inline-size:max-content;max-inline-size:20rem;min-block-size:var(--cds-layout-size-height-local);outline:none;padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh))/2 - .0625rem,var(--temp-padding-block-max));padding-inline:calc(var(--cds-layout-density-padding-inline-local) - .0625rem) calc(var(--cds-layout-density-padding-inline-local)*3 + 1rem - .0625rem);text-align:start;text-decoration:none;transition:background 70ms cubic-bezier(0, 0, 0.38, 0.9),box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9),border-color 70ms cubic-bezier(0, 0, 0.38, 0.9),outline 70ms cubic-bezier(0, 0, 0.38, 0.9);vertical-align:top}.-esm-devtools__date-range-picker-module__cds--btn___hj67X *,.-esm-devtools__date-range-picker-module__cds--btn___hj67X *::before,.-esm-devtools__date-range-picker-module__cds--btn___hj67X *::after{box-sizing:inherit}.-esm-devtools__date-range-picker-module__cds--btn___hj67X:disabled,.-esm-devtools__date-range-picker-module__cds--btn___hj67X:hover:disabled,.-esm-devtools__date-range-picker-module__cds--btn___hj67X:focus:disabled,.-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O,.-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O:hover,.-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O:focus{border-color:var(--cds-button-disabled, #c6c6c6);background:var(--cds-button-disabled, #c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled, #8d8d8d);cursor:not-allowed}.-esm-devtools__date-range-picker-module__cds--btn___hj67X .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0{position:absolute;flex-shrink:0;block-size:1rem;inline-size:1rem;inset-block-start:min((var(--cds-layout-size-height-local) - 1rem)/2 - .0625rem,var(--temp-padding-block-max));inset-inline-end:var(--cds-layout-density-padding-inline-local);margin-block-start:.0625rem}.-esm-devtools__date-range-picker-module__cds--btn___hj67X::-moz-focus-inner{padding:0;border:0}.-esm-devtools__date-range-picker-module__cds--btn--primary___dSKqa{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-primary, #0f62fe);color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--primary___dSKqa:hover{background-color:var(--cds-button-primary-hover, #0050e6)}.-esm-devtools__date-range-picker-module__cds--btn--primary___dSKqa:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--primary___dSKqa:active{background-color:var(--cds-button-primary-active, #002d9c)}.-esm-devtools__date-range-picker-module__cds--btn--primary___dSKqa .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0,.-esm-devtools__date-range-picker-module__cds--btn--primary___dSKqa .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0 path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-devtools__date-range-picker-module__cds--btn--primary___dSKqa:hover{color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--secondary___Ab6AT{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-secondary, #393939);color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--secondary___Ab6AT:hover{background-color:var(--cds-button-secondary-hover, #474747)}.-esm-devtools__date-range-picker-module__cds--btn--secondary___Ab6AT:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--secondary___Ab6AT:active{background-color:var(--cds-button-secondary-active, #6f6f6f)}.-esm-devtools__date-range-picker-module__cds--btn--secondary___Ab6AT .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0,.-esm-devtools__date-range-picker-module__cds--btn--secondary___Ab6AT .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0 path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-devtools__date-range-picker-module__cds--btn--secondary___Ab6AT:hover,.-esm-devtools__date-range-picker-module__cds--btn--secondary___Ab6AT:focus{color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--tertiary___WH4Lw{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary, #0f62fe);background-color:rgba(0,0,0,0);color:var(--cds-button-tertiary, #0f62fe)}.-esm-devtools__date-range-picker-module__cds--btn--tertiary___WH4Lw:hover{background-color:var(--cds-button-tertiary-hover, #0050e6)}.-esm-devtools__date-range-picker-module__cds--btn--tertiary___WH4Lw:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--tertiary___WH4Lw:active{background-color:var(--cds-button-tertiary-active, #002d9c)}.-esm-devtools__date-range-picker-module__cds--btn--tertiary___WH4Lw .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0,.-esm-devtools__date-range-picker-module__cds--btn--tertiary___WH4Lw .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0 path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-devtools__date-range-picker-module__cds--btn--tertiary___WH4Lw:hover{color:var(--cds-text-inverse, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--tertiary___WH4Lw:focus{background-color:var(--cds-button-tertiary, #0f62fe);color:var(--cds-text-inverse, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--tertiary___WH4Lw:active{border-color:rgba(0,0,0,0);background-color:var(--cds-button-tertiary-active, #002d9c);color:var(--cds-text-inverse, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--tertiary___WH4Lw:disabled,.-esm-devtools__date-range-picker-module__cds--btn--tertiary___WH4Lw:hover:disabled,.-esm-devtools__date-range-picker-module__cds--btn--tertiary___WH4Lw:focus:disabled,.-esm-devtools__date-range-picker-module__cds--btn--tertiary___WH4Lw.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O,.-esm-devtools__date-range-picker-module__cds--btn--tertiary___WH4Lw.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O:hover,.-esm-devtools__date-range-picker-module__cds--btn--tertiary___WH4Lw.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O:focus{background:rgba(0,0,0,0);color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));outline:none}.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--cds-link-primary, #0f62fe);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG:hover{background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12))}.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG:active{background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5))}.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0,.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0 path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0{position:static;align-self:center;margin-inline-start:.5rem}.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG:hover,.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG:active{color:var(--cds-link-primary-hover, #0043ce)}.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG:active{background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5))}.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG:disabled,.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG:hover:disabled,.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG:focus:disabled,.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O,.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O:hover,.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O:focus{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));outline:none}.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG:not([disabled]) svg{fill:var(--cds-icon-primary, #161616)}.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p{align-items:center;justify-content:center;padding:0;block-size:var(--cds-layout-size-height-local);inline-size:var(--cds-layout-size-height-local);padding-block-start:0}.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p>:first-child{min-inline-size:1rem}.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0{position:static}.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0,.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p.-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0{margin:0}.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p.-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO{padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 1rem)}.-esm-devtools__date-range-picker-module__cds--btn--xs___sTStP:not(.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p){padding-block-start:1.5px}.-esm-devtools__date-range-picker-module__cds--btn--xs___sTStP:not(.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p) .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0,.-esm-devtools__date-range-picker-module__cds--btn--sm___dEdMJ:not(.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p) .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0,.-esm-devtools__date-range-picker-module__cds--btn--md___SzZ\\+\\+:not(.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p) .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0{margin-block-start:0}.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p.-esm-devtools__date-range-picker-module__cds--btn--selected___vKZtK{background:var(--cds-background-selected, rgba(141, 141, 141, 0.2))}.-esm-devtools__date-range-picker-module__cds--btn___hj67X path[data-icon-path=inner-path]{fill:none}.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0 path:not([data-icon-path]):not([fill=none]),.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0{fill:var(--cds-icon-primary, #161616)}.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p[disabled] .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0 path:not([data-icon-path]):not([fill=none]),.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p[disabled] .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0,.-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG[disabled]:hover .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0{fill:var(--cds-icon-on-color-disabled, #8d8d8d)}.-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p[disabled]{cursor:not-allowed}.-esm-devtools__date-range-picker-module__cds--icon-tooltip--disabled___6lzyU .-esm-devtools__date-range-picker-module__cds--tooltip-trigger__wrapper___lXx5j{cursor:not-allowed}.-esm-devtools__date-range-picker-module__cds--icon-tooltip--disabled___6lzyU .-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p[disabled]{pointer-events:none}.-esm-devtools__date-range-picker-module__cds--btn--danger___uKqar{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-danger-primary, #da1e28);color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--danger___uKqar:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-devtools__date-range-picker-module__cds--btn--danger___uKqar:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--danger___uKqar:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-devtools__date-range-picker-module__cds--btn--danger___uKqar .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0,.-esm-devtools__date-range-picker-module__cds--btn--danger___uKqar .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0 path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-devtools__date-range-picker-module__cds--btn--danger___uKqar:hover{color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--danger--tertiary___ibS1g{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary, #da1e28);background-color:rgba(0,0,0,0);color:var(--cds-button-danger-secondary, #da1e28)}.-esm-devtools__date-range-picker-module__cds--btn--danger--tertiary___ibS1g:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-devtools__date-range-picker-module__cds--btn--danger--tertiary___ibS1g:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--danger--tertiary___ibS1g:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-devtools__date-range-picker-module__cds--btn--danger--tertiary___ibS1g .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0,.-esm-devtools__date-range-picker-module__cds--btn--danger--tertiary___ibS1g .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0 path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-devtools__date-range-picker-module__cds--btn--danger--tertiary___ibS1g:hover{border-color:var(--cds-button-danger-hover, #b81921);color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--danger--tertiary___ibS1g:focus{background-color:var(--cds-button-danger-primary, #da1e28);color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--danger--tertiary___ibS1g:active{border-color:var(--cds-button-danger-active, #750e13);background-color:var(--cds-button-danger-active, #750e13);color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--danger--tertiary___ibS1g:disabled,.-esm-devtools__date-range-picker-module__cds--btn--danger--tertiary___ibS1g:hover:disabled,.-esm-devtools__date-range-picker-module__cds--btn--danger--tertiary___ibS1g:focus:disabled,.-esm-devtools__date-range-picker-module__cds--btn--danger--tertiary___ibS1g.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O,.-esm-devtools__date-range-picker-module__cds--btn--danger--tertiary___ibS1g.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O:hover,.-esm-devtools__date-range-picker-module__cds--btn--danger--tertiary___ibS1g.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O:focus{background:rgba(0,0,0,0);color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));outline:none}.-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--cds-button-danger-secondary, #da1e28);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0,.-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0 path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0{position:static;margin-inline-start:.5rem}.-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO:hover,.-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO:active{color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO:disabled,.-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO:hover:disabled,.-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO:focus:disabled,.-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O,.-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O:hover,.-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O:focus{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));outline:none}.-esm-devtools__date-range-picker-module__cds--btn--expressive___LkIr2{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh))/2 - .0625rem,var(--temp-padding-block-max))}.-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p.-esm-devtools__date-range-picker-module__cds--btn--expressive___LkIr2{padding:12px 13px}.-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--btn--expressive___LkIr2 .-esm-devtools__date-range-picker-module__cds--btn__icon___\\+ZWg0{block-size:1.25rem;inline-size:1.25rem}.-esm-devtools__date-range-picker-module__cds--btn-set___tLBpR .-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--btn--expressive___LkIr2{max-inline-size:20rem}.-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--skeleton___WWsVG{position:relative;padding:0;border:none;background:var(--cds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;inline-size:9.375rem}.-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--skeleton___WWsVG:hover,.-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--skeleton___WWsVG:focus,.-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--skeleton___WWsVG:active{border:none;cursor:default;outline:none}.-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--skeleton___WWsVG::before{position:absolute;animation:3000ms ease-in-out -esm-devtools__date-range-picker-module__cds--skeleton___WWsVG infinite;background:var(--cds-skeleton-element, #c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media(prefers-reduced-motion: reduce){.-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--skeleton___WWsVG::before{animation:none}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--skeleton___WWsVG{background:CanvasText}.-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--skeleton___WWsVG::before{background:Canvas;forced-color-adjust:none}}.-esm-devtools__date-range-picker-module__cds--btn-set___tLBpR{display:flex}.-esm-devtools__date-range-picker-module__cds--btn-set--stacked___OLZgS{flex-direction:column}.-esm-devtools__date-range-picker-module__cds--btn-set___tLBpR .-esm-devtools__date-range-picker-module__cds--btn___hj67X{inline-size:100%;max-inline-size:12.25rem}.-esm-devtools__date-range-picker-module__cds--btn-set___tLBpR .-esm-devtools__date-range-picker-module__cds--btn___hj67X:not(:focus){box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0)}.-esm-devtools__date-range-picker-module__cds--btn-set___tLBpR .-esm-devtools__date-range-picker-module__cds--btn___hj67X:first-of-type:not(:focus){box-shadow:inherit}.-esm-devtools__date-range-picker-module__cds--btn-set___tLBpR .-esm-devtools__date-range-picker-module__cds--btn___hj67X:focus+.-esm-devtools__date-range-picker-module__cds--btn___hj67X{box-shadow:inherit}.-esm-devtools__date-range-picker-module__cds--btn-set--stacked___OLZgS .-esm-devtools__date-range-picker-module__cds--btn___hj67X:not(:focus){box-shadow:0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0)}.-esm-devtools__date-range-picker-module__cds--btn-set--stacked___OLZgS .-esm-devtools__date-range-picker-module__cds--btn___hj67X:first-of-type:not(:focus){box-shadow:inherit}.-esm-devtools__date-range-picker-module__cds--btn-set___tLBpR .-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O{box-shadow:-0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d)}.-esm-devtools__date-range-picker-module__cds--btn-set___tLBpR .-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O:first-of-type{box-shadow:none}.-esm-devtools__date-range-picker-module__cds--btn-set--stacked___OLZgS .-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O{box-shadow:0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d)}.-esm-devtools__date-range-picker-module__cds--btn-set--stacked___OLZgS .-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O:first-of-type{box-shadow:none}.-esm-devtools__date-range-picker-module__cds--btn-set___tLBpR .-esm-devtools__date-range-picker-module__cds--btn___hj67X.-esm-devtools__date-range-picker-module__cds--btn--loading___--Il2{border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);box-shadow:none}.-esm-devtools__date-range-picker-module__cds--btn--sm___dEdMJ .-esm-devtools__date-range-picker-module__cds--badge-indicator___ddm2G{margin-block-start:.25rem;margin-inline-end:.25rem}@media screen and (-ms-high-contrast: active),(forced-colors: active){.-esm-devtools__date-range-picker-module__cds--btn___hj67X:focus{color:Highlight;outline:1px solid Highlight}}[dir=rtl] .-esm-devtools__date-range-picker-module__cds--btn-set___tLBpR .-esm-devtools__date-range-picker-module__cds--btn___hj67X:not(:focus){box-shadow:.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0)}:root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__date-range-picker-module__calendarGrid___nXwqo{width:17rem}.-esm-devtools__date-range-picker-module__calendarGrid___nXwqo tr,.-esm-devtools__date-range-picker-module__calendarGrid___nXwqo tr>th,.-esm-devtools__date-range-picker-module__calendarGrid___nXwqo tr>td{height:2.428rem;width:2.428rem}.-esm-devtools__date-range-picker-module__calendarGrid___nXwqo>thead>tr>th{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);cursor:default;text-align:center;vertical-align:middle}.-esm-devtools__date-range-picker-module__calendarGrid___nXwqo>tbody>tr>td{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);cursor:pointer;text-align:center;vertical-align:middle}.-esm-devtools__date-range-picker-module__calendarGrid___nXwqo>tbody>tr>td>div{outline:unset}.-esm-devtools__date-range-picker-module__calendarGrid___nXwqo>tbody>tr>td:hover:not(:has([aria-disabled],[data-selected])){background-color:var(--cds-layer-hover)}.-esm-devtools__date-range-picker-module__calendarGrid___nXwqo>tbody>tr>td:has([data-selected]){background-color:#0f62fe;color:#fff}.-esm-devtools__date-range-picker-module__calendarGrid___nXwqo>tbody>tr>td[aria-disabled]{color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));cursor:default}.-esm-devtools__date-range-picker-module__dialog___M\\+k0g{box-shadow:0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));background-color:var(--cds-layer-01, #f4f4f4);overflow:hidden;padding:.25rem .25rem .5rem .25rem}.-esm-devtools__date-range-picker-module__flatButton___XAie9{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.-esm-devtools__date-range-picker-module__flatButton___XAie9 *,.-esm-devtools__date-range-picker-module__flatButton___XAie9 *::before,.-esm-devtools__date-range-picker-module__flatButton___XAie9 *::after{box-sizing:inherit}.-esm-devtools__date-range-picker-module__flatButton___XAie9{background-color:inherit;display:inline-flex}.-esm-devtools__date-range-picker-module__flatButton___XAie9:hover:not(:disabled){background-color:var(--cds-layer-hover)}.-esm-devtools__date-range-picker-module__flatButton___XAie9:disabled>svg{fill:var(--cds-text-disabled, rgba(22, 22, 22, 0.25))}.-esm-devtools__date-range-picker-module__flatButton___XAie9>svg{display:block;margin:auto;text-align:center}[data-invalid]>.-esm-devtools__date-range-picker-module__flatButton___XAie9>svg{--omrs-icon-fill: var(--cds-support-error, #da1e28)}.-esm-devtools__date-range-picker-module__flatButtonMd___w58Df{height:2.5rem;width:2.5rem}.-esm-devtools__date-range-picker-module__header___jY7pF{margin-top:.5rem;margin-bottom:.5rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.-esm-devtools__date-range-picker-module__inputGroup___Se5Lv{align-items:center;background-color:var(--cds-field);border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary);display:flex;position:relative}.-esm-devtools__date-range-picker-module__inputGroup___Se5Lv:focus-within,.-esm-devtools__date-range-picker-module__inputGroup___Se5Lv.-esm-devtools__date-range-picker-module__cds--focused___L\\+x\\+U{outline:2px solid var(--cds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.-esm-devtools__date-range-picker-module__inputGroup___Se5Lv:focus-within,.-esm-devtools__date-range-picker-module__inputGroup___Se5Lv.-esm-devtools__date-range-picker-module__cds--focused___L\\+x\\+U{outline-style:dotted}}.-esm-devtools__date-range-picker-module__inputGroup___Se5Lv[data-invalid]{outline:2px solid var(--cds-support-error, #da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.-esm-devtools__date-range-picker-module__inputGroup___Se5Lv[data-invalid]{outline-style:dotted}}.-esm-devtools__date-range-picker-module__inputGroup___Se5Lv[data-invalid]{color:var(--cds-support-error, #da1e28)}.-esm-devtools__date-range-picker-module__inputGroup___Se5Lv[data-disabled]{border-block-end:1px solid rgba(0,0,0,0);color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));cursor:not-allowed}.-esm-devtools__date-range-picker-module__inputWrapper___fw1cG,.-esm-devtools__date-range-picker-module__dateInputWrapper___u3N1B{inline-size:15rem;margin-left:1rem;min-width:10rem;max-width:15rem}.-esm-devtools__date-range-picker-module__inputWrapper___fw1cG .-esm-devtools__date-range-picker-module__inputSegment___m-MyA,.-esm-devtools__date-range-picker-module__dateInputWrapper___u3N1B .-esm-devtools__date-range-picker-module__inputSegment___m-MyA{caret-color:var(--cds-text-primary)}.-esm-devtools__date-range-picker-module__inputWrapper___fw1cG .-esm-devtools__date-range-picker-module__inputSegment___m-MyA:focus,.-esm-devtools__date-range-picker-module__dateInputWrapper___u3N1B .-esm-devtools__date-range-picker-module__inputSegment___m-MyA:focus{outline:unset;background-color:var(--cds-layer-selected-hover)}.-esm-devtools__date-range-picker-module__inputWrapper___fw1cG .-esm-devtools__date-range-picker-module__inputSegment___m-MyA[data-placeholder],.-esm-devtools__date-range-picker-module__dateInputWrapper___u3N1B .-esm-devtools__date-range-picker-module__inputSegment___m-MyA[data-placeholder]{color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25))}.-esm-devtools__date-range-picker-module__inputWrapper___fw1cG .-esm-devtools__date-range-picker-module__inputSegment___m-MyA[data-focused=true],.-esm-devtools__date-range-picker-module__dateInputWrapper___u3N1B .-esm-devtools__date-range-picker-module__inputSegment___m-MyA[data-focused=true]{animation:-esm-devtools__date-range-picker-module__cursor-blink___WnfXI 1s step-end infinite}.-esm-devtools__date-range-picker-module__inputWrapper___fw1cG [data-readonly]:has(+[data-placeholder]),.-esm-devtools__date-range-picker-module__dateInputWrapper___u3N1B [data-readonly]:has(+[data-placeholder]){color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25))}.-esm-devtools__date-range-picker-module__inputWrapper___fw1cG [data-placeholder]+[data-readonly],.-esm-devtools__date-range-picker-module__dateInputWrapper___u3N1B [data-placeholder]+[data-readonly]{color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25))}@keyframes -esm-devtools__date-range-picker-module__cursor-blink___WnfXI{from,to{border-right:1px solid rgba(0,0,0,0)}50%{border-right:1px solid currentColor}}.-esm-devtools__date-range-picker-module__inputWrapperMd___6VAhu{block-size:2.5rem}.-esm-devtools__date-range-picker-module__monthYear___O5p1d{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-devtools__date-range-picker-module__monthYear___O5p1d *,.-esm-devtools__date-range-picker-module__monthYear___O5p1d *::before,.-esm-devtools__date-range-picker-module__monthYear___O5p1d *::after{box-sizing:inherit}.-esm-devtools__date-range-picker-module__monthYear___O5p1d{margin-top:.5rem;margin-block-end:.125rem;text-align:center}.-esm-devtools__date-range-picker-module__monthYear___O5p1d>span{margin-left:.25rem;margin-right:.25rem}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric]){display:inline}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric])>input[inputmode=numeric]{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric])>input[inputmode=numeric] *,.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric])>input[inputmode=numeric] *::before,.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric])>input[inputmode=numeric] *::after{box-sizing:inherit}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric])>input[inputmode=numeric]{background-color:var(--cds-field);inline-size:2.5rem;padding:.25rem;padding-right:0}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric])>input[inputmode=numeric]::-webkit-outer-spin-button,.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric])>input[inputmode=numeric]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric])>input[inputmode=numeric]:focus{outline:1px solid var(--cds-focus, #0f62fe)}@media screen and (prefers-contrast){.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric])>input[inputmode=numeric]:focus{outline-style:dotted}}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric])>input[inputmode=numeric][data-invalid]{outline:2px solid var(--cds-support-error, #da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric])>input[inputmode=numeric][data-invalid]{outline-style:dotted}}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric])>input[inputmode=numeric][data-disabled],.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric])>input[inputmode=numeric][data-disabled]:hover{background-color:var(--cds-layer-01, #f4f4f4);color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));pointer-events:none}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric])>input[inputmode=numeric][data-disabled]+div>button::after{border-block-end-color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));border-block-start-color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25))}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric])>input[inputmode=numeric][data-disabled]+div>button:hover{opacity:0}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric]) div[role=group]{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric]) div[role=group] *,.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric]) div[role=group] *::before,.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric]) div[role=group] *::after{box-sizing:inherit}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric]) div[role=group]{display:inline;position:relative}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric]):hover button{opacity:1}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric]) button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric]) button *,.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric]) button *::before,.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric]) button *::after{box-sizing:inherit}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric]) button{position:absolute;padding:0 .25rem 0 .125rem;border:none;block-size:50%;cursor:pointer;inline-size:.75rem;inset-inline-start:2.5rem;line-height:50%;opacity:0}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric]) button::after{display:block;border-inline-end:.25rem solid rgba(0,0,0,0);border-inline-start:.25rem solid rgba(0,0,0,0);content:"";inset-block-start:33%}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric]) button:hover::after{border-block-end-color:var(--cds-button-primary, #0f62fe);border-block-start-color:var(--cds-button-primary, #0f62fe)}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric]) button:active::after{border-block-end-color:var(--cds-border-interactive, #0f62fe);border-block-start-color:var(--cds-border-interactive, #0f62fe)}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric]) button[slot=increment]{top:0;left:0}.-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric]) button[slot=decrement]{top:.75rem;left:0}@keyframes -esm-devtools__date-range-picker-module__fade-in-down___zKL6q{from{opacity:0;transform:translate3d(0, -20px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}.-esm-devtools__date-range-picker-module__popover___cmAEf[data-entering]{animation:-esm-devtools__date-range-picker-module__fade-in-down___zKL6q 110ms cubic-bezier(0, 0, 0.38, 0.9)}@media screen and (prefers-reduced-motion: reduce){.-esm-devtools__date-range-picker-module__popover___cmAEf[data-entering]{animation:none}}[dir="rtl"] .-esm-devtools__date-range-picker-module__inputWrapper___fw1cG,[dir="rtl"] .-esm-devtools__date-range-picker-module__dateInputWrapper___u3N1B{padding-left:unset;padding-right:.75rem}[dir="rtl"] .-esm-devtools__date-range-picker-module__monthYear___O5p1d div:has(input[inputmode=numeric])>input[inputmode=numeric]{padding-right:.25rem}[dir="rtl"] .-esm-devtools__date-range-picker-module__monthYear___O5p1d button[slot=increment]{top:0;left:unset;right:0}[dir="rtl"] .-esm-devtools__date-range-picker-module__monthYear___O5p1d button[slot=decrement]{top:.75rem;left:unset;right:0}.-esm-devtools__date-range-picker-module__invalidText___TrZUn{color:var(--cds-text-error, #da1e28) !important;font-size:.75rem;font-weight:400 !important;margin:.25rem 0 0;overflow:hidden}.-esm-devtools__date-range-picker-module__today___tJioH:not([data-selected]){position:relative;color:#0f62fe;font-weight:600;font-size:var(--cds-body-compact-01-font-size, 0.875rem);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);display:flex;align-items:center;justify-content:center;block-size:2.5rem;cursor:pointer;inline-size:2.5rem}.-esm-devtools__date-range-picker-module__today___tJioH:not([data-selected])::after{position:absolute;display:block;block-size:.25rem;content:"";inline-size:.25rem;inset-block-end:.4375rem;inset-inline-start:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.-esm-devtools__date-range-picker-module__today___tJioH:not([data-selected])[data-disabled]::after{background-color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25))}.-esm-devtools__date-range-picker-module__today___tJioH:not([data-selected]):not([data-disabled])::after{background-color:var(--cds-link-primary, var(--cds-link-primary, #0f62fe))}.-esm-devtools__date-range-picker-module__inputsWrapper___Kwi2U{display:flex;min-width:10rem;max-width:15rem;margin-left:1rem;inline-size:15rem}.-esm-devtools__date-range-picker-module__dateInputWrapper___u3N1B{min-width:unset;margin:0px}.-esm-devtools__date-range-picker-module__startInput___JATu5{flex-basis:fit-content}.-esm-devtools__date-range-picker-module__endInput___LOS10{padding-right:unset}.-esm-devtools__date-range-picker-module__separator___55iHE{margin-inline:.5rem}.-esm-devtools__date-range-picker-module__inputGroup___Se5Lv:has([data-placeholder])>.-esm-devtools__date-range-picker-module__inputsWrapper___Kwi2U>.-esm-devtools__date-range-picker-module__separator___55iHE>span{color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25))}[dir="rtl"] .-esm-devtools__date-range-picker-module__endInput___LOS10{padding-right:0}',"",{version:3,sources:["webpack://./../../../node_modules/@carbon/styles/scss/_layout.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./../../../node_modules/@carbon/styles/scss/_layer.scss","webpack://./../../../node_modules/@carbon/styles/scss/theme/_theme.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_keyframes.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_visually-hidden.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/popover/_popover.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_component-reset.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_layout.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_button-reset.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_focus-outline.scss","webpack://./../../../node_modules/@carbon/themes/scss/generated/_tokens.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/tooltip/_tooltip.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_button.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_mixins.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_vars.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_tokens.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_skeleton.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_high-contrast-mode.scss","webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/datepicker/datepicker.module.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_box-shadow.scss","webpack://./../../framework/esm-styleguide/src/datepicker/date-range/date-range-picker.module.scss"],names:[],mappings:"AA+DM,uECTJ,yEAAA,CAAA,8DAAA,CDuBI,2FCvBJ,wGAAA,CDqCM,yFCrCN,qEAAA,CDqCM,uFCrCN,qEAAA,CDSI,uECTJ,uEAAA,CAAA,8DAAA,CDuBI,2FCvBJ,sGAAA,CDqCM,uFCrCN,mEAAA,CDqCM,uFCrCN,mEAAA,CDSI,uECTJ,yEAAA,CAAA,8DAAA,CDuBI,2FCvBJ,wGAAA,CDqCM,uFCrCN,qEAAA,CDqCM,uFCrCN,qEAAA,CDSI,uECTJ,uEAAA,CAAA,8DAAA,CDuBI,2FCvBJ,sGAAA,CDqCM,uFCrCN,mEAAA,CDqCM,wFCrCN,mEAAA,CDSI,uECTJ,uEAAA,CAAA,8DAAA,CDuBI,2FCvBJ,sGAAA,CDqCM,uFCrCN,mEAAA,CDqCM,uFCrCN,mEAAA,CDSI,wECTJ,wEAAA,CAAA,8DAAA,CDuBI,4FCvBJ,uGAAA,CDqCM,wFCrCN,oEAAA,CDqCM,wFCrCN,oEAAA,CDSI,iFCTJ,sGAAA,CAAA,oFAAA,CDuBI,qGCvBJ,gJAAA,CDqCM,iGCrCN,kGAAA,CDqCM,iGCrCN,kGAAA,CDSI,8ECTJ,iGAAA,CAAA,oFAAA,CDuBI,kGCvBJ,2IAAA,CDqCM,8FCrCN,6FAAA,CDqCM,8FCrCN,6FAAA,CDmDF,MCnDE,kCAAA,CAAA,gCAAA,CAAA,kCAAA,CAAA,gCAAA,CAAA,gCAAA,CAAA,iCAAA,CAAA,gCAAA,CAAA,wCAAA,CAAA,oDAAA,CAAA,+CAAA,CAAA,2CAAA,CAAA,mDAAA,CC1CF,MD0CE,wCAAA,CAAA,sDAAA,CAAA,8DAAA,CAAA,oDAAA,CAAA,0DAAA,CAAA,sEAAA,CAAA,sDAAA,CAAA,kEAAA,CAAA,oEAAA,CAAA,wCAAA,CAAA,oDAAA,CAAA,wDAAA,CAAA,0EAAA,CAAA,wDAAA,CAAA,oDAAA,CCtCF,iEDsCE,wCAAA,CAAA,sDAAA,CAAA,8DAAA,CAAA,oDAAA,CAAA,0DAAA,CAAA,sEAAA,CAAA,sDAAA,CAAA,kEAAA,CAAA,oEAAA,CAAA,wCAAA,CAAA,oDAAA,CAAA,wDAAA,CAAA,0EAAA,CAAA,wDAAA,CAAA,oDAAA,CClCF,iEDkCE,wCAAA,CAAA,sDAAA,CAAA,8DAAA,CAAA,oDAAA,CAAA,0DAAA,CAAA,sEAAA,CAAA,sDAAA,CAAA,kEAAA,CAAA,oEAAA,CAAA,wCAAA,CAAA,oDAAA,CAAA,wDAAA,CAAA,0EAAA,CAAA,wDAAA,CAAA,oDAAA,CC9BF,mED8BE,wCAAA,CAAA,sDAAA,CAAA,8DAAA,CAAA,oDAAA,CAAA,0DAAA,CAAA,sEAAA,CAAA,sDAAA,CAAA,kEAAA,CAAA,oEAAA,CAAA,wCAAA,CAAA,oDAAA,CAAA,wDAAA,CAAA,0EAAA,CAAA,wDAAA,CAAA,oDAAA,CCzBA,8IACE,4CCHe,CDEjB,8IACE,4CCHe,CDEjB,gJACE,4CCHe,CCTnB,+EACE,GAVA,SAAA,CACA,kBAAA,CAaA,KATA,SAAA,CACA,iBAAA,CAAA,CAaF,+EACE,GAfA,SAAA,CACA,iBAAA,CAkBA,KAxBA,SAAA,CACA,kBAAA,CAAA,CA4BF,0EACE,GACE,UAAA,CACA,mBAAA,CACA,qBAAA,CAGF,IACE,SAAA,CACA,mBAAA,CACA,qBAAA,CAGF,IACE,mBAAA,CACA,sBAAA,CAGF,IACE,mBAAA,CACA,sBAAA,CAGF,IACE,mBAAA,CACA,sBAAA,CAGF,IACE,mBAAA,CACA,sBAAA,CAGF,IACE,mBAAA,CACA,qBAAA,CAGF,IACE,mBAAA,CACA,qBAAA,CAGF,KACE,UAAA,CACA,mBAAA,CACA,qBAAA,CAAA,CC3DJ,6IAEE,iBAAA,CACA,eAAA,CACA,SAAA,CACA,QAAA,CACA,WAAA,CACA,cAAA,CACA,qBAAA,CACA,eAAA,CACA,kBAAA,CACA,kBAAA,CC2CA,yEACE,oBAAA,CAMF,yJACE,iBAAA,CAMF,8ILvCA,qEAAA,CAAA,yDAAA,CKmDA,kNAGE,gDAAA,CAIF,sEL1DA,6BAAA,CKkEA,+DACE,iBAAA,CACA,YAAA,CACA,2CA1EkB,CA2ElB,OAAA,CACA,mBAAA,CAIF,uEL3EA,gCAAA,CAAA,kCAAA,CAAA,gCAAA,CM3CA,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CD+HE,iBAAA,CACA,YAAA,CACA,YAAA,CACA,mDA/FoB,CAgGpB,sEAzGuB,CA0GvB,qEA9FiB,CA+FjB,uBAAA,CACA,qBAAA,CACA,mBAAA,CE/EI,mSPnBN,yDAAA,COmBM,mSPnBN,yDAAA,COmBM,mSPnBN,yDAAA,CMnCA,0OAGE,kBAAA,CDqIF,2MAGE,aAAA,CAOF,+EACE,iBAAA,CACA,YAAA,CACA,UAAA,CAGF,mNAGE,aAAA,CAIF,oNAEE,iBAAA,CACA,YAAA,CACA,YAAA,CACA,sEA5IuB,CAgJvB,qBAAA,CAGF,8QAGE,aAAA,CAIF,+ZAIE,aAAA,CAGF,4MAGE,YAAA,CAQF,6RAGE,iBAAA,CACA,sBAAA,CACA,uEAAA,CAGF,uSAIE,sEAAA,CAGF,skBAME,iBAAA,CACA,oBAAA,CACA,6GAAA,CAMF,0lBAQE,kBAAA,CACA,0BAAA,CAGF,okBAME,iBAAA,CACA,kBAAA,CACA,kGAAA,CAGF,2jBAME,iBAAA,CACA,kBAAA,CACA,uBAAA,CAGF,iSAGE,iBAAA,CACA,qBAAA,CACA,oBAAA,CACA,+DAAA,CAGF,8RAGE,iBAAA,CACA,qBAAA,CACA,oBAAA,CACA,oEAAA,CAGF,wlBAQE,oBAAA,CAIF,+jCAeE,0CApQa,CAqQb,mBAAA,CACA,cAAA,CACA,2BAAA,CAIF,6gCAeE,oDAjRmB,CAkRnB,6CAAA,CACA,mDAvRkB,CAwRlB,iBAAA,CACA,sBAAA,CACA,0DAAA,CAGF,+jCAoBE,yDAAA,CAIF,kuDAoBE,oDArUmB,CAsUnB,6CAAA,CACA,mDA3UkB,CAmVpB,0RAGE,mBAAA,CACA,sBAAA,CACA,wEAAA,CAGF,oSAIE,uEAAA,CAGF,+jBAME,mBAAA,CACA,oBAAA,CACA,8GAAA,CAMF,mlBAQE,kBAAA,CACA,0BAAA,CAGF,8jBAME,mBAAA,CACA,kBAAA,CACA,mGAAA,CAGF,klBAQE,oBAAA,CAIF,+iCAeE,0CAvaa,CAwab,iBAAA,CACA,cAAA,CACA,0BAAA,CAIF,6/BAaE,oDAlbmB,CAmbnB,2CAAA,CACA,mDAxbkB,CAyblB,mBAAA,CACA,sBAAA,CACA,qEAAA,CAGF,+7CAoBE,oEAAA,CAIF,ktDAoBE,oDAtemB,CAuenB,2CAAA,CACA,mDA5ekB,CAofpB,4RAGE,qBAAA,CACA,uBAAA,CAGA,0DAAA,CAGF,kkBAME,qBAAA,CACA,uBAAA,CACA,6GAAA,CAMF,okBAME,mBAAA,CACA,uBAAA,CACA,wGAAA,CAGF,o9CAoBE,qBAAA,CACA,0BAAA,CAIF,0jCAeE,2CApkBa,CAqkBb,aAAA,CACA,oBAAA,CACA,2BAAA,CAIF,w5CAeE,kDArlBkB,CAslBlB,6CAAA,CACA,qDAnlBmB,CAolBnB,qBAAA,CACA,uBAAA,CACA,uEAAA,CAGF,08CAoBE,qBAAA,CACA,0BAAA,CAIF,6tDAoBE,kDA1oBkB,CA2oBlB,6CAAA,CACA,qDAxoBmB,CAgpBrB,2RAGE,qBAAA,CACA,qBAAA,CAGA,6EAAA,CAGF,gkBAME,qBAAA,CACA,qBAAA,CAGA,oHAAA,CAMF,ikBAME,mBAAA,CACA,qBAAA,CAGA,mHAAA,CAMF,88CAoBE,wBAAA,CACA,uBAAA,CAIF,ojCAeE,2CA3uBa,CA4uBb,aAAA,CACA,kBAAA,CACA,0BAAA,CAIF,k5CAeE,kDA5vBkB,CA6vBlB,2CAAA,CACA,qDA1vBmB,CA2vBnB,qBAAA,CACA,qBAAA,CACA,4EAAA,CAGF,o8CAoBE,wBAAA,CACA,uBAAA,CAIF,utDAoBE,kDAjzBkB,CAkzBlB,2CAAA,CACA,qDA/yBmB,CAqzBrB,8MAGE,eAAA,CAGF,uIACE,kBAAA,CAGF,gFC53BA,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CEDA,oBAAA,CACA,SAAA,CACA,QAAA,CACA,eAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAGE,gBAAA,CHi3BA,iBAAA,CACA,mBAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,gBAAA,CC53BF,qQAGE,kBAAA,CEMF,kGACE,QAAA,CHo3BA,sFIp3BA,2CAAA,CACA,mBAAA,CAEA,qCJi3BA,sFIh3BE,oBAAA,CAAA,CJo3BF,sFACE,uCH13BQ,CG83BZ,4NAEE,2BHn4BI,CGo4BJ,mCAAA,CAGF,+OAEE,iBAAA,CACA,YAAA,CACA,2BH34BI,CG44BJ,cAAA,CACA,UAAA,CACA,gBAAA,CACA,iBAAA,CAGF,oFACE,qCK/qBW,CChOb,+DXyBA,yBAAA,CWrBA,uECi0BE,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CD9zBA,sFAAA,CACA,qBAAA,CACA,wBAAA,CAkCF,oEXlBA,oCAAA,CAAA,gCAAA,CAAA,kCAAA,CAAA,2BAAA,CWkCA,2IC0wBE,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDvzBF,uELhCA,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CEDA,oBAAA,CACA,SAAA,CACA,QAAA,CACA,eAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAGE,gBAAA,CGqBA,eAAA,CACA,oDAAA,CACA,sCD0JW,CJvLb,0OAGE,kBAAA,CEMF,yFACE,QAAA,CGsBF,6EFnCE,2CAAA,CEsCA,6DD8IiB,CDlLjB,qCEiCF,6EFhCI,oBAAA,CAAA,CEsCJ,6EACE,6DD0IiB,CCvInB,0ECqyBE,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CDlyBA,kBAAA,CACA,qBAAA,CACA,cAAA,CACA,qBAAA,CE3CF,2Db8BA,0PAAA,CAAA,sOAAA,Cc7BA,qEAAA,CAMA,8EAAA,CAOA,sGAAA,CR3BA,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CMi1BE,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CEpzBF,iBAAA,CACA,mBAAA,CACA,aAAA,CACA,6BAAA,CACA,eC5BqB,CD8BrB,QAAA,CACA,cAAA,CACA,uBAAA,CACA,qBAAA,CACA,kDAAA,CACA,YAAA,CAEA,qHAAA,CAIA,uJAAA,CAMA,gBAAA,CACA,oBAAA,CACA,iMACE,CAIF,kBAAA,CRzDA,sMAGE,kBAAA,CQwDF,imBAME,gDEqVc,CFpVd,8CEoVc,CFnVd,eAAA,CACA,gDJwIqB,CIvIrB,kBAAA,CAGF,6HACE,iBAAA,CACA,aAAA,CACA,eAAA,CACA,gBAAA,CAEA,8GAAA,CAMA,+DAAA,CACA,2BAAA,CDxEF,6EACE,SAAA,CACA,QAAA,CAGF,oECkFA,gBCzCqB,CD0CrB,kBAAA,CACA,0BDjFI,CCkFJ,mDEoPe,CFnPf,uCJiGc,CI/Fd,0EACE,yDE4RmB,CFzRrB,0EACE,qEA7GiB,CA8GjB,kIACE,CAIJ,2EACE,0DE6PoB,CF1PtB,wTAEE,iBDnGE,CAIF,0EACE,uCH4KU,CGxKd,sECmEA,gBCzCqB,CD0CrB,kBAAA,CACA,0BDlEI,CCmEJ,qDEsPiB,CFrPjB,uCJiGc,CI/Fd,4EACE,2DEiSqB,CF9RvB,4EACE,qEA7GiB,CA8GjB,kIACE,CAIJ,6EACE,4DEkQsB,CF/PxB,4TAEE,iBDpFE,CAIF,wJAEE,uCH4JU,CGxJd,qECmDA,gBCzCqB,CD0CrB,kBAAA,CACA,gDE4PgB,CF3PhB,8BDpDI,CCqDJ,yCE0PgB,CFxPhB,2EACE,0DEsSoB,CFnStB,2EACE,qEA7GiB,CA8GjB,kIACE,CAIJ,4EACE,2DEuQqB,CFpQvB,0TAEE,iBDpEE,CAIF,2EACE,sCH0IS,CGvIX,2EACE,oDGkSY,CHjSZ,sCHqIS,CGlIX,4EACE,0BAAA,CACA,2DGuTmB,CHtTnB,sCH+HS,CG5HX,6pBAME,wBAAA,CACA,sDH8HU,CG7HV,YAAA,CAIJ,kECcA,gBCzCqB,CD0CrB,kBAAA,CACA,0BDbI,CCcJ,8BDfI,CCgBJ,sCJ0Ga,CGlHX,kFAAA,CCUF,wEACE,uEJ5Fe,CI+FjB,wEACE,qEA7GiB,CA8GjB,kIACE,CAIJ,yEACE,uEJhHgB,CImHlB,oTAEE,iBD/BE,CAQF,oIACE,eAAA,CACA,iBAAA,CACA,yBIrGO,CJwGT,iJAEE,4CHyGe,CGtGjB,yEACE,uEH1Gc,CG6GhB,2oBAME,0BAAA,CACA,wBAAA,CACA,sDHoFU,CGnFV,YAAA,CAGF,sFACE,qCH0GS,CGtGb,sEACE,kBAAA,CACA,sBAAA,CACA,SAAA,CACA,8CAAA,CACA,+CAAA,CACA,qBAAA,CAEA,mFACE,oBAAA,CAGF,wIACE,eAAA,CAGF,0ZAEE,QAAA,CAGF,+IACE,8EAAA,CAOJ,0IACE,yBAAA,CAIF,smBAGE,oBAAA,CAGF,0IACE,mEHpKkB,CGuKpB,2FACE,SAAA,CAGF,8bAIE,qCHkDW,CG/Cb,quBAOE,+CHoDqB,CGjDvB,iJACE,kBAAA,CAKF,8JACE,kBAAA,CAGF,8JACE,mBAAA,CAGF,mEC/GA,gBCzCqB,CD0CrB,kBAAA,CACA,0BDgHI,CC/GJ,0DE6PsB,CF5PtB,uCJiGc,CI/Fd,yEACE,wDEuRkB,CFpRpB,yEACE,qEA7GiB,CA8GjB,kIACE,CAIJ,0EACE,yDEwPmB,CFrPrB,sTAEE,iBD8FE,CAIF,yEACE,uCHrBU,CGwBZ,6EC7HF,gBCzCqB,CD0CrB,kBAAA,CACA,wDEmQwB,CFlQxB,8BD4HM,CC3HN,iDEiQwB,CF/PxB,mFACE,wDEuRkB,CFpRpB,mFACE,qEA7GiB,CA8GjB,kIACE,CAIJ,oFACE,yDEwPmB,CFrPrB,0UAEE,iBD4GI,CAIF,mFACE,oDGsJc,CHrJd,uCHpCQ,CGuCV,mFACE,0DGmHgB,CHlHhB,uCHzCQ,CG4CV,oFACE,qDGwHe,CHvHf,yDGuHe,CHtHf,uCH/CQ,CGkDV,6sBAME,wBAAA,CACA,sDHnDQ,CGoDR,YAAA,CAIJ,0ECnKF,gBCzCqB,CD0CrB,kBAAA,CACA,0BDoKM,CCnKN,8BDkKM,CCjKN,iDEiQwB,CHxFpB,kFAAA,CCvKJ,gFACE,wDEuRkB,CFpRpB,gFACE,qEA7GiB,CA8GjB,kIACE,CAIJ,iFACE,yDEwPmB,CFrPrB,oUAEE,iBDkJI,CAQF,4IACE,eAAA,CACA,yBIrRK,CJwRP,iKAEE,uCHnFQ,CGsFV,2rBAME,0BAAA,CACA,wBAAA,CACA,sDHxFQ,CGyFR,YAAA,CAMN,uEDiiBE,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CC9hBA,gIAAA,CAUF,4IACE,iBAAA,CAIF,mMACE,kBAAA,CACA,mBAAA,CAGF,gMACE,qBAAA,CAIF,0HK5UA,iBAAA,CACA,SAAA,CACA,WAAA,CACA,kDR4aoB,CQ3apB,eAAA,CACA,mBAAA,CL0UE,oBAAA,CKxUF,iYAGE,WAAA,CACA,cAAA,CACA,YAAA,CAGF,kIACE,iBAAA,CACA,oGAAA,CACA,+CRgae,CQ/Zf,eAAA,CACA,UAAA,CACA,gBAAA,CACA,oBAAA,CACA,8CAAA,CAEA,uCAVF,kIAWI,cAAA,CAAA,CC9BJ,sENgVA,0HK5SE,qBAAA,CAEA,kIACE,iBAAA,CACA,wBAAA,CAAA,CL+SJ,+DACE,YAAA,CAGF,wEACE,qBAAA,CAGF,0HACE,gBAAA,CAEA,wBAAA,CAEA,sIACE,gEAAA,CAGF,oJACE,kBAAA,CAIJ,2LACE,kBAAA,CAGF,+IACE,gEAAA,CAGF,6JACE,kBAAA,CAGF,8LACE,sEAAA,CAEA,4MACE,eAAA,CAIJ,uMACE,uEAAA,CAEA,qNACE,eAAA,CAIJ,6LACE,0BAAA,CACA,8BAAA,CACA,eAAA,CAKF,sIACE,yBI/YS,CJgZT,wBIhZS,CEHX,sENuZA,iEMrZI,eAAA,CACA,2BAAA,CAAA,CNyZJ,gJACE,8DAAA,COpXJ,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCnDF,+DACE,WAAA,CAEA,4MAGE,eAAA,CACA,cAAA,CAGF,2ET80BE,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CS50BA,cAAA,CACA,iBAAA,CACA,qBAAA,CAGF,2ETu0BE,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CSr0BA,cAAA,CACA,iBAAA,CACA,qBAAA,CAEA,+EACE,aAAA,CAGF,4HACE,uCnBVQ,CmBaV,gGACE,wBD7BY,CC8BZ,UDlCU,CCqCZ,0FACE,sDXmLU,CWlLV,cAAA,CAKN,0DCvCE,0DAAA,CDyCA,6CXTS,CWUT,eAAA,CACA,kCAAA,CAGF,6DfjDE,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CAEA,4MAGE,kBAAA,CeyCF,6DACE,wBAAA,CACA,mBAAA,CAGF,kFACE,uCnBzCU,CmB4CZ,0EACE,qDXyJY,CWtJd,iEACE,aAAA,CACA,WAAA,CACA,iBAAA,CAIJ,gFACE,mDAAA,CAGF,+DACE,aJ1CW,CI2CX,YJ3CW,CI8Cb,yDACE,gBJxEW,CIyEX,mBJzEW,CI0EX,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,6BAAA,CAGF,6DACE,kBAAA,CACA,iCAAA,CACA,mDAAA,CACA,6BAAA,CACA,YAAA,CACA,iBAAA,CAEA,uMZhFE,2CAAA,CACA,mBAAA,CAEA,qCY6EF,uMZ5EI,oBAAA,CAAA,CYiFJ,2EZnEE,mDAAA,CACA,mBAAA,CAEA,qCYgEF,2EZ/DI,oBAAA,CAAA,CYkEF,2EACE,uCX4JU,CWxJd,4EACE,wCAAA,CACA,sDXsGY,CWrGZ,kBAAA,CAIJ,kIACE,iBAAA,CACA,gBJpGW,CIqGX,eJ7DW,CI8DX,eAAA,CAEA,gQACE,mCAAA,CAEA,4QACE,aAAA,CACA,gDnB9GiB,CmBiHnB,oSACE,sDXkFU,CW/EZ,sSACE,4FAAA,CAQJ,oNACE,sDXqEY,CWlEd,wMACE,sDXiEY,CW9Dd,yEACE,QAEE,oCAAA,CAEF,IACE,mCAAA,CAAA,CAKN,iEACE,iBJlIW,CIqIb,4DfxKE,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CMi1BE,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CN/0BF,yMAGE,kBAAA,CeiKF,4DACE,gBJnKS,CIoKT,wBJ9KS,CI+KT,iBAAA,CAGF,iEACE,kBJ9KS,CI+KT,mBJ/KS,CIkLX,8FACE,cAAA,CAEA,uHf1LF,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CMi1BE,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CN/0BF,0XAGE,kBAAA,CemLE,uHACE,iCAAA,CACA,kBJ7JK,CI8JL,cJ5LK,CI6LL,eAAA,CAGF,oSAEE,QAAA,CACA,uBAAA,CAGF,6HZtMF,2CAAA,CAEA,qCYoME,6HZnMA,oBAAA,CAAA,CYuMA,qIZ3KF,mDAAA,CACA,mBAAA,CAEA,qCYwKE,qIZvKA,oBAAA,CAAA,CY2KA,kRAEE,6CXlLG,CWmLH,sDXCQ,CAAA,mBAAA,CWGV,wJACE,uEXJQ,CWKR,yEXLQ,CWQV,uJACE,SAAA,CAIJ,8GfpOF,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CAEA,+VAGE,kBAAA,Ce4NE,8GACE,cAAA,CACA,iBAAA,CAIJ,2GACE,SAAA,CAGF,qGfjPF,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CAEA,oUAGE,kBAAA,CeyOE,qGACE,iBAAA,CACA,0BAAA,CACA,WAAA,CACA,cAAA,CACA,cAAA,CACA,kBJ3OK,CI4OL,yBJxNK,CIyNL,eAAA,CACA,SAAA,CAGF,4GACE,aAAA,CACA,4CAAA,CACA,8CAAA,CACA,UAAA,CACA,qBAAA,CAGF,kHACE,yDL0FS,CKzFT,2DLyFS,CKtFX,mHACE,6DXrFa,CWsFb,+DXtFa,CWyFf,qHACE,KAAA,CACA,MAAA,CAGF,qHACE,UJzQK,CI0QL,MAAA,CAMR,yEACE,KACE,SAAA,CACA,kCAAA,CAGF,GACE,SAAA,CACA,8BAAA,CAAA,CAIJ,yEACE,2GAAA,CAEA,mDAHF,yEAII,cAAA,CAAA,CAKF,0JACE,kBAAA,CACA,oBJvSS,CI4SP,mIACE,oBJvTK,CI4TP,+FACE,KAAA,CACA,UAAA,CACA,OAAA,CAGF,+FACE,UJzTK,CI0TL,UAAA,CACA,OAAA,CAMR,8DACE,+CAAA,CACA,gBJnUW,CIoUX,0BAAA,CACA,iBAAA,CACA,eAAA,CAGF,6EACE,iBAAA,CACA,aDxVgB,CCyVhB,eAAA,CACA,wDAAA,CACA,2DAAA,CACA,gEAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,iBJ/TW,CIgUX,cAAA,CACA,kBJjUW,CImUX,oFACE,iBAAA,CACA,aAAA,CACA,iBJpWS,CIqWT,UAAA,CACA,kBJtWS,CIuWT,wBAAA,CACA,sBAAA,CACA,kCAAA,CACA,0BAAA,CAGF,mGACE,iEX5JY,CW+Jd,yGACE,0EAAA,CE/XJ,gEACE,YAAA,CACA,eAAA,CACA,eAAA,CACA,gBAAA,CACA,iBAAA,CAGF,mEAEE,eAAA,CACA,UAAA,CAGF,6DACE,sBAAA,CAGF,2DACE,mBAAA,CAGF,4DACE,mBAAA,CAGF,sNACE,sDboMc,CahMd,uEACE,eAAA",sourcesContent:["//\n// Copyright IBM Corp. 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n@use 'sass:list';\n\n@use './config' as *;\n@use './utilities/custom-property';\n@use './utilities/convert';\n@use './spacing' as *;\n\n$layout-tokens: (\n size: (\n height: (\n xs: convert.to-rem(24px),\n sm: convert.to-rem(32px),\n md: convert.to-rem(40px),\n lg: convert.to-rem(48px),\n xl: convert.to-rem(64px),\n 2xl: convert.to-rem(80px),\n ),\n ),\n density: (\n padding-inline: (\n condensed: $spacing-03,\n normal: $spacing-05,\n ),\n ),\n);\n\n@mixin emit-layout-tokens {\n @each $group, $properties in $layout-tokens {\n @each $property, $steps in $properties {\n @each $step, $value in $steps {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n );\n }\n\n // CSS max() doesn't accept '0' as a value without a unit\n // stylelint-disable length-zero-no-unit\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-min',\n 0px\n );\n // stylelint-enable length-zero-no-unit\n\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-max',\n 999999999px\n );\n }\n }\n}\n\n@each $group, $properties in $layout-tokens {\n @each $property, $steps in $properties {\n @each $step, $value in $steps {\n .#{$prefix}--layout--#{$group}-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-context',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n );\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}',\n custom-property.get-var('layout-#{$group}-#{$property}-context')\n );\n }\n\n .#{$prefix}--layout-constraint--#{$group}__default-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-context',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n )\n );\n }\n\n @each $constraint in ('min', 'max') {\n .#{$prefix}--layout-constraint--#{$group}__#{$constraint}-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-#{$constraint}',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n );\n }\n }\n }\n }\n}\n\n:root {\n @include emit-layout-tokens();\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@forward './layer/layer-sets';\n@use './config' as *;\n@use './layer/layer-tokens';\n@use './theme' as *;\n\n:root {\n @include layer-tokens.emit-layer-tokens(1);\n}\n\n.#{$prefix}--layer-one {\n @include layer-tokens.emit-layer-tokens(1);\n}\n\n.#{$prefix}--layer-two {\n @include layer-tokens.emit-layer-tokens(2);\n}\n\n.#{$prefix}--layer-three {\n @include layer-tokens.emit-layer-tokens(3);\n}\n\n@each $i in (one, two, three) {\n .#{$prefix}--layer-#{$i}.#{$prefix}--layer__with-background {\n background-color: $layer-background;\n }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../config' as *;\n@use '@carbon/themes/scss/config' with (\n $prefix: $prefix\n);\n@use '../compat/themes' as compat;\n@use '../themes';\n\n@forward '@carbon/themes/scss/theme' with (\n $fallback: themes.$white !default,\n $theme: compat.$white !default\n);\n@forward '@carbon/themes/scss/tokens';\n\n@use '@carbon/themes/scss/tokens';\n@use '@carbon/themes/scss/theme';\n@use '../utilities/custom-property';\n\n// Layer sets\n$layer: custom-property.get-var('layer');\n$layer-active: custom-property.get-var('layer-active');\n$layer-background: custom-property.get-var('layer-background');\n$layer-hover: custom-property.get-var('layer-hover');\n$layer-selected: custom-property.get-var('layer-selected');\n$layer-selected-hover: custom-property.get-var('layer-selected-hover');\n$layer-accent: custom-property.get-var('layer-accent');\n$layer-accent-hover: custom-property.get-var('layer-accent-hover');\n$layer-accent-active: custom-property.get-var('layer-accent-active');\n\n$field: custom-property.get-var('field');\n$field-hover: custom-property.get-var('field-hover');\n\n$border-subtle: custom-property.get-var('border-subtle');\n$border-subtle-selected: custom-property.get-var('border-subtle-selected');\n$border-strong: custom-property.get-var('border-strong');\n$border-tile: custom-property.get-var('border-tile');\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n@use '../config' as *;\n\n@mixin content-visible {\n opacity: 1;\n visibility: inherit;\n}\n\n@mixin content-hidden {\n opacity: 0;\n visibility: hidden;\n}\n\n@keyframes #{$prefix}--hide-feedback {\n 0% {\n @include content-visible;\n }\n\n 100% {\n @include content-hidden;\n }\n}\n\n@keyframes #{$prefix}--show-feedback {\n 0% {\n @include content-hidden;\n }\n\n 100% {\n @include content-visible;\n }\n}\n\n@keyframes #{$prefix}--skeleton {\n 0% {\n opacity: 0.3;\n transform: scaleX(0);\n transform-origin: left;\n }\n\n 20% {\n opacity: 1;\n transform: scaleX(1);\n transform-origin: left;\n }\n\n 28% {\n transform: scaleX(1);\n transform-origin: right;\n }\n\n 51% {\n transform: scaleX(0);\n transform-origin: right;\n }\n\n 58% {\n transform: scaleX(0);\n transform-origin: right;\n }\n\n 82% {\n transform: scaleX(1);\n transform-origin: right;\n }\n\n 83% {\n transform: scaleX(1);\n transform-origin: left;\n }\n\n 96% {\n transform: scaleX(0);\n transform-origin: left;\n }\n\n 100% {\n opacity: 0.3;\n transform: scaleX(0);\n transform-origin: left;\n }\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../config' as *;\n\n/// Include styles for screen reader/assistive text\n/// @access public\n/// @group utilities\n@mixin visually-hidden {\n position: absolute;\n overflow: hidden;\n padding: 0;\n border: 0;\n margin: -1px;\n block-size: 1px;\n clip: rect(0, 0, 0, 0);\n inline-size: 1px;\n visibility: inherit;\n white-space: nowrap;\n}\n\n.#{$prefix}--assistive-text,\n.#{$prefix}--visually-hidden {\n position: absolute;\n overflow: hidden;\n padding: 0;\n border: 0;\n margin: -1px;\n block-size: 1px;\n clip: rect(0, 0, 0, 0);\n inline-size: 1px;\n visibility: inherit;\n white-space: nowrap;\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../config' as *;\n@use '../../layer' as *;\n@use '../../theme';\n@use '../../utilities/box-shadow' as *;\n@use '../../utilities/button-reset';\n@use '../../utilities/component-reset';\n@use '../../utilities/custom-property';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/' as *;\n@use '../../utilities/convert';\n@use '../../utilities/layout';\n\n/// The Popover component is used for triggering a pop-up next to a trigger\n/// element, typically a button, in a given direction. It is made up of several\n/// parts and includes a handful of modifiers to change the appearance.\n///\n/// The parts of a popover include:\n/// The popover container `.cds-popover-container`\n/// This container contains the trigger and the popover and is used to\n/// coordinate positioning relative to the trigger button\n///\n/// The popover\n/// This is an intermediate container that is used for the\n/// `filter: drop-shadow()` effect on the popover content and the caret. It is\n/// an absolutely positioned container that matches the dimensions of the\n/// container so that popover content and caret can be positioned absolutely.\n///\n/// Popover content\n/// This is the containing element for user-provided content and sets the\n/// background and text color for the area.\n///\n/// Popover caret\n/// This caret is an optional modifier that displays a character centered with\n/// respect to the trigger element\n\n// The background color for the popover container\n$popover-background-color: custom-property.get-var(\n 'popover-background-color',\n theme.$layer\n);\n\n// The drop shadow value used for the popover container\n$popover-drop-shadow: custom-property.get-var('popover-drop-shadow', 'none');\n\n// The border radius value for the popover container\n$popover-border-radius: custom-property.get-var('popover-border-radius', 2px);\n\n// The text color used for text placed inside of the popover\n$popover-text-color: custom-property.get-var(\n 'popover-text-color',\n theme.$text-primary\n);\n\n// The distance between the popover container and the triggering element\n// Specify the distance between the popover and the trigger. This value must\n// have a unit otherwise the `calc()` expression will not work\n$popover-offset: custom-property.get-var('popover-offset', 0rem);\n\n// Customize the dimensions of the caret by specifying its width or height.\n// These values will be flipped in left or right directions to have the\n// correct dimensions\n$popover-caret-width: custom-property.get-var(\n 'popover-caret-width',\n convert.to-rem(12px)\n);\n$popover-caret-height: custom-property.get-var(\n 'popover-caret-height',\n convert.to-rem(6px)\n);\n\n@mixin popover {\n // Container\n .#{$prefix}--popover-container {\n display: inline-block;\n }\n\n // Do not set position: relative on autoAlign popovers.\n // Without this, autoAlign popovers will be clipped by containing elements\n // (using overflow: hidden, etc) if position: relative is set on the container.\n .#{$prefix}--popover-container:not(.#{$prefix}--popover--auto-align) {\n position: relative;\n }\n\n /// Modifiers\n\n // High contrast modifier\n .#{$prefix}--popover--high-contrast .#{$prefix}--popover {\n @include custom-property.declaration(\n 'popover-background-color',\n theme.$background-inverse\n );\n @include custom-property.declaration(\n 'popover-text-color',\n theme.$text-inverse\n );\n }\n\n // Drop shadow modifier\n .#{$prefix}--popover--drop-shadow\n .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));\n }\n\n // Caret tip modifier\n .#{$prefix}--popover--caret {\n @include custom-property.declaration(\n 'popover-offset',\n convert.to-rem(10px)\n );\n }\n\n // Popover, this element contains both the caret and the popover content\n .#{$prefix}--popover {\n position: absolute;\n z-index: z('floating');\n filter: $popover-drop-shadow;\n inset: 0;\n pointer-events: none;\n }\n\n // Popover content\n .#{$prefix}--popover-content {\n // The layout.redefine-tokens is been included here because it is been redifined in _tag.scss\n @include layout.redefine-tokens(\n (\n size: (\n height: (\n sm: convert.to-rem(32px),\n md: convert.to-rem(40px),\n lg: convert.to-rem(48px),\n ),\n ),\n )\n );\n @include component-reset.reset;\n\n position: absolute;\n z-index: z('floating');\n display: none;\n border-radius: $popover-border-radius;\n background-color: $popover-background-color;\n color: $popover-text-color;\n inline-size: max-content;\n max-inline-size: convert.to-rem(368px);\n pointer-events: auto;\n }\n\n .#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n display: block;\n }\n\n // We use a pseudo element inside of the popover to create a space between the\n // target and the popover. This helps in situations like toolcarets where you do\n // not want the toolcaret to disappear when the user moves from the target to\n // the popover.\n .#{$prefix}--popover-content::before {\n position: absolute;\n display: none;\n content: '';\n }\n\n .#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n display: block;\n }\n\n // Popover caret\n .#{$prefix}--popover-caret,\n .#{$prefix}--popover--auto-align.#{$prefix}--popover-caret {\n position: absolute;\n z-index: z('floating');\n display: none;\n background-color: $popover-background-color;\n // We use `will-change: transform` to prevent antialiasing when our caret\n // has subpixel rendering. When this happens, a single pixel line appears\n // between the caret and popover-content that we would like to avoid\n will-change: transform;\n }\n\n .#{$prefix}--popover--caret.#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n display: block;\n }\n\n // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n .#{$prefix}--popover--auto-align.#{$prefix}--popover--caret.#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret {\n display: block;\n }\n\n .#{$prefix}--popover--tab-tip\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n display: none;\n }\n\n //-----------------------------------------------------------------------------\n // Bottom\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-end: 0;\n inset-inline-start: 50%;\n transform: translate(-50%, calc(100% + $popover-offset));\n }\n\n [dir='rtl']\n .#{$prefix}--popover--bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n transform: translate(50%, calc(100% + $popover-offset));\n }\n\n .#{$prefix}--popover--bottom-left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n .#{$prefix}--popover--bottom-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-end: 0;\n inset-inline-start: 0;\n transform: translate(\n calc(-1 * $popover-offset),\n calc(100% + $popover-offset)\n );\n }\n\n [dir='rtl']\n .#{$prefix}--popover--bottom-left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--bottom-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-inline-end: 0;\n inset-inline-start: initial;\n }\n\n .#{$prefix}--popover--bottom-right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n .#{$prefix}--popover--bottom-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-end: 0;\n inset-inline-end: 0;\n transform: translate($popover-offset, calc(100% + $popover-offset));\n }\n\n .#{$prefix}--popover--bottom-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n inset-block-end: 0;\n inset-inline-end: 0;\n inset-inline-start: auto;\n }\n\n .#{$prefix}--popover--bottom-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n inset-block-end: 0;\n inset-inline-end: auto;\n inset-inline-start: 0;\n transform: translate(50%, calc($popover-offset));\n }\n\n .#{$prefix}--popover--top-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n inset-block-end: 0;\n inset-inline-end: auto;\n inset-inline-start: 0;\n transform: translate(50%, calc(-1 * $popover-offset));\n }\n\n [dir='rtl']\n .#{$prefix}--popover--bottom-right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--bottom-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-inline-start: 0;\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--bottom-start\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--bottom-end\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n block-size: $popover-offset;\n inset-block-start: 0;\n inset-inline: 0;\n transform: translateY(-100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-start\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-end\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n block-size: $popover-caret-height;\n clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size: $popover-caret-width;\n inset-block-end: 0;\n inset-inline-start: 50%;\n transform: translate(-50%, $popover-offset);\n }\n\n [dir='rtl']\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--bottom-start\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--bottom-end\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n transform: translate(50%, $popover-offset);\n }\n\n // Caret placement for autoAlign\n .#{$prefix}--popover--bottom.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-left.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-start.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-right.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-end.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret {\n block-size: $popover-caret-height;\n clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size: $popover-caret-width;\n }\n\n //-----------------------------------------------------------------------------\n // Top\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-start: 0;\n inset-inline-start: 50%;\n transform: translate(-50%, calc(-100% - $popover-offset));\n }\n\n [dir='rtl']\n .#{$prefix}--popover--top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n transform: translate(50%, calc(-100% - $popover-offset));\n }\n\n .#{$prefix}--popover--top-left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n .#{$prefix}--popover--top-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-start: 0;\n inset-inline-start: 0;\n transform: translate(\n calc(-1 * $popover-offset),\n calc(-100% - $popover-offset)\n );\n }\n\n [dir='rtl']\n .#{$prefix}--popover--top-left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--top-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-inline-end: 0;\n inset-inline-start: initial;\n }\n\n .#{$prefix}--popover--top-right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n .#{$prefix}--popover--top-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-start: 0;\n inset-inline-end: 0;\n transform: translate($popover-offset, calc(-100% - $popover-offset));\n }\n\n [dir='rtl']\n .#{$prefix}--popover--top-right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--top-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-inline-start: 0;\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--top-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--top-start\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--top-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--top-end\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n block-size: $popover-offset;\n inset-block-end: 0;\n inset-inline: 0;\n transform: translateY(100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--top > .#{$prefix}--popover > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-start\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-end\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n block-size: $popover-caret-height;\n clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size: $popover-caret-width;\n inset-block-start: 0;\n inset-inline-start: 50%;\n transform: translate(-50%, calc(-1 * $popover-offset));\n }\n\n [dir='rtl']\n .#{$prefix}--popover--top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--top-left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--top-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--top-right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--top-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n transform: translate(50%, calc(-1 * $popover-offset));\n }\n\n // Caret placement for autoAlign\n .#{$prefix}--popover--top.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-left.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-start.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-right.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-end.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret {\n block-size: $popover-caret-height;\n clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size: $popover-caret-width;\n }\n\n //-----------------------------------------------------------------------------\n // Right\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-start: 50%;\n inset-inline-start: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate($popover-offset, -50%);\n }\n\n .#{$prefix}--popover--right-top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n .#{$prefix}--popover--right-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-start: 50%;\n inset-inline-start: 100%;\n transform: translate(\n $popover-offset,\n calc(0.5 * $popover-offset * -1 - 16px)\n );\n }\n\n .#{$prefix}--popover--right-bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n .#{$prefix}--popover--right-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-end: 50%;\n inset-inline-start: 100%;\n transform: translate($popover-offset, calc(0.5 * $popover-offset + 16px));\n }\n\n [dir='rtl']\n .#{$prefix}--popover--right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--right-bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--right-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--right-top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--right-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-inline-end: 100%;\n inset-inline-start: initial;\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--right-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--right-start\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--right-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--right-end\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n inline-size: $popover-offset;\n inset-block: 0;\n inset-inline-start: 0;\n transform: translateX(-100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n block-size: $popover-caret-width;\n clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size: $popover-caret-height;\n inset-block-start: 50%;\n inset-inline-start: 100%;\n transform: translate(calc($popover-offset - 100%), -50%);\n }\n\n [dir='rtl']\n .#{$prefix}--popover--right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--right-top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--right-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--right-bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--right-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n inset-inline-end: 100%;\n inset-inline-start: initial;\n }\n\n // Caret placement for autoAlign\n .#{$prefix}--popover--right.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-top.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-start.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-bottom.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-end.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret {\n block-size: $popover-caret-width;\n clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size: $popover-caret-height;\n }\n\n //-----------------------------------------------------------------------------\n // Left\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-start: 50%;\n inset-inline-end: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(calc(-1 * $popover-offset + 0.1px), -50%);\n }\n\n .#{$prefix}--popover--left-top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n .#{$prefix}--popover--left-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-start: 50%;\n inset-inline-end: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(\n calc(-1 * $popover-offset),\n calc(-1 * 0.5 * $popover-offset - 16px)\n );\n }\n\n .#{$prefix}--popover--left-bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n .#{$prefix}--popover--left-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-end: 50%;\n inset-inline-end: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(\n calc(-1 * $popover-offset),\n calc(0.5 * $popover-offset + 16px)\n );\n }\n\n [dir='rtl']\n .#{$prefix}--popover--left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--left-bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--left-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--left-top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--left-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-inline-end: initial;\n inset-inline-start: 100%;\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--left-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--left-start\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--left-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--left-end\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n inline-size: $popover-offset;\n inset-block: 0;\n inset-inline-end: 0;\n transform: translateX(100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n block-size: $popover-caret-width;\n clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size: $popover-caret-height;\n inset-block-start: 50%;\n inset-inline-end: 100%;\n transform: translate(calc(-1 * $popover-offset + 100%), -50%);\n }\n\n [dir='rtl']\n .#{$prefix}--popover--left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--left-top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--left-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--left-bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--left-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n inset-inline-end: initial;\n inset-inline-start: 100%;\n }\n\n // Caret placement for autoAlign\n .#{$prefix}--popover--left.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-top.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-start.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-bottom.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-end.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret {\n block-size: $popover-caret-width;\n clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size: $popover-caret-height;\n }\n\n //-----------------------------------------------------------------------------\n // Tab Tip Variant\n //-----------------------------------------------------------------------------\n .#{$prefix}--popover--tab-tip\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n border-radius: 0;\n }\n\n .#{$prefix}--popover--tab-tip .#{$prefix}--popover {\n will-change: filter;\n }\n\n .#{$prefix}--popover--tab-tip__button {\n @include button-reset.reset;\n\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n block-size: convert.to-rem(32px);\n inline-size: convert.to-rem(32px);\n\n &:focus {\n @include focus-outline('outline');\n }\n\n &:hover {\n background-color: theme.$layer-hover;\n }\n }\n\n .#{$prefix}--popover--tab-tip.#{$prefix}--popover--open\n .#{$prefix}--popover--tab-tip__button {\n background: theme.$layer;\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);\n }\n\n .#{$prefix}--popover--tab-tip.#{$prefix}--popover--open\n .#{$prefix}--popover--tab-tip__button:not(:focus)::after {\n position: absolute;\n z-index: z('floating') + 1;\n background: theme.$layer;\n block-size: 2px;\n content: '';\n inline-size: 100%;\n inset-block-end: 0;\n }\n\n .#{$prefix}--popover--tab-tip__button svg {\n fill: theme.$icon-primary;\n }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// Resets default browser styling\n/// @access public\n/// @group utilities\n@mixin reset {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n}\n","//\n// Copyright IBM Corp. 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n\n@use '../config';\n@use '../layout' as *;\n@use './custom-property';\n\n/// Enables the use of contextual layout tokens within a component. This mixin should be\n/// included on the outermost selector of the component.\n/// @param {String} $group - The layout group to use for this component\n/// @param {String} $default - The default step if the component is not within a layout\n/// @param {String} $min - The minimum step supported by this component (optional)\n/// @param {String} $max - The maximum step supported by this component (optional)\n/// @example @include use('size', $default: 'md', $min: 'sm', $max: 'lg')\n/// @group utilities\n/// @access public\n@mixin use($group, $default, $min: null, $max: null) {\n $properties: map.get($layout-tokens, $group);\n\n @each $property, $steps in $properties {\n $minValue: custom-property.get-var('layout-#{$group}-#{$property}-min');\n @if $min {\n $minValue: max(\n $minValue,\n custom-property.get-var('layout-#{$group}-#{$property}-#{$min}')\n );\n }\n\n $maxValue: custom-property.get-var('layout-#{$group}-#{$property}-max');\n @if $max {\n $maxValue: min(\n $maxValue,\n custom-property.get-var('layout-#{$group}-#{$property}-#{$max}')\n );\n }\n\n $value: clamp(\n $minValue,\n custom-property.get-var(\n 'layout-#{$group}-#{$property}',\n custom-property.get-var('layout-#{$group}-#{$property}-#{$default}')\n ),\n $maxValue\n );\n\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-local',\n $value\n );\n }\n}\n\n/// Allows to redefine any token values of the layout module in case a component is using\n/// non-standard values and should still participate in the layout context\n/// @param {Map} $overrides - The map of overrides. Must follow ( group: ( property: ( step: value ) ) )\n/// @example @include redefine-tokens(( size: ( height: ( sm: 1.125rem, md: 1.5rem ) ) ))\n/// @group utilities\n/// @access public\n@mixin redefine-tokens($overrides) {\n @each $group, $properties in $overrides {\n @each $property, $steps in $properties {\n @each $step, $value in $steps {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n );\n\n &.#{config.$prefix}--layout--#{$group}-#{$step},\n .#{config.$prefix}--layout--#{$group}-#{$step} :where(&) {\n $token: custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}'\n );\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}',\n $token\n );\n }\n }\n }\n }\n}\n\n/// Internal base function for retrieving a property from a layout group.\n/// @param {String} $group - The group name as defined in the $layout-tokens\n/// @param {String} $property - The property name\n/// @example @include -group('size', $property)\n/// @group utilities\n/// @access private\n@function -group($group, $property) {\n @return custom-property.get-var('layout-#{$group}-#{$property}-local');\n}\n\n/// Retrieves the current value for a property token in the layout size.\n/// @param {String} $property - The property name\n/// @example height: size('height');\n/// @group utilities\n/// @access public\n@function size($property) {\n @return -group('size', $property);\n}\n\n/// Retrieves the current value for a property token in the layout density.\n/// @param {String} $property - The property name\n/// @example padding-inline: density('padding-inline');\n/// @group utilities\n/// @access public\n@function density($property) {\n @return -group('density', $property);\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n@use 'component-reset';\n\n/// Resets button styles\n/// @access public\n/// @param {Bool} $width [true] - Sets width to 100% if true\n/// @example @include button-reset($width: false);\n/// @group utilities\n@mixin reset($width: true) {\n @include component-reset.reset;\n\n display: inline-block;\n padding: 0;\n border: 0;\n appearance: none;\n background: none;\n cursor: pointer;\n text-align: start;\n\n @if ($width == true) {\n inline-size: 100%;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../theme';\n\n/// Adds outline styles depending on specific type\n/// @access public\n/// @param {String} $type ['border'] - Type of outline from: `border`, `blurred`, `outline`, `invalid`, `reset`\n/// @example @include focus-outline('outline');\n/// @group utilities\n@mixin focus-outline($type: 'border') {\n @if ($type == 'border') {\n outline: 1px solid theme.$focus;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'blurred') {\n box-shadow: 0 0 0 3px theme.$focus;\n outline: 1px solid transparent;\n }\n\n @if ($type == 'outline') {\n outline: 2px solid theme.$focus;\n outline-offset: -2px;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'outline-compat') {\n box-sizing: border-box;\n border: 2px solid theme.$focus;\n\n @media screen and (prefers-contrast) {\n border-style: dotted;\n }\n }\n\n @if ($type == 'invalid') {\n outline: 2px solid theme.$support-error;\n outline-offset: -2px;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'reset') {\n outline: 2px solid transparent;\n outline-offset: -2px;\n }\n}\n","// Code generated by @carbon/themes. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n@use '../config';\n@use '../theme';\n\n/// Internal helper for generating CSS Custom Properties\n@function _get($token) {\n @if config.$use-fallback-value == false {\n @return var(--#{config.$prefix}-#{$token});\n } @else {\n @return var(--#{config.$prefix}-#{$token}, #{theme.get($token)});\n }\n}\n\n/// The CSS Custom Property for the `background` token\n$background: _get('background') !default;\n\n/// The CSS Custom Property for the `background-active` token\n$background-active: _get('background-active') !default;\n\n/// The CSS Custom Property for the `background-selected` token\n$background-selected: _get('background-selected') !default;\n\n/// The CSS Custom Property for the `background-selected-hover` token\n$background-selected-hover: _get('background-selected-hover') !default;\n\n/// The CSS Custom Property for the `background-hover` token\n$background-hover: _get('background-hover') !default;\n\n/// The CSS Custom Property for the `background-brand` token\n$background-brand: _get('background-brand') !default;\n\n/// The CSS Custom Property for the `background-inverse` token\n$background-inverse: _get('background-inverse') !default;\n\n/// The CSS Custom Property for the `background-inverse-hover` token\n$background-inverse-hover: _get('background-inverse-hover') !default;\n\n/// The CSS Custom Property for the `layer-01` token\n$layer-01: _get('layer-01') !default;\n\n/// The CSS Custom Property for the `layer-active-01` token\n$layer-active-01: _get('layer-active-01') !default;\n\n/// The CSS Custom Property for the `layer-background-01` token\n$layer-background-01: _get('layer-background-01') !default;\n\n/// The CSS Custom Property for the `layer-hover-01` token\n$layer-hover-01: _get('layer-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-01` token\n$layer-selected-01: _get('layer-selected-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-01` token\n$layer-selected-hover-01: _get('layer-selected-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-02` token\n$layer-02: _get('layer-02') !default;\n\n/// The CSS Custom Property for the `layer-active-02` token\n$layer-active-02: _get('layer-active-02') !default;\n\n/// The CSS Custom Property for the `layer-background-02` token\n$layer-background-02: _get('layer-background-02') !default;\n\n/// The CSS Custom Property for the `layer-hover-02` token\n$layer-hover-02: _get('layer-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-02` token\n$layer-selected-02: _get('layer-selected-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-02` token\n$layer-selected-hover-02: _get('layer-selected-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-03` token\n$layer-03: _get('layer-03') !default;\n\n/// The CSS Custom Property for the `layer-active-03` token\n$layer-active-03: _get('layer-active-03') !default;\n\n/// The CSS Custom Property for the `layer-background-03` token\n$layer-background-03: _get('layer-background-03') !default;\n\n/// The CSS Custom Property for the `layer-hover-03` token\n$layer-hover-03: _get('layer-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-03` token\n$layer-selected-03: _get('layer-selected-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-03` token\n$layer-selected-hover-03: _get('layer-selected-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-inverse` token\n$layer-selected-inverse: _get('layer-selected-inverse') !default;\n\n/// The CSS Custom Property for the `layer-selected-disabled` token\n$layer-selected-disabled: _get('layer-selected-disabled') !default;\n\n/// The CSS Custom Property for the `layer-accent-01` token\n$layer-accent-01: _get('layer-accent-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-01` token\n$layer-accent-active-01: _get('layer-accent-active-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-01` token\n$layer-accent-hover-01: _get('layer-accent-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-02` token\n$layer-accent-02: _get('layer-accent-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-02` token\n$layer-accent-active-02: _get('layer-accent-active-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-02` token\n$layer-accent-hover-02: _get('layer-accent-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-03` token\n$layer-accent-03: _get('layer-accent-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-03` token\n$layer-accent-active-03: _get('layer-accent-active-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-03` token\n$layer-accent-hover-03: _get('layer-accent-hover-03') !default;\n\n/// The CSS Custom Property for the `field-01` token\n$field-01: _get('field-01') !default;\n\n/// The CSS Custom Property for the `field-hover-01` token\n$field-hover-01: _get('field-hover-01') !default;\n\n/// The CSS Custom Property for the `field-02` token\n$field-02: _get('field-02') !default;\n\n/// The CSS Custom Property for the `field-hover-02` token\n$field-hover-02: _get('field-hover-02') !default;\n\n/// The CSS Custom Property for the `field-03` token\n$field-03: _get('field-03') !default;\n\n/// The CSS Custom Property for the `field-hover-03` token\n$field-hover-03: _get('field-hover-03') !default;\n\n/// The CSS Custom Property for the `interactive` token\n$interactive: _get('interactive') !default;\n\n/// The CSS Custom Property for the `border-subtle-00` token\n$border-subtle-00: _get('border-subtle-00') !default;\n\n/// The CSS Custom Property for the `border-subtle-01` token\n$border-subtle-01: _get('border-subtle-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-01` token\n$border-subtle-selected-01: _get('border-subtle-selected-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-02` token\n$border-subtle-02: _get('border-subtle-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-02` token\n$border-subtle-selected-02: _get('border-subtle-selected-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-03` token\n$border-subtle-03: _get('border-subtle-03') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-03` token\n$border-subtle-selected-03: _get('border-subtle-selected-03') !default;\n\n/// The CSS Custom Property for the `border-strong-01` token\n$border-strong-01: _get('border-strong-01') !default;\n\n/// The CSS Custom Property for the `border-strong-02` token\n$border-strong-02: _get('border-strong-02') !default;\n\n/// The CSS Custom Property for the `border-strong-03` token\n$border-strong-03: _get('border-strong-03') !default;\n\n/// The CSS Custom Property for the `border-tile-01` token\n$border-tile-01: _get('border-tile-01') !default;\n\n/// The CSS Custom Property for the `border-tile-02` token\n$border-tile-02: _get('border-tile-02') !default;\n\n/// The CSS Custom Property for the `border-tile-03` token\n$border-tile-03: _get('border-tile-03') !default;\n\n/// The CSS Custom Property for the `border-inverse` token\n$border-inverse: _get('border-inverse') !default;\n\n/// The CSS Custom Property for the `border-interactive` token\n$border-interactive: _get('border-interactive') !default;\n\n/// The CSS Custom Property for the `border-disabled` token\n$border-disabled: _get('border-disabled') !default;\n\n/// The CSS Custom Property for the `text-primary` token\n$text-primary: _get('text-primary') !default;\n\n/// The CSS Custom Property for the `text-secondary` token\n$text-secondary: _get('text-secondary') !default;\n\n/// The CSS Custom Property for the `text-placeholder` token\n$text-placeholder: _get('text-placeholder') !default;\n\n/// The CSS Custom Property for the `text-helper` token\n$text-helper: _get('text-helper') !default;\n\n/// The CSS Custom Property for the `text-error` token\n$text-error: _get('text-error') !default;\n\n/// The CSS Custom Property for the `text-inverse` token\n$text-inverse: _get('text-inverse') !default;\n\n/// The CSS Custom Property for the `text-on-color` token\n$text-on-color: _get('text-on-color') !default;\n\n/// The CSS Custom Property for the `text-on-color-disabled` token\n$text-on-color-disabled: _get('text-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `text-disabled` token\n$text-disabled: _get('text-disabled') !default;\n\n/// The CSS Custom Property for the `link-primary` token\n$link-primary: _get('link-primary') !default;\n\n/// The CSS Custom Property for the `link-primary-hover` token\n$link-primary-hover: _get('link-primary-hover') !default;\n\n/// The CSS Custom Property for the `link-secondary` token\n$link-secondary: _get('link-secondary') !default;\n\n/// The CSS Custom Property for the `link-inverse-visited` token\n$link-inverse-visited: _get('link-inverse-visited') !default;\n\n/// The CSS Custom Property for the `link-visited` token\n$link-visited: _get('link-visited') !default;\n\n/// The CSS Custom Property for the `link-inverse` token\n$link-inverse: _get('link-inverse') !default;\n\n/// The CSS Custom Property for the `link-inverse-active` token\n$link-inverse-active: _get('link-inverse-active') !default;\n\n/// The CSS Custom Property for the `link-inverse-hover` token\n$link-inverse-hover: _get('link-inverse-hover') !default;\n\n/// The CSS Custom Property for the `icon-primary` token\n$icon-primary: _get('icon-primary') !default;\n\n/// The CSS Custom Property for the `icon-secondary` token\n$icon-secondary: _get('icon-secondary') !default;\n\n/// The CSS Custom Property for the `icon-inverse` token\n$icon-inverse: _get('icon-inverse') !default;\n\n/// The CSS Custom Property for the `icon-on-color` token\n$icon-on-color: _get('icon-on-color') !default;\n\n/// The CSS Custom Property for the `icon-on-color-disabled` token\n$icon-on-color-disabled: _get('icon-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `icon-disabled` token\n$icon-disabled: _get('icon-disabled') !default;\n\n/// The CSS Custom Property for the `icon-interactive` token\n$icon-interactive: _get('icon-interactive') !default;\n\n/// The CSS Custom Property for the `support-error` token\n$support-error: _get('support-error') !default;\n\n/// The CSS Custom Property for the `support-success` token\n$support-success: _get('support-success') !default;\n\n/// The CSS Custom Property for the `support-warning` token\n$support-warning: _get('support-warning') !default;\n\n/// The CSS Custom Property for the `support-info` token\n$support-info: _get('support-info') !default;\n\n/// The CSS Custom Property for the `support-error-inverse` token\n$support-error-inverse: _get('support-error-inverse') !default;\n\n/// The CSS Custom Property for the `support-success-inverse` token\n$support-success-inverse: _get('support-success-inverse') !default;\n\n/// The CSS Custom Property for the `support-warning-inverse` token\n$support-warning-inverse: _get('support-warning-inverse') !default;\n\n/// The CSS Custom Property for the `support-info-inverse` token\n$support-info-inverse: _get('support-info-inverse') !default;\n\n/// The CSS Custom Property for the `support-caution-major` token\n$support-caution-major: _get('support-caution-major') !default;\n\n/// The CSS Custom Property for the `support-caution-minor` token\n$support-caution-minor: _get('support-caution-minor') !default;\n\n/// The CSS Custom Property for the `support-caution-undefined` token\n$support-caution-undefined: _get('support-caution-undefined') !default;\n\n/// The CSS Custom Property for the `ai-popover-background` token\n$ai-popover-background: _get('ai-popover-background') !default;\n\n/// The CSS Custom Property for the `ai-popover-shadow-outer-01` token\n$ai-popover-shadow-outer-01: _get('ai-popover-shadow-outer-01') !default;\n\n/// The CSS Custom Property for the `ai-popover-shadow-outer-02` token\n$ai-popover-shadow-outer-02: _get('ai-popover-shadow-outer-02') !default;\n\n/// The CSS Custom Property for the `ai-inner-shadow` token\n$ai-inner-shadow: _get('ai-inner-shadow') !default;\n\n/// The CSS Custom Property for the `ai-aura-start-sm` token\n$ai-aura-start-sm: _get('ai-aura-start-sm') !default;\n\n/// The CSS Custom Property for the `ai-aura-start` token\n$ai-aura-start: _get('ai-aura-start') !default;\n\n/// The CSS Custom Property for the `ai-aura-end` token\n$ai-aura-end: _get('ai-aura-end') !default;\n\n/// The CSS Custom Property for the `ai-aura-hover-background` token\n$ai-aura-hover-background: _get('ai-aura-hover-background') !default;\n\n/// The CSS Custom Property for the `ai-aura-hover-start` token\n$ai-aura-hover-start: _get('ai-aura-hover-start') !default;\n\n/// The CSS Custom Property for the `ai-aura-hover-end` token\n$ai-aura-hover-end: _get('ai-aura-hover-end') !default;\n\n/// The CSS Custom Property for the `ai-border-strong` token\n$ai-border-strong: _get('ai-border-strong') !default;\n\n/// The CSS Custom Property for the `ai-border-start` token\n$ai-border-start: _get('ai-border-start') !default;\n\n/// The CSS Custom Property for the `ai-border-end` token\n$ai-border-end: _get('ai-border-end') !default;\n\n/// The CSS Custom Property for the `ai-drop-shadow` token\n$ai-drop-shadow: _get('ai-drop-shadow') !default;\n\n/// The CSS Custom Property for the `ai-skeleton-background` token\n$ai-skeleton-background: _get('ai-skeleton-background') !default;\n\n/// The CSS Custom Property for the `ai-skeleton-element-background` token\n$ai-skeleton-element-background: _get(\n 'ai-skeleton-element-background'\n) !default;\n\n/// The CSS Custom Property for the `ai-overlay` token\n$ai-overlay: _get('ai-overlay') !default;\n\n/// The CSS Custom Property for the `ai-popover-caret-center` token\n$ai-popover-caret-center: _get('ai-popover-caret-center') !default;\n\n/// The CSS Custom Property for the `ai-popover-caret-bottom` token\n$ai-popover-caret-bottom: _get('ai-popover-caret-bottom') !default;\n\n/// The CSS Custom Property for the `ai-popover-caret-bottom-background` token\n$ai-popover-caret-bottom-background: _get(\n 'ai-popover-caret-bottom-background'\n) !default;\n\n/// The CSS Custom Property for the `ai-popover-caret-bottom-background-actions` token\n$ai-popover-caret-bottom-background-actions: _get(\n 'ai-popover-caret-bottom-background-actions'\n) !default;\n\n/// The CSS Custom Property for the `chat-prompt-background` token\n$chat-prompt-background: _get('chat-prompt-background') !default;\n\n/// The CSS Custom Property for the `chat-prompt-border-start` token\n$chat-prompt-border-start: _get('chat-prompt-border-start') !default;\n\n/// The CSS Custom Property for the `chat-prompt-border-end` token\n$chat-prompt-border-end: _get('chat-prompt-border-end') !default;\n\n/// The CSS Custom Property for the `chat-bubble-user` token\n$chat-bubble-user: _get('chat-bubble-user') !default;\n\n/// The CSS Custom Property for the `chat-bubble-agent` token\n$chat-bubble-agent: _get('chat-bubble-agent') !default;\n\n/// The CSS Custom Property for the `chat-bubble-border` token\n$chat-bubble-border: _get('chat-bubble-border') !default;\n\n/// The CSS Custom Property for the `chat-avatar-bot` token\n$chat-avatar-bot: _get('chat-avatar-bot') !default;\n\n/// The CSS Custom Property for the `chat-avatar-agent` token\n$chat-avatar-agent: _get('chat-avatar-agent') !default;\n\n/// The CSS Custom Property for the `chat-avatar-user` token\n$chat-avatar-user: _get('chat-avatar-user') !default;\n\n/// The CSS Custom Property for the `chat-shell-background` token\n$chat-shell-background: _get('chat-shell-background') !default;\n\n/// The CSS Custom Property for the `chat-header-background` token\n$chat-header-background: _get('chat-header-background') !default;\n\n/// The CSS Custom Property for the `chat-button` token\n$chat-button: _get('chat-button') !default;\n\n/// The CSS Custom Property for the `chat-button-hover` token\n$chat-button-hover: _get('chat-button-hover') !default;\n\n/// The CSS Custom Property for the `chat-button-text-hover` token\n$chat-button-text-hover: _get('chat-button-text-hover') !default;\n\n/// The CSS Custom Property for the `chat-button-active` token\n$chat-button-active: _get('chat-button-active') !default;\n\n/// The CSS Custom Property for the `chat-button-selected` token\n$chat-button-selected: _get('chat-button-selected') !default;\n\n/// The CSS Custom Property for the `chat-button-text-selected` token\n$chat-button-text-selected: _get('chat-button-text-selected') !default;\n\n/// The CSS Custom Property for the `highlight` token\n$highlight: _get('highlight') !default;\n\n/// The CSS Custom Property for the `overlay` token\n$overlay: _get('overlay') !default;\n\n/// The CSS Custom Property for the `toggle-off` token\n$toggle-off: _get('toggle-off') !default;\n\n/// The CSS Custom Property for the `shadow` token\n$shadow: _get('shadow') !default;\n\n/// The CSS Custom Property for the `focus` token\n$focus: _get('focus') !default;\n\n/// The CSS Custom Property for the `focus-inset` token\n$focus-inset: _get('focus-inset') !default;\n\n/// The CSS Custom Property for the `focus-inverse` token\n$focus-inverse: _get('focus-inverse') !default;\n\n/// The CSS Custom Property for the `skeleton-background` token\n$skeleton-background: _get('skeleton-background') !default;\n\n/// The CSS Custom Property for the `skeleton-element` token\n$skeleton-element: _get('skeleton-element') !default;\n","//\n// Copyright IBM Corp. 2016, 2025\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../popover';\n@use '../../config' as *;\n@use '../../spacing';\n@use '../../theme';\n@use '../../type';\n@use '../../layer' as *;\n@use '../../utilities/custom-property';\n@use '../../utilities/convert';\n@use '../../utilities/button-reset';\n@use '../../utilities/focus-outline';\n\n$tooltip-padding-block: custom-property.get-var(\n 'tooltip-padding-block',\n spacing.$spacing-05\n);\n\n$tooltip-padding-inline: custom-property.get-var(\n 'tooltip-padding-inline',\n spacing.$spacing-05\n);\n\n@mixin tooltip {\n .#{$prefix}--tooltip {\n @include custom-property.declaration('popover-offset', 12px);\n }\n\n .#{$prefix}--tooltip-content {\n @include type.type-style('body-01');\n\n padding: $tooltip-padding-block $tooltip-padding-inline;\n max-inline-size: convert.to-rem(288px);\n overflow-wrap: break-word;\n }\n}\n\n@mixin definition-tooltip {\n .#{$prefix}--definition-term {\n @include button-reset.reset;\n\n border-radius: 0;\n border-block-end: 1px dotted theme.$border-strong;\n color: theme.$text-primary;\n }\n\n .#{$prefix}--definition-term:focus {\n @include focus-outline.focus-outline;\n\n border-block-end-color: theme.$border-interactive;\n }\n\n .#{$prefix}--definition-term:hover {\n border-block-end-color: theme.$border-interactive;\n }\n\n .#{$prefix}--definition-tooltip {\n @include type.type-style('body-01');\n\n padding: convert.to-rem(8px) convert.to-rem(16px);\n max-inline-size: convert.to-rem(176px);\n text-wrap: auto;\n word-break: break-word;\n }\n}\n\n@mixin icon-tooltip {\n .#{$prefix}--icon-tooltip {\n @include custom-property.declaration(\n 'tooltip-padding-block',\n convert.to-rem(2px)\n );\n @include custom-property.declaration(\n 'popover-caret-width',\n convert.to-rem(8px)\n );\n @include custom-property.declaration(\n 'popover-caret-height',\n convert.to-rem(4px)\n );\n @include custom-property.declaration('popover-offset', convert.to-rem(8px));\n }\n\n .#{$prefix}--icon-tooltip .#{$prefix}--tooltip-content {\n @include type.type-style('body-compact-01');\n }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'tokens' as *;\n@use 'vars' as *;\n@use 'mixins' as *;\n@use '../tooltip';\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../layer' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/visually-hidden' as *;\n@use '../../utilities/layout';\n\n@mixin button {\n .#{$prefix}--btn {\n @include layout.use('size', $min: 'xs', $default: 'lg', $max: '2xl');\n @include layout.use('density', $default: 'normal');\n\n @include button-base;\n }\n\n // Reset intrinsic padding in Firefox (see #731)\n .#{$prefix}--btn::-moz-focus-inner {\n padding: 0;\n border: 0;\n }\n\n .#{$prefix}--btn--primary {\n @include button-theme(\n $button-primary,\n transparent,\n $text-on-color,\n $button-primary-hover,\n currentColor,\n $button-primary-active\n );\n\n &:hover {\n color: $text-on-color;\n }\n }\n\n .#{$prefix}--btn--secondary {\n @include button-theme(\n $button-secondary,\n transparent,\n $text-on-color,\n $button-secondary-hover,\n currentColor,\n $button-secondary-active\n );\n\n &:hover,\n &:focus {\n color: $text-on-color;\n }\n }\n\n .#{$prefix}--btn--tertiary {\n @include button-theme(\n transparent,\n $button-tertiary,\n $button-tertiary,\n $button-tertiary-hover,\n currentColor,\n $button-tertiary-active\n );\n\n &:hover {\n color: $text-inverse;\n }\n\n &:focus {\n background-color: $button-tertiary;\n color: $text-inverse;\n }\n\n &:active {\n border-color: transparent;\n background-color: $button-tertiary-active;\n color: $text-inverse;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n background: transparent;\n color: $text-disabled;\n outline: none;\n }\n }\n\n .#{$prefix}--btn--ghost {\n @include button-theme(\n transparent,\n transparent,\n $link-primary,\n $background-hover,\n currentColor,\n $background-active\n );\n\n padding-inline-end: calc(\n layout.density('padding-inline') - convert.to-rem(1px)\n );\n\n .#{$prefix}--btn__icon {\n position: static;\n align-self: center;\n margin-inline-start: $spacing-03;\n }\n\n &:hover,\n &:active {\n color: $link-primary-hover;\n }\n\n &:active {\n background-color: $background-active;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: transparent;\n background: transparent;\n color: $text-disabled;\n outline: none;\n }\n\n &:not([disabled]) svg {\n fill: $icon-primary;\n }\n }\n\n .#{$prefix}--btn--icon-only {\n align-items: center;\n justify-content: center;\n padding: 0;\n block-size: layout.size('height');\n inline-size: layout.size('height');\n padding-block-start: 0;\n\n > :first-child {\n min-inline-size: convert.to-rem(16px);\n }\n\n .#{$prefix}--btn__icon {\n position: static;\n }\n\n &.#{$prefix}--btn--ghost .#{$prefix}--btn__icon,\n &.#{$prefix}--btn--danger--ghost .#{$prefix}--btn__icon {\n margin: 0;\n }\n\n &.#{$prefix}--btn--danger--ghost {\n padding-inline-end: calc(\n layout.density('padding-inline') - convert.to-rem(16px)\n );\n }\n }\n\n // Adjust text positioning in extra small variant only\n .#{$prefix}--btn--xs:not(.#{$prefix}--btn--icon-only) {\n padding-block-start: 1.5px;\n }\n\n // Adjust icon positioning in extra small, small, medium variants only\n .#{$prefix}--btn--xs:not(.#{$prefix}--btn--icon-only) .#{$prefix}--btn__icon,\n .#{$prefix}--btn--sm:not(.#{$prefix}--btn--icon-only) .#{$prefix}--btn__icon,\n .#{$prefix}--btn--md:not(.#{$prefix}--btn--icon-only) .#{$prefix}--btn__icon {\n margin-block-start: 0;\n }\n\n .#{$prefix}--btn--icon-only.#{$prefix}--btn--selected {\n background: $background-selected;\n }\n\n .#{$prefix}--btn path[data-icon-path='inner-path'] {\n fill: none;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only\n .#{$prefix}--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only .#{$prefix}--btn__icon {\n fill: $icon-primary;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled]\n .#{$prefix}--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled]\n .#{$prefix}--btn__icon,\n .#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--btn--ghost[disabled]:hover\n .#{$prefix}--btn__icon {\n fill: $icon-on-color-disabled;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled] {\n cursor: not-allowed;\n }\n\n // Workaround to ensure onMouseEnter events fire when moving\n // from a disabled button to a non-disabled button (#13815)\n .#{$prefix}--icon-tooltip--disabled .#{$prefix}--tooltip-trigger__wrapper {\n cursor: not-allowed;\n }\n\n .#{$prefix}--icon-tooltip--disabled .#{$prefix}--btn--icon-only[disabled] {\n pointer-events: none;\n }\n\n .#{$prefix}--btn--danger {\n @include button-theme(\n $button-danger-primary,\n transparent,\n $text-on-color,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n &:hover {\n color: $text-on-color;\n }\n\n &--tertiary {\n @include button-theme(\n transparent,\n $button-danger-secondary,\n $button-danger-secondary,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n &:hover {\n border-color: $button-danger-hover;\n color: $text-on-color;\n }\n\n &:focus {\n background-color: $button-danger-primary;\n color: $text-on-color;\n }\n\n &:active {\n border-color: $button-danger-active;\n background-color: $button-danger-active;\n color: $text-on-color;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n background: transparent;\n color: $text-disabled;\n outline: none;\n }\n }\n\n &--ghost {\n @include button-theme(\n transparent,\n transparent,\n $button-danger-secondary,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n padding-inline-end: calc(\n layout.density('padding-inline') - convert.to-rem(1px)\n );\n\n .#{$prefix}--btn__icon {\n position: static;\n margin-inline-start: $spacing-03;\n }\n\n &:hover,\n &:active {\n color: $text-on-color;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: transparent;\n background: transparent;\n color: $text-disabled;\n outline: none;\n }\n }\n }\n\n //expressive styles\n .#{$prefix}--btn--expressive {\n @include type-style('body-compact-02');\n\n padding-block: min(\n calc(\n (layout.size('height') - var(--temp-expressive-1lh)) / 2 - convert.to-rem(\n 1px\n )\n ),\n var(--temp-padding-block-max)\n );\n }\n\n .#{$prefix}--btn--icon-only.#{$prefix}--btn--expressive {\n padding: 12px 13px;\n //default size 48px\n }\n\n .#{$prefix}--btn.#{$prefix}--btn--expressive .#{$prefix}--btn__icon {\n block-size: convert.to-rem(20px);\n inline-size: convert.to-rem(20px);\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--expressive {\n max-inline-size: convert.to-rem(320px);\n }\n\n // Skeleton State\n .#{$prefix}--btn.#{$prefix}--skeleton {\n @include skeleton;\n\n inline-size: convert.to-rem(150px);\n }\n\n // button set styles\n .#{$prefix}--btn-set {\n display: flex;\n }\n\n .#{$prefix}--btn-set--stacked {\n flex-direction: column;\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn {\n inline-size: 100%;\n // 196px from design kit\n max-inline-size: convert.to-rem(196px);\n\n &:not(:focus) {\n box-shadow: convert.to-rem(-1px) 0 0 0 $button-separator;\n }\n\n &:first-of-type:not(:focus) {\n box-shadow: inherit;\n }\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn:focus + .#{$prefix}--btn {\n box-shadow: inherit;\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn:not(:focus) {\n box-shadow: 0 convert.to-rem(-1px) 0 0 $button-separator;\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn:first-of-type:not(:focus) {\n box-shadow: inherit;\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--disabled {\n box-shadow: convert.to-rem(-1px) 0 0 0 $icon-on-color-disabled;\n\n &:first-of-type {\n box-shadow: none;\n }\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn.#{$prefix}--btn--disabled {\n box-shadow: 0 convert.to-rem(-1px) 0 0 $layer-selected-disabled;\n\n &:first-of-type {\n box-shadow: none;\n }\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--loading {\n border-color: transparent;\n background-color: transparent;\n box-shadow: none;\n }\n\n // badge indicator\n\n .#{$prefix}--btn--sm .#{$prefix}--badge-indicator {\n margin-block-start: $spacing-02;\n margin-inline-end: $spacing-02;\n }\n\n // Windows HCM fix\n .#{$prefix}--btn:focus {\n @include high-contrast-mode('focus');\n }\n\n // RTL overrides\n [dir='rtl'] .#{$prefix}--btn-set .#{$prefix}--btn:not(:focus) {\n box-shadow: convert.to-rem(1px) 0 0 0 $button-separator;\n }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n\n@use 'vars' as *;\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/custom-property';\n@use '../../utilities/layout';\n@use 'tokens' as *;\n\n$button-focus-color: custom-property.get-var('button-focus-color', $focus);\n\n@mixin button-base {\n // https://caniuse.com/mdn-css_types_length_lh\n --temp-1lh: (\n #{custom-property.get-var(\n 'body-compact-01-line-height',\n map.get($body-compact-01, line-height)\n )} * 1em\n );\n --temp-expressive-1lh: (\n #{custom-property.get-var(\n 'body-compact-02-line-height',\n map.get($body-compact-02, line-height)\n )} * 1em\n );\n // -1px to compensate for border width\n --temp-padding-block-max: calc(\n (#{custom-property.get-var('layout-size-height-lg')} - var(--temp-1lh)) / 2 -\n #{convert.to-rem(1px)}\n );\n\n @include component-reset.reset;\n @include type-style('body-compact-01');\n\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n justify-content: space-between;\n border-radius: $button-border-radius;\n // Fix to remove added margins on buttons in safari (see #5155)\n margin: 0;\n cursor: pointer;\n inline-size: max-content;\n max-inline-size: convert.to-rem(320px);\n min-block-size: layout.size('height');\n outline: none;\n // -1px to compensate for border width\n padding-block: min(\n calc((layout.size('height') - var(--temp-1lh)) / 2 - convert.to-rem(1px)),\n var(--temp-padding-block-max)\n );\n padding-inline: calc(layout.density('padding-inline') - convert.to-rem(1px))\n calc(\n layout.density('padding-inline') * 3 + convert.to-rem(16px) - convert.to-rem(\n 1px\n )\n );\n text-align: start;\n text-decoration: none;\n transition:\n background $duration-fast-01 motion(entrance, productive),\n box-shadow $duration-fast-01 motion(entrance, productive),\n border-color $duration-fast-01 motion(entrance, productive),\n outline $duration-fast-01 motion(entrance, productive);\n vertical-align: top;\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: $button-disabled;\n background: $button-disabled;\n box-shadow: none;\n color: $text-on-color-disabled;\n cursor: not-allowed;\n }\n\n .#{$prefix}--btn__icon {\n position: absolute;\n flex-shrink: 0;\n block-size: convert.to-rem(16px);\n inline-size: convert.to-rem(16px);\n // -1px to compensate for border width\n inset-block-start: min(\n calc(\n (layout.size('height') - convert.to-rem(16px)) / 2 - convert.to-rem(1px)\n ),\n var(--temp-padding-block-max)\n );\n inset-inline-end: layout.density('padding-inline');\n margin-block-start: convert.to-rem(1px);\n }\n}\n\n/// Button variant styles\n/// @access private\n/// @group button\n@mixin button-theme(\n $bg-color,\n $border-color,\n $font-color,\n $hover-bg-color,\n $icon-color,\n $active-color\n) {\n border-width: $button-outline-width;\n border-style: solid;\n border-color: $border-color;\n background-color: $bg-color;\n color: $font-color;\n\n &:hover {\n background-color: $hover-bg-color;\n }\n\n &:focus {\n border-color: $button-focus-color;\n box-shadow:\n inset 0 0 0 $button-outline-width $button-focus-color,\n inset 0 0 0 $button-border-width $background;\n }\n\n &:active {\n background-color: $active-color;\n }\n\n .#{$prefix}--btn__icon,\n .#{$prefix}--btn__icon path:not([data-icon-path]):not([fill='none']) {\n fill: $icon-color;\n }\n}\n\n@mixin button-padding-large {\n align-items: baseline;\n padding-block-start: $spacing-05;\n padding-inline: $spacing-05 $spacing-10;\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../spacing' as *;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-font-weight: 400 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-font-size: 0.875rem !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-border-radius: 0 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-height: 3rem !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding: calc(0.875rem - 3px) calc(#{$spacing-10} - 1px)\n calc(0.875rem - 3px) calc(#{$spacing-05} - 1px) !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding-field: calc(0.675rem - 3px) calc(#{$spacing-10} - 4px)\n calc(0.675rem - 3px) calc(#{$spacing-05} - 4px) !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding-sm: calc(0.375rem - 3px) calc(#{$spacing-10} - 4px)\n calc(0.375rem - 3px) calc(#{$spacing-05} - 4px) !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-padding-lg: $spacing-04 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as normal buttons, but removes extra padding-right\n$button-padding-ghost: calc(0.875rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as field buttons, but removes extra padding-right\n$button-padding-ghost-field: calc(0.675rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as small buttons, but removes extra padding-right\n$button-padding-ghost-sm: calc(0.375rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-border-width: 2px !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-outline-width: 1px !default;\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n@use '../../config';\n@use '../../themes';\n@use '../../utilities/component-tokens';\n@use '@carbon/themes/scss/component-tokens' as button;\n\n$button-separator: (\n fallback: map.get(button.$button-separator, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-separator, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-separator, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-separator, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-separator, g-100),\n ),\n ),\n) !default;\n\n$button-primary: (\n fallback: map.get(button.$button-primary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary, g-100),\n ),\n ),\n) !default;\n\n$button-secondary: (\n fallback: map.get(button.$button-secondary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary: (\n fallback: map.get(button.$button-tertiary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-primary: (\n fallback: map.get(button.$button-danger-primary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-primary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-primary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-primary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-primary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-secondary: (\n fallback: map.get(button.$button-danger-secondary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-secondary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-secondary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-secondary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-secondary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-active: (\n fallback: map.get(button.$button-danger-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-active, g-100),\n ),\n ),\n) !default;\n\n$button-primary-active: (\n fallback: map.get(button.$button-primary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary-active, g-100),\n ),\n ),\n) !default;\n\n$button-secondary-active: (\n fallback: map.get(button.$button-secondary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary-active, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary-active: (\n fallback: map.get(button.$button-tertiary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary-active, g-100),\n ),\n ),\n) !default;\n\n$button-danger-hover: (\n fallback: map.get(button.$button-danger-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-hover, g-100),\n ),\n ),\n) !default;\n\n$button-primary-hover: (\n fallback: map.get(button.$button-primary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-secondary-hover: (\n fallback: map.get(button.$button-secondary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary-hover: (\n fallback: map.get(button.$button-tertiary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-disabled: (\n fallback: map.get(button.$button-disabled, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-disabled, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-disabled, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-disabled, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-disabled, g-100),\n ),\n ),\n) !default;\n\n$button-tokens: (\n button-separator: $button-separator,\n button-primary: $button-primary,\n button-secondary: $button-secondary,\n button-tertiary: $button-tertiary,\n button-danger-primary: $button-danger-primary,\n button-danger-secondary: $button-danger-secondary,\n button-danger-active: $button-danger-active,\n button-primary-active: $button-primary-active,\n button-secondary-active: $button-secondary-active,\n button-tertiary-active: $button-tertiary-active,\n button-danger-hover: $button-danger-hover,\n button-primary-hover: $button-primary-hover,\n button-secondary-hover: $button-secondary-hover,\n button-tertiary-hover: $button-tertiary-hover,\n button-disabled: $button-disabled,\n);\n\n$button-separator: component-tokens.get-var(\n $button-separator,\n 'button-separator'\n);\n\n$button-primary: component-tokens.get-var($button-primary, 'button-primary');\n\n$button-secondary: component-tokens.get-var(\n $button-secondary,\n 'button-secondary'\n);\n\n$button-tertiary: component-tokens.get-var($button-tertiary, 'button-tertiary');\n\n$button-danger-primary: component-tokens.get-var(\n $button-danger-primary,\n 'button-danger-primary'\n);\n\n$button-danger-secondary: component-tokens.get-var(\n $button-danger-secondary,\n 'button-danger-secondary'\n);\n\n$button-danger-active: component-tokens.get-var(\n $button-danger-active,\n 'button-danger-active'\n);\n\n$button-primary-active: component-tokens.get-var(\n $button-primary-active,\n 'button-primary-active'\n);\n\n$button-secondary-active: component-tokens.get-var(\n $button-secondary-active,\n 'button-secondary-active'\n);\n\n$button-tertiary-active: component-tokens.get-var(\n $button-tertiary-active,\n 'button-tertiary-active'\n);\n\n$button-danger-hover: component-tokens.get-var(\n $button-danger-hover,\n 'button-danger-hover'\n);\n\n$button-primary-hover: component-tokens.get-var(\n $button-primary-hover,\n 'button-primary-hover'\n);\n\n$button-secondary-hover: component-tokens.get-var(\n $button-secondary-hover,\n 'button-secondary-hover'\n);\n\n$button-tertiary-hover: component-tokens.get-var(\n $button-tertiary-hover,\n 'button-tertiary-hover'\n);\n\n$button-disabled: component-tokens.get-var($button-disabled, 'button-disabled');\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'keyframes';\n@use '../theme' as *;\n@use '../config' as *;\n@use '../utilities/high-contrast-mode' as *;\n\n/// Skeleton loading animation\n/// @access public\n/// @example @include skeleton;\n/// @group utilities\n@mixin skeleton {\n position: relative;\n padding: 0;\n border: none;\n background: $skeleton-background;\n box-shadow: none;\n pointer-events: none;\n\n &:hover,\n &:focus,\n &:active {\n border: none;\n cursor: default;\n outline: none;\n }\n\n &::before {\n position: absolute;\n animation: 3000ms ease-in-out #{$prefix}--skeleton infinite;\n background: $skeleton-element;\n block-size: 100%;\n content: '';\n inline-size: 100%;\n inset-inline-start: 0;\n will-change: transform-origin, transform, opacity;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n\n // High Contrast Mode support\n @include high-contrast-mode {\n background: CanvasText;\n\n &::before {\n background: Canvas;\n forced-color-adjust: none;\n }\n }\n}\n\n/// Circular Skeleton loading animation\n/// @access public\n/// @example @include circular-skeleton;\n/// @group utilities\n@mixin circular-skeleton {\n position: relative;\n overflow: hidden;\n border-radius: 50%;\n background: $skeleton-background;\n\n &::before {\n position: absolute;\n animation: 3000ms ease-in-out #{$prefix}--skeleton infinite;\n background: $skeleton-element;\n block-size: 100%;\n content: '';\n inline-size: 200%;\n will-change: transform-origin, transform, opacity;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n\n //High Contrast Mode\n //Ensure Skeleton is visible and animated in Windows HCM\n @include high-contrast-mode {\n background: CanvasText;\n\n &::before {\n background: Canvas;\n forced-color-adjust: none;\n }\n }\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// High Contrast Mode mixin for Windows and macOS\n/// @access public\n/// @example @include high-contrast-mode;\n/// @group utilities\n/// Set HCM styles at the end of each file to ensure they are not overwritten\n@mixin high-contrast-mode($type: '') {\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n @if ($type == 'focus') {\n color: Highlight;\n outline: 1px solid Highlight;\n }\n\n @if ($type == 'outline') {\n outline: 1px solid transparent;\n }\n\n @if ($type == 'disabled') {\n color: GrayText;\n fill: GrayText;\n }\n\n @content;\n }\n}\n","@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/styles/scss/motion';\n@use '@carbon/layout';\n@use '@carbon/styles/scss/theme';\n@use '@carbon/type';\n@use '@carbon/styles/scss/components/button';\n@use '@carbon/styles/scss/utilities/box-shadow';\n@use '@carbon/styles/scss/utilities/component-reset';\n@use '@carbon/styles/scss/utilities/focus-outline' as focus;\n@use '../vars' as *;\n\n.calendarGrid {\n width: 17rem;\n\n & tr,\n & tr > th,\n & tr > td {\n height: 2.428rem;\n width: 2.428rem;\n }\n\n & > thead > tr > th {\n @include type.type-style('body-compact-01');\n cursor: default;\n text-align: center;\n vertical-align: middle;\n }\n\n & > tbody > tr > td {\n @include type.type-style('body-compact-01');\n cursor: pointer;\n text-align: center;\n vertical-align: middle;\n\n & > div {\n outline: unset;\n }\n\n &:hover:not(:has([aria-disabled], [data-selected])) {\n background-color: theme.$layer-hover;\n }\n\n &:has([data-selected]) {\n background-color: $color-blue-60-2;\n color: $ui-background;\n }\n\n &[aria-disabled] {\n color: theme.$text-disabled;\n cursor: default;\n }\n }\n}\n\n.dialog {\n @include box-shadow.box-shadow;\n background-color: theme.$layer-01;\n overflow: hidden;\n padding: layout.$spacing-02 layout.$spacing-02 layout.$spacing-03 layout.$spacing-02;\n}\n\n.flatButton {\n @include component-reset.reset;\n\n & {\n background-color: inherit;\n display: inline-flex;\n }\n\n &:hover:not(:disabled) {\n background-color: theme.$layer-hover;\n }\n\n &:disabled > svg {\n fill: theme.$text-disabled;\n }\n\n & > svg {\n display: block;\n margin: auto;\n text-align: center;\n }\n}\n\n[data-invalid] > .flatButton > svg {\n --omrs-icon-fill: #{theme.$support-error};\n}\n\n.flatButtonMd {\n height: layout.$spacing-08;\n width: layout.$spacing-08;\n}\n\n.header {\n margin-top: layout.$spacing-03;\n margin-bottom: layout.$spacing-03;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: space-between;\n}\n\n.inputGroup {\n align-items: center;\n background-color: var(--cds-field);\n border-block-end: 1px solid var(--cds-border-strong);\n color: var(--cds-text-primary);\n display: flex;\n position: relative;\n\n &:focus-within,\n &.cds--focused {\n @include focus.focus-outline('outline');\n }\n\n &[data-invalid] {\n @include focus.focus-outline('invalid');\n\n & {\n color: theme.$support-error;\n }\n }\n\n &[data-disabled] {\n border-block-end: 1px solid rgba(0, 0, 0, 0);\n color: theme.$text-disabled;\n cursor: not-allowed;\n }\n}\n\n.inputWrapper {\n inline-size: 15rem;\n margin-left: layout.$spacing-05;\n min-width: layout.$spacing-13;\n max-width: 15rem;\n\n & .inputSegment {\n caret-color: var(--cds-text-primary);\n\n &:focus {\n outline: unset;\n background-color: theme.$layer-selected-hover;\n }\n\n &[data-placeholder] {\n color: theme.$text-disabled;\n }\n\n &[data-focused='true'] {\n animation: cursor-blink 1s step-end infinite;\n }\n }\n\n /*\n * These next two style rules try to render the read-only parts of the date in the disabled color\n * unless they ware surrounded by two filled-in entries.\n */\n [data-readonly]:has(+ [data-placeholder]) {\n color: theme.$text-disabled;\n }\n\n [data-placeholder] + [data-readonly] {\n color: theme.$text-disabled;\n }\n\n @keyframes cursor-blink {\n from,\n to {\n border-right: 1px solid transparent;\n }\n 50% {\n border-right: 1px solid currentColor;\n }\n }\n}\n\n.inputWrapperMd {\n block-size: layout.$spacing-08;\n}\n\n.monthYear {\n @include component-reset.reset;\n @include type.type-style('heading-compact-01');\n\n & {\n margin-top: layout.$spacing-03;\n margin-block-end: layout.$spacing-01;\n text-align: center;\n }\n\n & > span {\n margin-left: layout.$spacing-02;\n margin-right: layout.$spacing-02;\n }\n\n & div:has(input[inputmode='numeric']) {\n display: inline;\n\n & > input[inputmode='numeric'] {\n @include component-reset.reset;\n @include type.type-style('heading-compact-01');\n\n & {\n background-color: var(--cds-field);\n inline-size: layout.$spacing-08;\n padding: layout.$spacing-02;\n padding-right: 0;\n }\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n margin: 0;\n -webkit-appearance: none;\n }\n\n &:focus {\n @include focus.focus-outline('border');\n }\n\n &[data-invalid] {\n @include focus.focus-outline('invalid');\n }\n\n &[data-disabled],\n &[data-disabled]:hover {\n background-color: theme.$layer-01;\n color: theme.$text-disabled;\n pointer-events: none;\n }\n\n &[data-disabled] + div > button::after {\n border-block-end-color: theme.$text-disabled;\n border-block-start-color: theme.$text-disabled;\n }\n\n &[data-disabled] + div > button:hover {\n opacity: 0;\n }\n }\n\n & div[role='group'] {\n @include component-reset.reset;\n\n & {\n display: inline;\n position: relative;\n }\n }\n\n &:hover button {\n opacity: 1;\n }\n\n & button {\n @include component-reset.reset;\n\n & {\n position: absolute;\n padding: 0 layout.$spacing-02 0 layout.$spacing-01;\n border: none;\n block-size: 50%;\n cursor: pointer;\n inline-size: layout.$spacing-04;\n inset-inline-start: layout.$spacing-08;\n line-height: 50%;\n opacity: 0;\n }\n\n &::after {\n display: block;\n border-inline-end: layout.$spacing-02 solid transparent;\n border-inline-start: layout.$spacing-02 solid transparent;\n content: '';\n inset-block-start: 33%;\n }\n\n &:hover::after {\n border-block-end-color: button.$button-primary;\n border-block-start-color: button.$button-primary;\n }\n\n &:active::after {\n border-block-end-color: theme.$border-interactive;\n border-block-start-color: theme.$border-interactive;\n }\n\n &[slot='increment'] {\n top: 0;\n left: 0;\n }\n\n &[slot='decrement'] {\n top: layout.$spacing-04;\n left: 0;\n }\n }\n }\n}\n\n@keyframes fade-in-down {\n from {\n opacity: 0;\n transform: translate3d(0, -20px, 0);\n }\n\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n\n.popover[data-entering] {\n animation: fade-in-down motion.$duration-fast-02 motion.motion(entrance, productive);\n\n @media screen and (prefers-reduced-motion: reduce) {\n animation: none;\n }\n}\n\n:global([dir='rtl']) {\n .inputWrapper {\n padding-left: unset;\n padding-right: layout.$spacing-04;\n }\n\n .monthYear {\n & div:has(input[inputmode='numeric']) {\n > input[inputmode='numeric'] {\n padding-right: layout.$spacing-02;\n }\n }\n\n & button {\n &[slot='increment'] {\n top: 0;\n left: unset;\n right: 0;\n }\n\n &[slot='decrement'] {\n top: layout.$spacing-04;\n left: unset;\n right: 0;\n }\n }\n }\n}\n\n.invalidText {\n color: theme.$text-error !important;\n font-size: layout.$spacing-04;\n font-weight: 400 !important;\n margin: layout.$spacing-02 0 0;\n overflow: hidden;\n}\n\n.today:not([data-selected]) {\n position: relative;\n color: $color-blue-60-2;\n font-weight: 600;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n display: flex;\n align-items: center;\n justify-content: center;\n block-size: layout.$spacing-08;\n cursor: pointer;\n inline-size: layout.$spacing-08;\n\n &::after {\n position: absolute;\n display: block;\n block-size: layout.$spacing-02;\n content: '';\n inline-size: layout.$spacing-02;\n inset-block-end: 0.4375rem;\n inset-inline-start: 50%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n }\n\n &[data-disabled]::after {\n background-color: theme.$text-disabled;\n }\n\n &:not([data-disabled])::after {\n background-color: var(--cds-link-primary, theme.$link-primary);\n }\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../theme';\n\n/// Adds box shadow\n/// @access public\n/// @example @include box-shadow;\n/// @group utilities\n@mixin box-shadow {\n box-shadow: 0 2px 6px theme.$shadow;\n}\n\n@mixin box-shadow-top {\n box-shadow: 0 -2px 6px theme.$shadow;\n}\n","@use '@carbon/styles/scss/theme';\n@use '../datepicker.module.scss' as *;\n\n.inputsWrapper {\n display: flex;\n min-width: 10rem;\n max-width: 15rem;\n margin-left: 1rem;\n inline-size: 15rem;\n}\n\n.dateInputWrapper {\n @extend .inputWrapper;\n min-width: unset;\n margin: 0px;\n}\n\n.startInput {\n flex-basis: fit-content;\n}\n\n.endInput {\n padding-right: unset;\n}\n\n.separator {\n margin-inline: 0.5rem;\n}\n\n.inputGroup:has([data-placeholder]) > .inputsWrapper > .separator > span {\n color: theme.$text-disabled;\n}\n\n:global([dir='rtl']) {\n .endInput {\n padding-right: 0;\n }\n}\n"],sourceRoot:""}]),i.locals={"cds--layout--size-xs":"-esm-devtools__date-range-picker-module__cds--layout--size-xs___-HfLh","cds--layout-constraint--size__default-xs":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__default-xs___lQ3lX","cds--layout-constraint--size__min-xs":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__min-xs___M+Pn+","cds--layout-constraint--size__max-xs":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__max-xs___45QPF","cds--layout--size-sm":"-esm-devtools__date-range-picker-module__cds--layout--size-sm___BGu1K","cds--layout-constraint--size__default-sm":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__default-sm___91ziq","cds--layout-constraint--size__min-sm":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__min-sm___zgPOd","cds--layout-constraint--size__max-sm":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__max-sm___CNmQy","cds--layout--size-md":"-esm-devtools__date-range-picker-module__cds--layout--size-md___ceaOe","cds--layout-constraint--size__default-md":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__default-md___qTZ9S","cds--layout-constraint--size__min-md":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__min-md___ibg4x","cds--layout-constraint--size__max-md":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__max-md___rTEli","cds--layout--size-lg":"-esm-devtools__date-range-picker-module__cds--layout--size-lg___adJJW","cds--layout-constraint--size__default-lg":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__default-lg___48Prc","cds--layout-constraint--size__min-lg":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__min-lg___ahTYO","cds--layout-constraint--size__max-lg":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__max-lg___+IYxF","cds--layout--size-xl":"-esm-devtools__date-range-picker-module__cds--layout--size-xl___fyUkM","cds--layout-constraint--size__default-xl":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__default-xl___voi1o","cds--layout-constraint--size__min-xl":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__min-xl___ivpGY","cds--layout-constraint--size__max-xl":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__max-xl___QllyM","cds--layout--size-2xl":"-esm-devtools__date-range-picker-module__cds--layout--size-2xl___V8Ip4","cds--layout-constraint--size__default-2xl":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__default-2xl___thHPB","cds--layout-constraint--size__min-2xl":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__min-2xl___KKjyS","cds--layout-constraint--size__max-2xl":"-esm-devtools__date-range-picker-module__cds--layout-constraint--size__max-2xl___kJ3V5","cds--layout--density-condensed":"-esm-devtools__date-range-picker-module__cds--layout--density-condensed___hBE0-","cds--layout-constraint--density__default-condensed":"-esm-devtools__date-range-picker-module__cds--layout-constraint--density__default-condensed___yKVVr","cds--layout-constraint--density__min-condensed":"-esm-devtools__date-range-picker-module__cds--layout-constraint--density__min-condensed___Tlkic","cds--layout-constraint--density__max-condensed":"-esm-devtools__date-range-picker-module__cds--layout-constraint--density__max-condensed___rMmM8","cds--layout--density-normal":"-esm-devtools__date-range-picker-module__cds--layout--density-normal___iOFZ4","cds--layout-constraint--density__default-normal":"-esm-devtools__date-range-picker-module__cds--layout-constraint--density__default-normal___8ml2V","cds--layout-constraint--density__min-normal":"-esm-devtools__date-range-picker-module__cds--layout-constraint--density__min-normal___Rw6aJ","cds--layout-constraint--density__max-normal":"-esm-devtools__date-range-picker-module__cds--layout-constraint--density__max-normal___205sP","cds--layer-one":"-esm-devtools__date-range-picker-module__cds--layer-one___LyDnn","cds--layer-two":"-esm-devtools__date-range-picker-module__cds--layer-two___7IsPb","cds--layer-three":"-esm-devtools__date-range-picker-module__cds--layer-three___OJDGr","cds--layer__with-background":"-esm-devtools__date-range-picker-module__cds--layer__with-background___dq9VR","cds--assistive-text":"-esm-devtools__date-range-picker-module__cds--assistive-text___5vZJx","cds--visually-hidden":"-esm-devtools__date-range-picker-module__cds--visually-hidden___aaqVq","cds--popover-container":"-esm-devtools__date-range-picker-module__cds--popover-container___Us5Dq","cds--popover--auto-align":"-esm-devtools__date-range-picker-module__cds--popover--auto-align___eUGy3","cds--popover--high-contrast":"-esm-devtools__date-range-picker-module__cds--popover--high-contrast___fP+3W","cds--popover":"-esm-devtools__date-range-picker-module__cds--popover___PvT6w","cds--popover--drop-shadow":"-esm-devtools__date-range-picker-module__cds--popover--drop-shadow___exazK","cds--popover-content":"-esm-devtools__date-range-picker-module__cds--popover-content___PV8Xt","cds--popover--caret":"-esm-devtools__date-range-picker-module__cds--popover--caret___Jx4Jy","cds--popover--open":"-esm-devtools__date-range-picker-module__cds--popover--open___uDM8G","cds--popover-caret":"-esm-devtools__date-range-picker-module__cds--popover-caret___O-Qo9","cds--popover--tab-tip":"-esm-devtools__date-range-picker-module__cds--popover--tab-tip___egmgw","cds--popover--bottom":"-esm-devtools__date-range-picker-module__cds--popover--bottom___VGmUf","cds--popover--bottom-left":"-esm-devtools__date-range-picker-module__cds--popover--bottom-left___+n9mu","cds--popover--bottom-start":"-esm-devtools__date-range-picker-module__cds--popover--bottom-start___9PClG","cds--popover--bottom-right":"-esm-devtools__date-range-picker-module__cds--popover--bottom-right___etOe5","cds--popover--bottom-end":"-esm-devtools__date-range-picker-module__cds--popover--bottom-end___osxhM","cds--popover--top-end":"-esm-devtools__date-range-picker-module__cds--popover--top-end___XOO1M","cds--popover--top-start":"-esm-devtools__date-range-picker-module__cds--popover--top-start___uT2Jg","cds--popover--top":"-esm-devtools__date-range-picker-module__cds--popover--top___r0aNQ","cds--popover--top-left":"-esm-devtools__date-range-picker-module__cds--popover--top-left___aS0-t","cds--popover--top-right":"-esm-devtools__date-range-picker-module__cds--popover--top-right___uPhbs","cds--popover--right":"-esm-devtools__date-range-picker-module__cds--popover--right___fUiFc","cds--popover--right-top":"-esm-devtools__date-range-picker-module__cds--popover--right-top___9jJto","cds--popover--right-start":"-esm-devtools__date-range-picker-module__cds--popover--right-start___0Es-L","cds--popover--right-bottom":"-esm-devtools__date-range-picker-module__cds--popover--right-bottom___Y1R1O","cds--popover--right-end":"-esm-devtools__date-range-picker-module__cds--popover--right-end___zO+fy","cds--popover--left":"-esm-devtools__date-range-picker-module__cds--popover--left___Y2Ij6","cds--popover--left-top":"-esm-devtools__date-range-picker-module__cds--popover--left-top___bVbuV","cds--popover--left-start":"-esm-devtools__date-range-picker-module__cds--popover--left-start___jncPc","cds--popover--left-bottom":"-esm-devtools__date-range-picker-module__cds--popover--left-bottom___JICVA","cds--popover--left-end":"-esm-devtools__date-range-picker-module__cds--popover--left-end___zyr5w","cds--popover--tab-tip__button":"-esm-devtools__date-range-picker-module__cds--popover--tab-tip__button___jtgC6","cds--tooltip":"-esm-devtools__date-range-picker-module__cds--tooltip___xWsLX","cds--tooltip-content":"-esm-devtools__date-range-picker-module__cds--tooltip-content___agMtg","cds--icon-tooltip":"-esm-devtools__date-range-picker-module__cds--icon-tooltip___YO3-D","cds--definition-term":"-esm-devtools__date-range-picker-module__cds--definition-term___xbRWu","cds--definition-tooltip":"-esm-devtools__date-range-picker-module__cds--definition-tooltip___tURmU","cds--btn":"-esm-devtools__date-range-picker-module__cds--btn___hj67X","cds--btn--disabled":"-esm-devtools__date-range-picker-module__cds--btn--disabled___mLC-O","cds--btn__icon":"-esm-devtools__date-range-picker-module__cds--btn__icon___+ZWg0","cds--btn--primary":"-esm-devtools__date-range-picker-module__cds--btn--primary___dSKqa","cds--btn--secondary":"-esm-devtools__date-range-picker-module__cds--btn--secondary___Ab6AT","cds--btn--tertiary":"-esm-devtools__date-range-picker-module__cds--btn--tertiary___WH4Lw","cds--btn--ghost":"-esm-devtools__date-range-picker-module__cds--btn--ghost___kf4CG","cds--btn--icon-only":"-esm-devtools__date-range-picker-module__cds--btn--icon-only___dVx3p","cds--btn--danger--ghost":"-esm-devtools__date-range-picker-module__cds--btn--danger--ghost___qqBWO","cds--btn--xs":"-esm-devtools__date-range-picker-module__cds--btn--xs___sTStP","cds--btn--sm":"-esm-devtools__date-range-picker-module__cds--btn--sm___dEdMJ","cds--btn--md":"-esm-devtools__date-range-picker-module__cds--btn--md___SzZ++","cds--btn--selected":"-esm-devtools__date-range-picker-module__cds--btn--selected___vKZtK","cds--icon-tooltip--disabled":"-esm-devtools__date-range-picker-module__cds--icon-tooltip--disabled___6lzyU","cds--tooltip-trigger__wrapper":"-esm-devtools__date-range-picker-module__cds--tooltip-trigger__wrapper___lXx5j","cds--btn--danger":"-esm-devtools__date-range-picker-module__cds--btn--danger___uKqar","cds--btn--danger--tertiary":"-esm-devtools__date-range-picker-module__cds--btn--danger--tertiary___ibS1g","cds--btn--expressive":"-esm-devtools__date-range-picker-module__cds--btn--expressive___LkIr2","cds--btn-set":"-esm-devtools__date-range-picker-module__cds--btn-set___tLBpR","cds--skeleton":"-esm-devtools__date-range-picker-module__cds--skeleton___WWsVG","cds--btn-set--stacked":"-esm-devtools__date-range-picker-module__cds--btn-set--stacked___OLZgS","cds--btn--loading":"-esm-devtools__date-range-picker-module__cds--btn--loading___--Il2","cds--badge-indicator":"-esm-devtools__date-range-picker-module__cds--badge-indicator___ddm2G",calendarGrid:"-esm-devtools__date-range-picker-module__calendarGrid___nXwqo",dialog:"-esm-devtools__date-range-picker-module__dialog___M+k0g",flatButton:"-esm-devtools__date-range-picker-module__flatButton___XAie9",flatButtonMd:"-esm-devtools__date-range-picker-module__flatButtonMd___w58Df",header:"-esm-devtools__date-range-picker-module__header___jY7pF",inputGroup:"-esm-devtools__date-range-picker-module__inputGroup___Se5Lv","cds--focused":"-esm-devtools__date-range-picker-module__cds--focused___L+x+U",inputWrapper:"-esm-devtools__date-range-picker-module__inputWrapper___fw1cG",dateInputWrapper:"-esm-devtools__date-range-picker-module__dateInputWrapper___u3N1B",inputSegment:"-esm-devtools__date-range-picker-module__inputSegment___m-MyA","cursor-blink":"-esm-devtools__date-range-picker-module__cursor-blink___WnfXI",inputWrapperMd:"-esm-devtools__date-range-picker-module__inputWrapperMd___6VAhu",monthYear:"-esm-devtools__date-range-picker-module__monthYear___O5p1d",popover:"-esm-devtools__date-range-picker-module__popover___cmAEf","fade-in-down":"-esm-devtools__date-range-picker-module__fade-in-down___zKL6q",invalidText:"-esm-devtools__date-range-picker-module__invalidText___TrZUn",today:"-esm-devtools__date-range-picker-module__today___tJioH",inputsWrapper:"-esm-devtools__date-range-picker-module__inputsWrapper___Kwi2U",startInput:"-esm-devtools__date-range-picker-module__startInput___JATu5",endInput:"-esm-devtools__date-range-picker-module__endInput___LOS10",separator:"-esm-devtools__date-range-picker-module__separator___55iHE","cds--hide-feedback":"-esm-devtools__date-range-picker-module__cds--hide-feedback___qyNDt","cds--show-feedback":"-esm-devtools__date-range-picker-module__cds--show-feedback___hwdBn"};const s=i},13699:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__action-menu2-module__sideRailHidden___UVqtE{display:none}.-esm-devtools__action-menu2-module__sideRailVisible___Z28uC{display:flex}.omrs-breakpoint-gt-tablet .-esm-devtools__action-menu2-module__sideRail___w0zAA{width:3rem;z-index:100;height:100%}.omrs-breakpoint-gt-tablet .-esm-devtools__action-menu2-module__sideRail___w0zAA.-esm-devtools__action-menu2-module__overlay___ET51A{position:absolute;top:0;right:0;height:100%}.omrs-breakpoint-gt-tablet .-esm-devtools__action-menu2-module__sideRail___w0zAA .-esm-devtools__action-menu2-module__container___QmVmb{background:#f4f4f4;width:3rem;height:100%;border-left:1px solid #a8a8a8;display:flex;align-items:center;flex-direction:column}.omrs-breakpoint-gt-tablet .-esm-devtools__action-menu2-module__sideRail___w0zAA.-esm-devtools__action-menu2-module__withinWorkspace___Bg3hQ .-esm-devtools__action-menu2-module__container___QmVmb{top:calc(var(--omrs-navbar-height) + var(--workspace-header-height))}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu2-module__sideRail___w0zAA{border-top:1px solid #c6c6c6;background-color:#fff;position:fixed;left:0;bottom:0;z-index:8003;width:100%;display:flex;justify-content:stretch}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu2-module__chartExtensions___rwmr8{background-color:#fff;display:flex;width:100%}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu2-module__chartExtensions___rwmr8>div{flex:1;cursor:pointer}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu2-module__container___QmVmb{display:flex;align-items:center;width:100%;flex:1}.-esm-devtools__action-menu2-module__divider___0IMFp{background-color:#a8a8a8;margin:.75rem 0;height:1px;width:2.5rem}html[dir=rtl] .omrs-breakpoint-gt-tablet .-esm-devtools__action-menu2-module__sideRail___w0zAA .-esm-devtools__action-menu2-module__container___QmVmb{right:unset;left:0}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/workspaces2/action-menu2/action-menu2.module.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCvDF,4DACE,YAAA,CAGF,6DACE,YAAA,CAKA,iFACE,UCkCS,CDjCT,WAAA,CACA,WAAA,CAEA,qIACE,iBAAA,CACA,KAAA,CACA,OAAA,CACA,WAAA,CAGF,wIACE,kBD3BE,CC4BF,UCqBO,CDpBP,WAAA,CACA,6BAAA,CACA,YAAA,CACA,kBAAA,CACA,qBAAA,CAGF,oMACE,oEAAA,CAOJ,kFACE,4BAAA,CACA,qBD7CI,CC8CJ,cAAA,CACA,MAAA,CACA,QAAA,CACA,YAAA,CACA,UAAA,CACA,YAAA,CACA,uBAAA,CAGF,yFACE,qBDxDI,CCyDJ,YAAA,CACA,UAAA,CAEA,6FACE,MAAA,CACA,cAAA,CAIJ,mFACE,YAAA,CACA,kBAAA,CACA,UAAA,CACA,MAAA,CAIJ,qDACE,wBDtEQ,CCuER,eAAA,CACA,UAAA,CACA,YCnCW,CD0CP,sJACE,WAAA,CACA,MAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '../../vars' as *;\n\n$icon-button-size: layout.$spacing-08;\n$actionPanelOffset: layout.$spacing-09;\n\n.sideRailHidden {\n display: none;\n}\n\n.sideRailVisible {\n display: flex;\n}\n\n/* Desktop */\n:global(.omrs-breakpoint-gt-tablet) {\n .sideRail {\n width: $actionPanelOffset;\n z-index: 100;\n height: 100%;\n\n &.overlay {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n }\n\n .container {\n background: $ui-01;\n width: $actionPanelOffset;\n height: 100%;\n border-left: 1px solid $text-03;\n display: flex;\n align-items: center;\n flex-direction: column;\n }\n\n &.withinWorkspace .container {\n top: calc(var(--omrs-navbar-height) + var(--workspace-header-height));\n }\n }\n}\n\n/* Tablet */\n:global(.omrs-breakpoint-lt-desktop) {\n .sideRail {\n border-top: 1px solid $color-gray-30;\n background-color: $ui-02;\n position: fixed;\n left: 0;\n bottom: 0;\n z-index: 8003;\n width: 100%;\n display: flex;\n justify-content: stretch;\n }\n\n .chartExtensions {\n background-color: $ui-02;\n display: flex;\n width: 100%;\n\n > div {\n flex: 1;\n cursor: pointer;\n }\n }\n\n .container {\n display: flex;\n align-items: center;\n width: 100%;\n flex: 1;\n }\n}\n\n.divider {\n background-color: $text-03;\n margin: layout.$spacing-04 0;\n height: 1px;\n width: layout.$spacing-08;\n}\n\n// Overriding styles for RTL support\nhtml[dir='rtl'] {\n :global(.omrs-breakpoint-gt-tablet) {\n .sideRail {\n .container {\n right: unset;\n left: 0;\n }\n }\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),i.locals={sideRailHidden:"-esm-devtools__action-menu2-module__sideRailHidden___UVqtE",sideRailVisible:"-esm-devtools__action-menu2-module__sideRailVisible___Z28uC",sideRail:"-esm-devtools__action-menu2-module__sideRail___w0zAA",overlay:"-esm-devtools__action-menu2-module__overlay___ET51A",container:"-esm-devtools__action-menu2-module__container___QmVmb",withinWorkspace:"-esm-devtools__action-menu2-module__withinWorkspace___Bg3hQ",chartExtensions:"-esm-devtools__action-menu2-module__chartExtensions___rwmr8",divider:"-esm-devtools__action-menu2-module__divider___0IMFp"};const s=i},16514:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__pagination-module__bodyShort01___YP4vG,.-esm-devtools__pagination-module__configurableLink___R2wX6{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-devtools__pagination-module__desktop___Ba-cI,.-esm-devtools__pagination-module__tablet___7XlDR{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);display:flex;justify-content:space-between;color:#525252;background-color:#fff;padding-left:1rem;align-items:center;border-top:1px solid #e0e0e0}.-esm-devtools__pagination-module__desktop___Ba-cI .cds--pagination{min-height:0;height:2rem;width:auto;border:none}.-esm-devtools__pagination-module__desktop___Ba-cI .cds--pagination .cds--select-input,.-esm-devtools__pagination-module__desktop___Ba-cI .cds--pagination .cds--btn,.-esm-devtools__pagination-module__desktop___Ba-cI .cds--pagination .cds--pagination__right{min-height:0;height:2rem}.-esm-devtools__pagination-module__tablet___7XlDR .cds--pagination{min-height:0;height:3rem;width:auto;border:none}.-esm-devtools__pagination-module__tablet___7XlDR .cds--pagination .cds--select-input,.-esm-devtools__pagination-module__tablet___7XlDR .cds--pagination .cds--btn,.-esm-devtools__pagination-module__tablet___7XlDR .cds--pagination .cds--pagination__right{min-height:0;height:3rem}.-esm-devtools__pagination-module__configurableLink___R2wX6{text-decoration:none;padding:0 .5rem}.-esm-devtools__pagination-module__pagination___fnFvi{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);background-color:#fff;color:#525252;display:flex}div.-esm-devtools__pagination-module__pagination___fnFvi>.cds--pagination__left{display:none}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/pagination/pagination.module.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,mHC81BI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CD11BJ,qGC01BI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDv1BF,YAAA,CACA,6BAAA,CACA,aDNQ,CCOR,qBDXM,CCYN,iBEgBW,CFfX,kBAAA,CACA,4BAAA,CAGF,oEACE,YAAA,CACA,WEmBW,CFlBX,UAAA,CACA,WAAA,CAEA,iQAGE,YAAA,CACA,WEWS,CFPb,mEACE,YAAA,CACA,WEeW,CFdX,UAAA,CACA,WAAA,CAEA,8PAGE,YAAA,CACA,WEOS,CFHb,4DACE,oBAAA,CAEA,eAAA,CAGF,sDC4yBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CD1yBF,qBDrDM,CCsDN,aDlDQ,CCmDR,YAAA,CAIA,gFACE,YAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '../vars' as *;\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.desktop,\n.tablet {\n @include type.type-style('body-compact-01');\n display: flex;\n justify-content: space-between;\n color: $text-02;\n background-color: $ui-02;\n padding-left: layout.$spacing-05;\n align-items: center;\n border-top: 1px solid $ui-03;\n}\n\n.desktop :global(.cds--pagination) {\n min-height: 0;\n height: layout.$spacing-07;\n width: auto;\n border: none;\n\n & :global(.cds--select-input),\n :global(.cds--btn),\n :global(.cds--pagination__right) {\n min-height: 0;\n height: layout.$spacing-07;\n }\n}\n\n.tablet :global(.cds--pagination) {\n min-height: 0;\n height: layout.$spacing-09;\n width: auto;\n border: none;\n\n & :global(.cds--select-input),\n :global(.cds--btn),\n :global(.cds--pagination__right) {\n min-height: 0;\n height: layout.$spacing-09;\n }\n}\n\n.configurableLink {\n text-decoration: none;\n @extend .bodyShort01;\n padding: 0 layout.$spacing-03;\n}\n\n.pagination {\n @include type.type-style('body-compact-01');\n background-color: $ui-02;\n color: $text-02;\n display: flex;\n}\n\ndiv.pagination {\n & > :global(.cds--pagination__left) {\n display: none;\n }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),i.locals={bodyShort01:"-esm-devtools__pagination-module__bodyShort01___YP4vG",configurableLink:"-esm-devtools__pagination-module__configurableLink___R2wX6",desktop:"-esm-devtools__pagination-module__desktop___Ba-cI",tablet:"-esm-devtools__pagination-module__tablet___7XlDR",pagination:"-esm-devtools__pagination-module__pagination___fnFvi"};const s=i},25329:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__action-menu-button-module__container___SNWq4{margin-top:.25rem;margin-bottom:.25rem;border-radius:50%;color:#161616;max-width:none}.-esm-devtools__action-menu-button-module__container___SNWq4:hover{background-color:#c6c6c6;color:#525252}.-esm-devtools__action-menu-button-module__container___SNWq4:focus{border-color:#0f62fe}.-esm-devtools__action-menu-button-module__container___SNWq4>span{margin-top:.25rem;font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);color:#525252}.-esm-devtools__action-menu-button-module__container___SNWq4 svg{transform:scale(1.25)}.-esm-devtools__action-menu-button-module__elementContainer___3zVTN{display:flex;align-items:center;position:relative;flex-direction:column}.-esm-devtools__action-menu-button-module__elementContainer___3zVTN .-esm-devtools__action-menu-button-module__countTag___Pjm4N,.-esm-devtools__action-menu-button-module__elementContainer___3zVTN .-esm-devtools__action-menu-button-module__interruptedTag___2RUfr{position:absolute;font-size:10px;text-align:center;color:#f4f4f4;background-color:#da1e28;padding:0 4px;border-radius:50%;top:-14px;right:-12px}.-esm-devtools__action-menu-button-module__elementContainer___3zVTN .-esm-devtools__action-menu-button-module__interruptedTag___2RUfr{font-size:10px;padding:0 5px;width:14px;height:14px}.omrs-breakpoint-gt-tablet .-esm-devtools__action-menu-button-module__active___jLSK6{border:.125rem solid;border-color:#007d79;border-color:var(--brand-03);border-radius:50%;background-color:#fff}.omrs-breakpoint-gt-tablet .-esm-devtools__action-menu-button-module__active___jLSK6:focus{border-color:var(--brand-03) !important}.omrs-breakpoint-gt-tablet .-esm-devtools__action-menu-button-module__container___SNWq4 svg{transform:scale(1.25)}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu-button-module__container___SNWq4{margin-bottom:0;margin-top:0;border-radius:unset;color:#161616;max-width:none;display:flex;flex-direction:column;align-items:center;width:100%}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu-button-module__active___jLSK6{background-color:#edf5ff;color:#0f62fe}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu-button-module__active___jLSK6:hover{color:#0f62fe}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu-button-module__active___jLSK6>span{color:#0f62fe;font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu-button-module__active___jLSK6 svg{fill:#0f62fe}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/workspaces/action-menu-button/action-menu-button.module.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,6DACE,iBCWW,CDVX,oBCUW,CDTX,iBAAA,CACA,aDFM,CCGN,cAAA,CAEA,mEACE,wBDFY,CCGZ,aDNM,CCSR,mEACE,oBDMa,CCHf,kEACE,iBCLS,CCk1BT,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CF30BA,aDhBM,CCmBR,iEACE,qBAAA,CAIJ,oEACE,YAAA,CACA,kBAAA,CACA,iBAAA,CACA,qBAAA,CAEA,sQACE,iBAAA,CACA,cAAA,CACA,iBAAA,CACA,aDvCI,CCwCJ,wBDpBK,CCqBL,aAAA,CACA,iBAAA,CACA,SAAA,CACA,WAAA,CAGF,sIAEE,cAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CAMF,qFACE,oBAAA,CDXF,oBAAA,CACA,4BAAA,CCYE,iBAAA,CACA,qBD7DI,CC+DJ,2FACE,uCAAA,CAKF,4FACE,qBAAA,CAOJ,yFACE,eAAA,CACA,YAAA,CACA,mBAAA,CACA,aD9EI,CC+EJ,cAAA,CAEA,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,UAAA,CAGF,sFACE,wBDhFY,CCiFZ,aDxEa,CC0Eb,4FACE,aD3EW,CC8Eb,2FACE,aD/EW,CG20Bb,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CFxvBA,0FACE,YDpFW",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '../../vars' as *;\n\n.container {\n margin-top: layout.$spacing-02;\n margin-bottom: layout.$spacing-02;\n border-radius: 50%;\n color: $ui-05;\n max-width: none;\n\n &:hover {\n background-color: $color-gray-30;\n color: $text-02;\n }\n\n &:focus {\n border-color: $interactive-01;\n }\n\n & > span {\n margin-top: layout.$spacing-02;\n @include type.type-style('body-compact-01');\n color: $text-02;\n }\n\n & svg {\n transform: scale(1.25);\n }\n}\n\n.elementContainer {\n display: flex;\n align-items: center;\n position: relative;\n flex-direction: column;\n\n .countTag {\n position: absolute;\n font-size: 10px;\n text-align: center;\n color: $ui-01;\n background-color: $danger;\n padding: 0 4px;\n border-radius: 50%;\n top: -14px;\n right: -12px;\n }\n\n .interruptedTag {\n @extend .countTag;\n font-size: 10px;\n padding: 0 5px;\n width: 14px;\n height: 14px;\n }\n}\n\n/* Desktop */\n:global(.omrs-breakpoint-gt-tablet) {\n .active {\n border: layout.$spacing-01 solid;\n @include brand-03(border-color);\n border-radius: 50%;\n background-color: $ui-02;\n\n &:focus {\n border-color: var(--brand-03) !important;\n }\n }\n\n .container {\n & svg {\n transform: scale(1.25);\n }\n }\n}\n\n/* Tablet */\n:global(.omrs-breakpoint-lt-desktop) {\n .container {\n margin-bottom: 0;\n margin-top: 0;\n border-radius: unset;\n color: $ui-05;\n max-width: none;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n }\n\n .active {\n background-color: $color-blue-10;\n color: $interactive-01;\n\n &:hover {\n color: $interactive-01;\n }\n\n & > span {\n color: $interactive-01;\n @include type.type-style('heading-compact-01');\n }\n\n svg {\n fill: $interactive-01;\n }\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),i.locals={container:"-esm-devtools__action-menu-button-module__container___SNWq4",elementContainer:"-esm-devtools__action-menu-button-module__elementContainer___3zVTN",countTag:"-esm-devtools__action-menu-button-module__countTag___Pjm4N",interruptedTag:"-esm-devtools__action-menu-button-module__interruptedTag___2RUfr",active:"-esm-devtools__action-menu-button-module__active___jLSK6"};const s=i},32589:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,':root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__card-header-module__desktopHeader___cQLIP,.-esm-devtools__card-header-module__tabletHeader___-1-fy{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0 .75rem 1rem;background-color:#fff}.-esm-devtools__card-header-module__desktopHeader___cQLIP h4:after,.-esm-devtools__card-header-module__tabletHeader___-1-fy h4:after{content:"";display:block;width:2rem;padding-top:.188rem;border-bottom:.375rem solid var(--brand-03)}.-esm-devtools__card-header-module__desktopHeader___cQLIP{height:3rem}.-esm-devtools__card-header-module__desktopHeader___cQLIP h4{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0);color:#525252}.-esm-devtools__card-header-module__tabletHeader___-1-fy{height:4.5rem}.-esm-devtools__card-header-module__tabletHeader___-1-fy h4{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0);color:#525252}html[dir=rtl] .-esm-devtools__card-header-module__desktopHeader___cQLIP,html[dir=rtl] .-esm-devtools__card-header-module__tabletHeader___-1-fy{text-align:right;padding:.75rem 1rem .75rem 0}',"",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/cards/card-header.module.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,mHAEE,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,4BAAA,CACA,qBDDc,CCGd,qIACE,UAAA,CACA,aAAA,CACA,UC0BS,CDzBT,mBAAA,CACA,2CAAA,CAIJ,0DACE,WC6BW,CD5BX,6DE20BE,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CFz0BA,aDlBM,CCsBV,yDACE,aAAA,CACA,4DEm0BE,kDAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CFj0BA,aD1BM,CCgCR,+IAEE,gBAAA,CACA,4BAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '../vars' as *;\n\n.desktopHeader,\n.tabletHeader {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: layout.$spacing-04 0 layout.$spacing-04 layout.$spacing-05;\n background-color: $ui-background;\n\n h4:after {\n content: '';\n display: block;\n width: layout.$spacing-07;\n padding-top: 0.188rem;\n border-bottom: 0.375rem solid var(--brand-03);\n }\n}\n\n.desktopHeader {\n height: layout.$spacing-09;\n h4 {\n @include type.type-style('heading-compact-02');\n color: $text-02;\n }\n}\n\n.tabletHeader {\n height: 4.5rem;\n h4 {\n @include type.type-style('heading-03');\n color: $text-02;\n }\n}\n\n// Overriding styles for RTL support\nhtml[dir='rtl'] {\n .desktopHeader,\n .tabletHeader {\n text-align: right;\n padding: layout.$spacing-04 layout.$spacing-05 layout.$spacing-04 0;\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),i.locals={desktopHeader:"-esm-devtools__card-header-module__desktopHeader___cQLIP",tabletHeader:"-esm-devtools__card-header-module__tabletHeader___-1-fy"};const s=i},35097:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,"@keyframes -esm-devtools__snackbar-module__slideInFromLeft___5\\+HJM{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes -esm-devtools__snackbar-module__slideOutToLeft___Lyj2L{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.-esm-devtools__snackbar-module__animated___x4t7f{animation-duration:250ms;animation-timing-function:ease-in-out}.-esm-devtools__snackbar-module__slideIn___y4S3Q{animation-name:-esm-devtools__snackbar-module__slideInFromLeft___5\\+HJM}.-esm-devtools__snackbar-module__slideOut___Gw47i{animation-name:-esm-devtools__snackbar-module__slideOutToLeft___Lyj2L}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/snackbars/snackbar.module.scss"],names:[],mappings:"AAAA,oEACE,GACE,2BAAA,CAEF,KACE,uBAAA,CAAA,CAIJ,kEACE,GACE,uBAAA,CAEF,KACE,2BAAA,CAAA,CAIJ,kDACE,wBAAA,CACA,qCAAA,CAGF,iDACE,uEAAA,CAGF,kDACE,qEAAA",sourcesContent:["@keyframes slideInFromLeft {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(0);\n }\n}\n\n@keyframes slideOutToLeft {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(-100%);\n }\n}\n\n.animated {\n animation-duration: 250ms;\n animation-timing-function: ease-in-out;\n}\n\n.slideIn {\n animation-name: slideInFromLeft;\n}\n\n.slideOut {\n animation-name: slideOutToLeft;\n}\n"],sourceRoot:""}]),i.locals={animated:"-esm-devtools__snackbar-module__animated___x4t7f",slideIn:"-esm-devtools__snackbar-module__slideIn___y4S3Q",slideInFromLeft:"-esm-devtools__snackbar-module__slideInFromLeft___5+HJM",slideOut:"-esm-devtools__snackbar-module__slideOut___Gw47i",slideOutToLeft:"-esm-devtools__snackbar-module__slideOutToLeft___Lyj2L"};const s=i},36637:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,".-esm-devtools__workspace-windows-and-menu-module__workspaceWindowsAndMenuContainer___m\\+EQk{position:relative;display:flex;height:100%;width:100%;contain:content}.-esm-devtools__workspace-windows-and-menu-module__workspaceWindowsAndMenuContainer___m\\+EQk.-esm-devtools__workspace-windows-and-menu-module__hasMaximizedWindow___08I\\+p{contain:none !important;transform:none !important;will-change:auto !important}.-esm-devtools__workspace-windows-and-menu-module__workspaceWindowsAndMenuContainer___m\\+EQk.-esm-devtools__workspace-windows-and-menu-module__overlay___ABnxs{contain:none;position:absolute;right:0;top:0;bottom:0;width:calc(100vw - var(--actionPanelOffset))}.-esm-devtools__workspace-windows-and-menu-module__workspaceWindowsContainer___zYkS3{display:grid;width:fit-content}.-esm-devtools__workspace-windows-and-menu-module__workspaceWindowsContainer___zYkS3>*{grid-area:1/1}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/workspaces2/workspace-windows-and-menu.module.scss"],names:[],mappings:"AAAA,6FACE,iBAAA,CACA,YAAA,CACA,WAAA,CACA,UAAA,CACA,eAAA,CAGA,2KACE,uBAAA,CACA,yBAAA,CACA,2BAAA,CAGF,+JACE,YAAA,CACA,iBAAA,CACA,OAAA,CACA,KAAA,CACA,QAAA,CACA,4CAAA,CAIJ,qFACE,YAAA,CACA,iBAAA,CAGA,uFACE,aAAA",sourcesContent:[".workspaceWindowsAndMenuContainer {\n position: relative;\n display: flex;\n height: 100%;\n width: 100%;\n contain: content;\n\n // When any workspace is maximized, remove containment to allow fixed positioning\n &.hasMaximizedWindow {\n contain: none !important;\n transform: none !important;\n will-change: auto !important;\n }\n\n &.overlay {\n contain: none;\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n width: calc(100vw - var(--actionPanelOffset));\n }\n}\n\n.workspaceWindowsContainer {\n display: grid;\n width: fit-content;\n\n // make its children stack on top of each other\n > * {\n grid-area: 1 / 1;\n }\n}\n"],sourceRoot:""}]),i.locals={workspaceWindowsAndMenuContainer:"-esm-devtools__workspace-windows-and-menu-module__workspaceWindowsAndMenuContainer___m+EQk",hasMaximizedWindow:"-esm-devtools__workspace-windows-and-menu-module__hasMaximizedWindow___08I+p",overlay:"-esm-devtools__workspace-windows-and-menu-module__overlay___ABnxs",workspaceWindowsContainer:"-esm-devtools__workspace-windows-and-menu-module__workspaceWindowsContainer___zYkS3"};const s=i},37343:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__workspace2-module__workspaceOuterContainer___UGsYM{--actionPanelOffset: 0px;width:var(--workspaceWidth);display:contents}.-esm-devtools__workspace2-module__workspaceOuterContainer___UGsYM.-esm-devtools__workspace2-module__narrowWorkspace___PrDXP{--workspaceWidth: 26.25rem}.-esm-devtools__workspace2-module__workspaceOuterContainer___UGsYM.-esm-devtools__workspace2-module__widerWorkspace___1W0Xa{--workspaceWidth: 32.25rem}.-esm-devtools__workspace2-module__workspaceOuterContainer___UGsYM.-esm-devtools__workspace2-module__extraWideWorkspace___bZd9X{--workspaceWidth: 48.25rem}.-esm-devtools__workspace2-module__workspaceOuterContainer___UGsYM .-esm-devtools__workspace2-module__workspaceMiddleContainer___1l3-f{width:inherit;overflow:hidden;position:absolute;top:0;bottom:0;inset-inline-end:var(--actionPanelOffset);z-index:100;will-change:transform}.-esm-devtools__workspace2-module__workspaceOuterContainer___UGsYM .-esm-devtools__workspace2-module__workspaceMiddleContainer___1l3-f.-esm-devtools__workspace2-module__isRootWorkspace___ZNqPc{animation:-esm-devtools__workspace2-module__slideFromRight___fpelu .5s ease-in-out}.-esm-devtools__workspace2-module__workspaceOuterContainer___UGsYM .-esm-devtools__workspace2-module__workspaceMiddleContainer___1l3-f.-esm-devtools__workspace2-module__maximized___bBKm4{position:fixed !important;top:var(--omrs-navbar-height) !important;inset-inline-start:0 !important;inset-inline-end:var(--actionPanelOffset) !important;width:calc(100vw - var(--actionPanelOffset)) !important;bottom:0 !important;transform:none !important;will-change:auto !important;transition:none !important}.-esm-devtools__workspace2-module__workspaceOuterContainer___UGsYM .-esm-devtools__workspace2-module__workspaceMiddleContainer___1l3-f.-esm-devtools__workspace2-module__hidden___\\+NRK-{width:0}@keyframes -esm-devtools__workspace2-module__slideFromRight___fpelu{from{transform:translateX(100%)}to{transform:translateX(0)}}.-esm-devtools__workspace2-module__workspaceOuterContainer___UGsYM .-esm-devtools__workspace2-module__workspaceInnerContainer___bjDc2{display:flex;flex-direction:column;height:100%;width:var(--workspaceWidth);border-inline-start:1px solid #a8a8a8;background-color:#fff;will-change:width;transition:width .5s ease-in-out}.-esm-devtools__workspace2-module__workspaceOuterContainer___UGsYM .-esm-devtools__workspace2-module__workspaceInnerContainer___bjDc2.-esm-devtools__workspace2-module__maximized___bBKm4{width:100%;transition:none !important}.-esm-devtools__workspace2-module__workspaceOuterContainer___UGsYM .-esm-devtools__workspace2-module__workspaceSpacer___Rp6uP{width:inherit;height:100%;will-change:width;animation:-esm-devtools__workspace2-module__growToWidth___JDJ9J .5s ease-in-out}.-esm-devtools__workspace2-module__workspaceOuterContainer___UGsYM .-esm-devtools__workspace2-module__workspaceSpacer___Rp6uP.-esm-devtools__workspace2-module__hidden___\\+NRK-{animation:-esm-devtools__workspace2-module__shrinkWidth___Nt1tG .5s ease-in-out forwards}@keyframes -esm-devtools__workspace2-module__growToWidth___JDJ9J{from{width:0}to{width:inherit}}@keyframes -esm-devtools__workspace2-module__shrinkWidth___Nt1tG{from{width:inherit}to{width:0}}.-esm-devtools__workspace2-module__loader___uHb2Z{display:flex;justify-content:center;align-items:center;min-height:50%}.-esm-devtools__workspace2-module__hiddenExtraWorkspace___HS\\+G4{display:none}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace2-module__header___\\+ETcB{position:relative;box-sizing:content-box;border-bottom:1px solid #a8a8a8;background-color:#e0e0e0;height:var(--workspace-header-height)}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace2-module__header___\\+ETcB a{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace2-module__header___\\+ETcB a:hover{color:inherit}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace2-module__headerButtons___HLlf3 button{background-color:#fff;border-right:1px solid #e0e0e0}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace2-module__headerButtons___HLlf3 button>svg{fill:#121619 !important}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace2-module__headerButtons___HLlf3 button:hover{background-color:#f4f4f4}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace2-module__workspaceContent___3UUrE{background-color:#fff;overflow-y:auto;flex-grow:1}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace2-module__overlayHeaderSpacer___rQ3ub{flex-grow:1}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace2-module__workspaceOuterContainer___UGsYM.-esm-devtools__workspace2-module__isActionMenuOpened___MsWLH{--actionPanelOffset: 3rem}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace2-module__header___\\+ETcB{position:relative;background-color:var(--brand-02)}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace2-module__header___\\+ETcB a{color:#fff}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace2-module__header___\\+ETcB button{color:#fff;background-color:var(--brand-02)}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace2-module__header___\\+ETcB button:hover{background-color:var(--brand-03)}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace2-module__workspaceOuterContainer___UGsYM{width:100vw !important}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace2-module__workspaceMiddleContainer___1l3-f{width:inherit !important}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace2-module__workspaceMiddleContainer___1l3-f.-esm-devtools__workspace2-module__hidden___\\+NRK-{display:none}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace2-module__workspaceInnerContainer___bjDc2{width:100vw !important}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace2-module__workspaceInnerContainer___bjDc2.-esm-devtools__workspace2-module__isRootWorkspace___ZNqPc{animation:-esm-devtools__workspace2-module__slideFromBottom___\\+5DHx .5s ease-in-out}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace2-module__marginWorkspaceContent___VdQp6{margin-bottom:var(--bottom-nav-height)}@keyframes -esm-devtools__workspace2-module__slideFromBottom___\\+5DHx{from{transform:translateY(100%)}to{transform:translateY(0%)}}@keyframes -esm-devtools__workspace2-module__slideToBottom___bnoKu{from{transform:translateX(0%);width:26.25rem}to{transform:translateX(26.25rem);width:0}}html[dir=rtl] .omrs-breakpoint-gt-tablet .-esm-devtools__workspace2-module__workspaceContainerWithActionMenu___tggDi.-esm-devtools__workspace2-module__workspaceFixedContainer___Q2Cxk{right:unset;left:var(--actionPanelOffset)}html[dir=rtl] .omrs-breakpoint-gt-tablet .-esm-devtools__workspace2-module__workspaceContainerWithoutActionMenu___Gcn85{height:100%}html[dir=rtl] .omrs-breakpoint-gt-tablet .-esm-devtools__workspace2-module__workspaceContainerWithoutActionMenu___Gcn85.-esm-devtools__workspace2-module__workspaceFixedContainer___Q2Cxk{right:unset;left:0}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/workspaces2/workspace2.module.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CClDF,mEACE,wBAAA,CAYA,2BAAA,CACA,gBAAA,CAXA,6HACE,0BAAA,CAEF,4HACE,0BAAA,CAEF,gIACE,0BAAA,CAQF,uIACE,aAAA,CACA,eAAA,CACA,iBAAA,CACA,KAAA,CACA,QAAA,CACA,yCAAA,CACA,WAAA,CACA,qBAAA,CAEA,iMACE,kFAAA,CAGF,2LACE,yBAAA,CACA,wCAAA,CACA,+BAAA,CACA,oDAAA,CACA,uDAAA,CACA,mBAAA,CACA,yBAAA,CACA,2BAAA,CACA,0BAAA,CAEF,yLACE,OAAA,CAGF,oEACE,KACE,0BAAA,CAEF,GACE,uBAAA,CAAA,CAQN,sIACE,YAAA,CACA,qBAAA,CACA,WAAA,CACA,2BAAA,CACA,qCAAA,CACA,qBAAA,CACA,iBAAA,CACA,gCAAA,CAEA,0LACE,UAAA,CACA,0BAAA,CASJ,8HACE,aAAA,CACA,WAAA,CACA,iBAAA,CACA,+EAAA,CAEA,gLACE,wFAAA,CAGF,iEACE,KACE,OAAA,CAEF,GACE,aAAA,CAAA,CAIJ,iEACE,KACE,aAAA,CAEF,GACE,OAAA,CAAA,CAMR,kDACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,cAAA,CAGF,iEACE,YAAA,CAKA,8EACE,iBAAA,CACA,sBAAA,CACA,+BAAA,CACA,wBDvII,CCwIJ,qCAAA,CAEA,gFCotBA,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CDjtBE,sFACE,aAAA,CAMJ,2FACE,qBDtJE,CCuJF,8BAAA,CAEA,+FACE,uBAAA,CAGF,iGACE,wBD/JA,CCoKN,uFACE,qBDpKI,CCqKJ,eAAA,CACA,WAAA,CAGF,0FACE,WAAA,CAIA,2JACE,yBAAA,CAOJ,+EACE,iBAAA,CACA,gCAAA,CAEA,iFACE,UD3LE,CC8LJ,sFACE,UD/LE,CCgMF,gCAAA,CAEA,4FACE,gCAAA,CAKN,+FACE,sBAAA,CAGF,gGACE,wBAAA,CACA,kJACE,YAAA,CAIJ,+FACE,sBAAA,CAEA,yJACE,oFAAA,CAIJ,8FACE,sCAAA,CAGF,sEACE,KACE,0BAAA,CAEF,GACE,wBAAA,CAAA,CAIJ,mEACE,KACE,wBAAA,CACA,cAzOiB,CA2OnB,GACE,8BAAA,CACA,OAAA,CAAA,CASA,uLACE,WAAA,CACA,6BAAA,CAIJ,wHACE,WAAA,CAEA,0LACE,WAAA,CACA,MAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n@use '../vars' as *;\n\n$narrowWorkspaceWidth: 26.25rem;\n$widerWorkspaceWidth: 32.25rem;\n$extraWideWorkspaceWidth: 48.25rem;\n\n// This container has no layout purpose.\n// It is used to set the --workspaceWidth variable.\n.workspaceOuterContainer {\n --actionPanelOffset: 0px;\n\n &.narrowWorkspace {\n --workspaceWidth: #{$narrowWorkspaceWidth};\n }\n &.widerWorkspace {\n --workspaceWidth: #{$widerWorkspaceWidth};\n }\n &.extraWideWorkspace {\n --workspaceWidth: #{$extraWideWorkspaceWidth};\n }\n\n width: var(--workspaceWidth);\n display: contents;\n\n // This container clips the workspace when it slides out of screen\n // (via overflow: hidden)\n .workspaceMiddleContainer {\n width: inherit;\n overflow: hidden;\n position: absolute;\n top: 0;\n bottom: 0;\n inset-inline-end: var(--actionPanelOffset);\n z-index: 100;\n will-change: transform;\n\n &.isRootWorkspace {\n animation: slideFromRight 0.5s ease-in-out;\n }\n\n &.maximized {\n position: fixed !important;\n top: var(--omrs-navbar-height) !important;\n inset-inline-start: 0 !important;\n inset-inline-end: var(--actionPanelOffset) !important;\n width: calc(100vw - var(--actionPanelOffset)) !important;\n bottom: 0 !important;\n transform: none !important;\n will-change: auto !important;\n transition: none !important;\n }\n &.hidden {\n width: 0;\n }\n\n @keyframes slideFromRight {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n }\n }\n\n // This container contains the actual workspace content\n // it has sliding transitions when hidden / restored, and\n // changes size (width) when maximized\n .workspaceInnerContainer {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: var(--workspaceWidth);\n border-inline-start: 1px solid $text-03;\n background-color: #fff;\n will-change: width;\n transition: width 0.5s ease-in-out;\n\n &.maximized {\n width: 100%;\n transition: none !important;\n }\n }\n\n // The spacer is responsible for taking up space and shrinking the width of the \"main\" content\n // in omrs-apps-container when in non-overlay mode.\n // Note that the spacer takes up --workspaceWidth amount of space, but does\n // not grow when the workspace is maximized. In other words, it does not shrink the\n // \"main\" content further when workspace is maximized.\n .workspaceSpacer {\n width: inherit;\n height: 100%;\n will-change: width;\n animation: growToWidth 0.5s ease-in-out;\n\n &.hidden {\n animation: shrinkWidth 0.5s ease-in-out forwards;\n }\n\n @keyframes growToWidth {\n from {\n width: 0;\n }\n to {\n width: inherit;\n }\n }\n\n @keyframes shrinkWidth {\n from {\n width: inherit;\n }\n to {\n width: 0;\n }\n }\n }\n}\n\n.loader {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 50%;\n}\n\n.hiddenExtraWorkspace {\n display: none;\n}\n\n/* Desktop */\n:global(.omrs-breakpoint-gt-tablet) {\n .header {\n position: relative;\n box-sizing: content-box;\n border-bottom: 1px solid $text-03;\n background-color: $ui-03;\n height: var(--workspace-header-height);\n\n a {\n @include type.type-style('heading-compact-02');\n\n &:hover {\n color: inherit;\n }\n }\n }\n\n .headerButtons {\n button {\n background-color: $ui-02;\n border-right: 1px solid colors.$gray-20;\n\n > svg {\n fill: colors.$cool-gray-100 !important;\n }\n\n &:hover {\n background-color: $ui-01;\n }\n }\n }\n\n .workspaceContent {\n background-color: $ui-02;\n overflow-y: auto;\n flex-grow: 1;\n }\n\n .overlayHeaderSpacer {\n flex-grow: 1;\n }\n\n .workspaceOuterContainer {\n &.isActionMenuOpened {\n --actionPanelOffset: #{layout.$spacing-09};\n }\n }\n}\n\n/* Tablet */\n:global(.omrs-breakpoint-lt-desktop) {\n .header {\n position: relative;\n background-color: var(--brand-02);\n\n a {\n color: $ui-02;\n }\n\n button {\n color: $ui-02;\n background-color: var(--brand-02);\n\n &:hover {\n background-color: var(--brand-03);\n }\n }\n }\n\n .workspaceOuterContainer {\n width: 100vw !important;\n }\n\n .workspaceMiddleContainer {\n width: inherit !important;\n &.hidden {\n display: none;\n }\n }\n\n .workspaceInnerContainer {\n width: 100vw !important;\n\n &.isRootWorkspace {\n animation: slideFromBottom 0.5s ease-in-out;\n }\n }\n\n .marginWorkspaceContent {\n margin-bottom: var(--bottom-nav-height);\n }\n\n @keyframes slideFromBottom {\n from {\n transform: translateY(100%);\n }\n to {\n transform: translateY(0%);\n }\n }\n\n @keyframes slideToBottom {\n from {\n transform: translateX(0%);\n width: $narrowWorkspaceWidth;\n }\n to {\n transform: translateX($narrowWorkspaceWidth);\n width: 0;\n }\n }\n}\n\n// Overriding styles for RTL support\nhtml[dir='rtl'] {\n :global(.omrs-breakpoint-gt-tablet) {\n .workspaceContainerWithActionMenu {\n &.workspaceFixedContainer {\n right: unset;\n left: var(--actionPanelOffset);\n }\n }\n\n .workspaceContainerWithoutActionMenu {\n height: 100%;\n\n &.workspaceFixedContainer {\n right: unset;\n left: 0;\n }\n }\n }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),i.locals={workspaceOuterContainer:"-esm-devtools__workspace2-module__workspaceOuterContainer___UGsYM",narrowWorkspace:"-esm-devtools__workspace2-module__narrowWorkspace___PrDXP",widerWorkspace:"-esm-devtools__workspace2-module__widerWorkspace___1W0Xa",extraWideWorkspace:"-esm-devtools__workspace2-module__extraWideWorkspace___bZd9X",workspaceMiddleContainer:"-esm-devtools__workspace2-module__workspaceMiddleContainer___1l3-f",isRootWorkspace:"-esm-devtools__workspace2-module__isRootWorkspace___ZNqPc",slideFromRight:"-esm-devtools__workspace2-module__slideFromRight___fpelu",maximized:"-esm-devtools__workspace2-module__maximized___bBKm4",hidden:"-esm-devtools__workspace2-module__hidden___+NRK-",workspaceInnerContainer:"-esm-devtools__workspace2-module__workspaceInnerContainer___bjDc2",workspaceSpacer:"-esm-devtools__workspace2-module__workspaceSpacer___Rp6uP",growToWidth:"-esm-devtools__workspace2-module__growToWidth___JDJ9J",shrinkWidth:"-esm-devtools__workspace2-module__shrinkWidth___Nt1tG",loader:"-esm-devtools__workspace2-module__loader___uHb2Z",hiddenExtraWorkspace:"-esm-devtools__workspace2-module__hiddenExtraWorkspace___HS+G4",header:"-esm-devtools__workspace2-module__header___+ETcB",headerButtons:"-esm-devtools__workspace2-module__headerButtons___HLlf3",workspaceContent:"-esm-devtools__workspace2-module__workspaceContent___3UUrE",overlayHeaderSpacer:"-esm-devtools__workspace2-module__overlayHeaderSpacer___rQ3ub",isActionMenuOpened:"-esm-devtools__workspace2-module__isActionMenuOpened___MsWLH",slideFromBottom:"-esm-devtools__workspace2-module__slideFromBottom___+5DHx",marginWorkspaceContent:"-esm-devtools__workspace2-module__marginWorkspaceContent___VdQp6",workspaceContainerWithActionMenu:"-esm-devtools__workspace2-module__workspaceContainerWithActionMenu___tggDi",workspaceFixedContainer:"-esm-devtools__workspace2-module__workspaceFixedContainer___Q2Cxk",workspaceContainerWithoutActionMenu:"-esm-devtools__workspace2-module__workspaceContainerWithoutActionMenu___Gcn85",slideToBottom:"-esm-devtools__workspace2-module__slideToBottom___bnoKu"};const s=i},41440:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__page-header-module__pageHeader___1Ffs7{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);color:#525252;height:6rem;width:100%;display:flex;justify-content:space-between}.-esm-devtools__page-header-module__pageHeaderContent___Z3jEI{display:flex;flex-direction:row;align-items:center}.-esm-devtools__page-header-module__pageName___zLT2j{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}.-esm-devtools__page-header-module__pageLabels___hNF6d p:first-of-type{margin-bottom:.25rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/page-header/page-header.module.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,uDC81BI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CD51BF,aDCQ,CAAA,WG2DG,CF1DX,UAAA,CACA,YAAA,CACA,6BAAA,CAGF,8DACE,YAAA,CACA,kBAAA,CACA,kBAAA,CAGF,qDC+0BI,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,sDAAA,CD10BF,uEACE,oBETS",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '../vars' as *;\n\n.pageHeader {\n @include type.type-style('body-compact-02');\n color: $text-02;\n height: layout.$spacing-12;\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n\n.pageHeaderContent {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.pageName {\n @include type.type-style('heading-04');\n}\n\n.pageLabels {\n p:first-of-type {\n margin-bottom: layout.$spacing-02;\n }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),i.locals={pageHeader:"-esm-devtools__page-header-module__pageHeader___1Ffs7",pageHeaderContent:"-esm-devtools__page-header-module__pageHeaderContent___Z3jEI",pageName:"-esm-devtools__page-header-module__pageName___zLT2j",pageLabels:"-esm-devtools__page-header-module__pageLabels___hNF6d"};const s=i},46986:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,'.-esm-devtools__datepicker-module__cds--layout--size-xs___OjNzX{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-devtools__datepicker-module__cds--layout-constraint--size__default-xs___-WSbt{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.-esm-devtools__datepicker-module__cds--layout-constraint--size__min-xs___Pu5nL{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.-esm-devtools__datepicker-module__cds--layout-constraint--size__max-xs___gG5Ds{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.-esm-devtools__datepicker-module__cds--layout--size-sm___DlFlY{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-devtools__datepicker-module__cds--layout-constraint--size__default-sm___LqJrH{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.-esm-devtools__datepicker-module__cds--layout-constraint--size__min-sm___WkEAV{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.-esm-devtools__datepicker-module__cds--layout-constraint--size__max-sm___n69gI{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.-esm-devtools__datepicker-module__cds--layout--size-md___aAuR8{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-devtools__datepicker-module__cds--layout-constraint--size__default-md___osZQH{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.-esm-devtools__datepicker-module__cds--layout-constraint--size__min-md___vlXxk{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.-esm-devtools__datepicker-module__cds--layout-constraint--size__max-md___svnZ7{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.-esm-devtools__datepicker-module__cds--layout--size-lg___Wr2ma{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-devtools__datepicker-module__cds--layout-constraint--size__default-lg___Nrqwi{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.-esm-devtools__datepicker-module__cds--layout-constraint--size__min-lg___nMNpH{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.-esm-devtools__datepicker-module__cds--layout-constraint--size__max-lg___btLzf{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.-esm-devtools__datepicker-module__cds--layout--size-xl___Zss4v{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-devtools__datepicker-module__cds--layout-constraint--size__default-xl___LfqFa{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.-esm-devtools__datepicker-module__cds--layout-constraint--size__min-xl___APrzF{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.-esm-devtools__datepicker-module__cds--layout-constraint--size__max-xl___fREFd{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.-esm-devtools__datepicker-module__cds--layout--size-2xl___gKF6f{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-devtools__datepicker-module__cds--layout-constraint--size__default-2xl___fh6BQ{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.-esm-devtools__datepicker-module__cds--layout-constraint--size__min-2xl___\\+qD8c{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.-esm-devtools__datepicker-module__cds--layout-constraint--size__max-2xl___tYfqn{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.-esm-devtools__datepicker-module__cds--layout--density-condensed___HM\\+2D{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.-esm-devtools__datepicker-module__cds--layout-constraint--density__default-condensed___PLSgb{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.-esm-devtools__datepicker-module__cds--layout-constraint--density__min-condensed___O9iXC{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.-esm-devtools__datepicker-module__cds--layout-constraint--density__max-condensed___2iEw5{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.-esm-devtools__datepicker-module__cds--layout--density-normal___Y5-51{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.-esm-devtools__datepicker-module__cds--layout-constraint--density__default-normal___tTYpM{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.-esm-devtools__datepicker-module__cds--layout-constraint--density__min-normal___hxCFA{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.-esm-devtools__datepicker-module__cds--layout-constraint--density__max-normal___PXOTV{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-background:var(--cds-layer-background-01, #ffffff);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-devtools__datepicker-module__cds--layer-one___kn23i{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-background:var(--cds-layer-background-01, #ffffff);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-devtools__datepicker-module__cds--layer-two___de5be{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-background:var(--cds-layer-background-02, #f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.-esm-devtools__datepicker-module__cds--layer-three___2dwOh{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-background:var(--cds-layer-background-03, #ffffff);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}.-esm-devtools__datepicker-module__cds--layer-one___kn23i.-esm-devtools__datepicker-module__cds--layer__with-background___BoRxF{background-color:var(--cds-layer-background)}.-esm-devtools__datepicker-module__cds--layer-two___de5be.-esm-devtools__datepicker-module__cds--layer__with-background___BoRxF{background-color:var(--cds-layer-background)}.-esm-devtools__datepicker-module__cds--layer-three___2dwOh.-esm-devtools__datepicker-module__cds--layer__with-background___BoRxF{background-color:var(--cds-layer-background)}@keyframes -esm-devtools__datepicker-module__cds--hide-feedback___pGPMp{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes -esm-devtools__datepicker-module__cds--show-feedback___kBbDy{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes -esm-devtools__datepicker-module__cds--skeleton___jLMvn{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.-esm-devtools__datepicker-module__cds--assistive-text___n4mu3,.-esm-devtools__datepicker-module__cds--visually-hidden___tqJCR{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0, 0, 0, 0);inline-size:1px;visibility:inherit;white-space:nowrap}.-esm-devtools__datepicker-module__cds--popover-container___zPgZY{display:inline-block}.-esm-devtools__datepicker-module__cds--popover-container___zPgZY:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2){position:relative}.-esm-devtools__datepicker-module__cds--popover--high-contrast___qck8C .-esm-devtools__datepicker-module__cds--popover___V4iH1{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.-esm-devtools__datepicker-module__cds--popover--drop-shadow___N9Sao .-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{filter:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.-esm-devtools__datepicker-module__cds--popover--caret___RslUq{--cds-popover-offset:0.625rem}.-esm-devtools__datepicker-module__cds--popover___V4iH1{position:absolute;z-index:6000;filter:var(--cds-popover-drop-shadow, none);inset:0;pointer-events:none}.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:absolute;z-index:6000;display:none;border-radius:var(--cds-popover-border-radius, 2px);background-color:var(--cds-popover-background-color, var(--cds-layer));color:var(--cds-popover-text-color, var(--cds-text-primary, #161616));inline-size:max-content;max-inline-size:23rem;pointer-events:auto}.-esm-devtools__datepicker-module__cds--popover-content___nNA9D.-esm-devtools__datepicker-module__cds--layout--size-sm___DlFlY,.-esm-devtools__datepicker-module__cds--layout--size-sm___DlFlY :where(.-esm-devtools__datepicker-module__cds--popover-content___nNA9D){--cds-layout-size-height:var(--cds-layout-size-height-sm)}.-esm-devtools__datepicker-module__cds--popover-content___nNA9D.-esm-devtools__datepicker-module__cds--layout--size-md___aAuR8,.-esm-devtools__datepicker-module__cds--layout--size-md___aAuR8 :where(.-esm-devtools__datepicker-module__cds--popover-content___nNA9D){--cds-layout-size-height:var(--cds-layout-size-height-md)}.-esm-devtools__datepicker-module__cds--popover-content___nNA9D.-esm-devtools__datepicker-module__cds--layout--size-lg___Wr2ma,.-esm-devtools__datepicker-module__cds--layout--size-lg___Wr2ma :where(.-esm-devtools__datepicker-module__cds--popover-content___nNA9D){--cds-layout-size-height:var(--cds-layout-size-height-lg)}.-esm-devtools__datepicker-module__cds--popover-content___nNA9D *,.-esm-devtools__datepicker-module__cds--popover-content___nNA9D *::before,.-esm-devtools__datepicker-module__cds--popover-content___nNA9D *::after{box-sizing:inherit}.-esm-devtools__datepicker-module__cds--popover--open___SP0w3>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{display:block}.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before{position:absolute;display:none;content:""}.-esm-devtools__datepicker-module__cds--popover--open___SP0w3>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before{display:block}.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color, var(--cds-layer));will-change:transform}.-esm-devtools__datepicker-module__cds--popover--caret___RslUq.-esm-devtools__datepicker-module__cds--popover--open___SP0w3>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{display:block}.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2.-esm-devtools__datepicker-module__cds--popover--caret___RslUq.-esm-devtools__datepicker-module__cds--popover--open___SP0w3>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{display:block}.-esm-devtools__datepicker-module__cds--popover--tab-tip___iskwA>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{display:none}.-esm-devtools__datepicker-module__cds--popover--bottom___Pp4uS:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--bottom___Pp4uS:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{transform:translate(50%, calc(100% + var(--cds-popover-offset, 0rem)))}.-esm-devtools__datepicker-module__cds--popover--bottom-left___GqPMp:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,.-esm-devtools__datepicker-module__cds--popover--bottom-start___4VOuC:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-block-end:0;inset-inline-start:0;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--bottom-left___GqPMp:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--bottom-start___4VOuC:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-inline-end:0;inset-inline-start:initial}.-esm-devtools__datepicker-module__cds--popover--bottom-right___qcXyk:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,.-esm-devtools__datepicker-module__cds--popover--bottom-end___7lMpA:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-block-end:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)))}.-esm-devtools__datepicker-module__cds--popover--bottom-end___7lMpA:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--top-end___uWoc5:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{inset-block-end:0;inset-inline-end:0;inset-inline-start:auto}.-esm-devtools__datepicker-module__cds--popover--bottom-start___4VOuC:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{inset-block-end:0;inset-inline-end:auto;inset-inline-start:0;transform:translate(50%, calc(var(--cds-popover-offset, 0rem)))}.-esm-devtools__datepicker-module__cds--popover--top-start___37eoC:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{inset-block-end:0;inset-inline-end:auto;inset-inline-start:0;transform:translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)))}[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--bottom-right___qcXyk:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--bottom-end___7lMpA:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-inline-start:0}.-esm-devtools__datepicker-module__cds--popover--bottom___Pp4uS>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before,.-esm-devtools__datepicker-module__cds--popover--bottom-left___GqPMp>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before,.-esm-devtools__datepicker-module__cds--popover--bottom-start___4VOuC>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before,.-esm-devtools__datepicker-module__cds--popover--bottom-right___qcXyk>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before,.-esm-devtools__datepicker-module__cds--popover--bottom-end___7lMpA>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before{block-size:var(--cds-popover-offset, 0rem);inset-block-start:0;inset-inline:0;transform:translateY(-100%)}.-esm-devtools__datepicker-module__cds--popover--bottom___Pp4uS>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--bottom-left___GqPMp>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--bottom-start___4VOuC>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--bottom-right___qcXyk>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--bottom-end___7lMpA>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{block-size:var(--cds-popover-caret-height, 0.375rem);clip-path:polygon(0% 100%, 50% 0%, 100% 100%);inline-size:var(--cds-popover-caret-width, 0.75rem);inset-block-end:0;inset-inline-start:50%;transform:translate(-50%, var(--cds-popover-offset, 0rem))}[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--bottom___Pp4uS>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--bottom-left___GqPMp>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--bottom-start___4VOuC>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--bottom-right___qcXyk>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--bottom-end___7lMpA>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{transform:translate(50%, var(--cds-popover-offset, 0rem))}.-esm-devtools__datepicker-module__cds--popover--bottom___Pp4uS.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--bottom-left___GqPMp.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--bottom-start___4VOuC.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--bottom-right___qcXyk.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--bottom-end___7lMpA.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{block-size:var(--cds-popover-caret-height, 0.375rem);clip-path:polygon(0% 100%, 50% 0%, 100% 100%);inline-size:var(--cds-popover-caret-width, 0.75rem)}.-esm-devtools__datepicker-module__cds--popover--top___F09zY:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--top___F09zY:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{transform:translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)))}.-esm-devtools__datepicker-module__cds--popover--top-left___anbvr:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,.-esm-devtools__datepicker-module__cds--popover--top-start___37eoC:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-block-start:0;inset-inline-start:0;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--top-left___anbvr:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--top-start___37eoC:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-inline-end:0;inset-inline-start:initial}.-esm-devtools__datepicker-module__cds--popover--top-right___mgaYQ:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,.-esm-devtools__datepicker-module__cds--popover--top-end___uWoc5:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-block-start:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--top-right___mgaYQ:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--top-end___uWoc5:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-inline-start:0}.-esm-devtools__datepicker-module__cds--popover--top___F09zY>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before,.-esm-devtools__datepicker-module__cds--popover--top-left___anbvr>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before,.-esm-devtools__datepicker-module__cds--popover--top-start___37eoC>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before,.-esm-devtools__datepicker-module__cds--popover--top-right___mgaYQ>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before,.-esm-devtools__datepicker-module__cds--popover--top-end___uWoc5>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before{block-size:var(--cds-popover-offset, 0rem);inset-block-end:0;inset-inline:0;transform:translateY(100%)}.-esm-devtools__datepicker-module__cds--popover--top___F09zY>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--top-left___anbvr>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--top-start___37eoC>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--top-right___mgaYQ>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--top-end___uWoc5>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{block-size:var(--cds-popover-caret-height, 0.375rem);clip-path:polygon(0% 0%, 50% 100%, 100% 0%);inline-size:var(--cds-popover-caret-width, 0.75rem);inset-block-start:0;inset-inline-start:50%;transform:translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)))}[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--top___F09zY:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--top-left___anbvr:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--top-start___37eoC:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--top-right___mgaYQ:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--top-end___uWoc5:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{transform:translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)))}.-esm-devtools__datepicker-module__cds--popover--top___F09zY.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--top-left___anbvr.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--top-start___37eoC.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--top-right___mgaYQ.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--top-end___uWoc5.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{block-size:var(--cds-popover-caret-height, 0.375rem);clip-path:polygon(0% 0%, 50% 100%, 100% 0%);inline-size:var(--cds-popover-caret-width, 0.75rem)}.-esm-devtools__datepicker-module__cds--popover--right___PbxDU:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset, 0rem), -50%)}.-esm-devtools__datepicker-module__cds--popover--right-top___mScbP:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,.-esm-devtools__datepicker-module__cds--popover--right-start___z12en:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px))}.-esm-devtools__datepicker-module__cds--popover--right-bottom___baRW\\+:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,.-esm-devtools__datepicker-module__cds--popover--right-end___58jao:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-block-end:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px))}[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--right___PbxDU:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--right-bottom___baRW\\+:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--right-end___58jao:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--right-top___mScbP:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--right-start___z12en:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-inline-end:100%;inset-inline-start:initial}.-esm-devtools__datepicker-module__cds--popover--right___PbxDU>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before,.-esm-devtools__datepicker-module__cds--popover--right-top___mScbP>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before,.-esm-devtools__datepicker-module__cds--popover--right-start___z12en>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before,.-esm-devtools__datepicker-module__cds--popover--right-bottom___baRW\\+>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before,.-esm-devtools__datepicker-module__cds--popover--right-end___58jao>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before{inline-size:var(--cds-popover-offset, 0rem);inset-block:0;inset-inline-start:0;transform:translateX(-100%)}.-esm-devtools__datepicker-module__cds--popover--right___PbxDU:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--right-top___mScbP:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--right-start___z12en:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--right-bottom___baRW\\+:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--right-end___58jao:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{block-size:var(--cds-popover-caret-width, 0.75rem);clip-path:polygon(0% 50%, 100% 0%, 100% 100%);inline-size:var(--cds-popover-caret-height, 0.375rem);inset-block-start:50%;inset-inline-start:100%;transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%)}[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--right___PbxDU:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--right-top___mScbP:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--right-start___z12en:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--right-bottom___baRW\\+:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--right-end___58jao:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{inset-inline-end:100%;inset-inline-start:initial}.-esm-devtools__datepicker-module__cds--popover--right___PbxDU.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--right-top___mScbP.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--right-start___z12en.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--right-bottom___baRW\\+.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--right-end___58jao.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{block-size:var(--cds-popover-caret-width, 0.75rem);clip-path:polygon(0% 50%, 100% 0%, 100% 100%);inline-size:var(--cds-popover-caret-height, 0.375rem)}.-esm-devtools__datepicker-module__cds--popover--left___xfhg3:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%)}.-esm-devtools__datepicker-module__cds--popover--left-top___\\+Swd4:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,.-esm-devtools__datepicker-module__cds--popover--left-start___B78YF:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px))}.-esm-devtools__datepicker-module__cds--popover--left-bottom___QsCoc:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,.-esm-devtools__datepicker-module__cds--popover--left-end___ioOPI:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-block-end:50%;inset-inline-end:100%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px))}[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--left___xfhg3:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--left-bottom___QsCoc:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--left-end___ioOPI:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--left-top___\\+Swd4:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--left-start___B78YF:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{inset-inline-end:initial;inset-inline-start:100%}.-esm-devtools__datepicker-module__cds--popover--left___xfhg3>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before,.-esm-devtools__datepicker-module__cds--popover--left-top___\\+Swd4>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before,.-esm-devtools__datepicker-module__cds--popover--left-start___B78YF>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before,.-esm-devtools__datepicker-module__cds--popover--left-bottom___QsCoc>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before,.-esm-devtools__datepicker-module__cds--popover--left-end___ioOPI>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D::before{inline-size:var(--cds-popover-offset, 0rem);inset-block:0;inset-inline-end:0;transform:translateX(100%)}.-esm-devtools__datepicker-module__cds--popover--left___xfhg3:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--left-top___\\+Swd4:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--left-start___B78YF:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--left-bottom___QsCoc:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--left-end___ioOPI:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{block-size:var(--cds-popover-caret-width, 0.75rem);clip-path:polygon(0% 0%, 100% 50%, 0% 100%);inline-size:var(--cds-popover-caret-height, 0.375rem);inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%)}[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--left___xfhg3:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--left-top___\\+Swd4:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--left-start___B78YF:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--left-bottom___QsCoc:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,[dir=rtl] .-esm-devtools__datepicker-module__cds--popover--left-end___ioOPI:not(.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2)>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{inset-inline-end:initial;inset-inline-start:100%}.-esm-devtools__datepicker-module__cds--popover--left___xfhg3.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--left-top___\\+Swd4.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--left-start___B78YF.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--left-bottom___QsCoc.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf,.-esm-devtools__datepicker-module__cds--popover--left-end___ioOPI.-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D>.-esm-devtools__datepicker-module__cds--popover-caret___Whhzf{block-size:var(--cds-popover-caret-width, 0.75rem);clip-path:polygon(0% 0%, 100% 50%, 0% 100%);inline-size:var(--cds-popover-caret-height, 0.375rem)}.-esm-devtools__datepicker-module__cds--popover--tab-tip___iskwA>.-esm-devtools__datepicker-module__cds--popover___V4iH1>.-esm-devtools__datepicker-module__cds--popover-content___nNA9D{border-radius:0}.-esm-devtools__datepicker-module__cds--popover--tab-tip___iskwA .-esm-devtools__datepicker-module__cds--popover___V4iH1{will-change:filter}.-esm-devtools__datepicker-module__cds--popover--tab-tip__button___XyhJd{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;position:relative;display:inline-flex;align-items:center;justify-content:center;block-size:2rem;inline-size:2rem}.-esm-devtools__datepicker-module__cds--popover--tab-tip__button___XyhJd *,.-esm-devtools__datepicker-module__cds--popover--tab-tip__button___XyhJd *::before,.-esm-devtools__datepicker-module__cds--popover--tab-tip__button___XyhJd *::after{box-sizing:inherit}.-esm-devtools__datepicker-module__cds--popover--tab-tip__button___XyhJd::-moz-focus-inner{border:0}.-esm-devtools__datepicker-module__cds--popover--tab-tip__button___XyhJd:focus{outline:2px solid var(--cds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.-esm-devtools__datepicker-module__cds--popover--tab-tip__button___XyhJd:focus{outline-style:dotted}}.-esm-devtools__datepicker-module__cds--popover--tab-tip__button___XyhJd:hover{background-color:var(--cds-layer-hover)}.-esm-devtools__datepicker-module__cds--popover--tab-tip___iskwA.-esm-devtools__datepicker-module__cds--popover--open___SP0w3 .-esm-devtools__datepicker-module__cds--popover--tab-tip__button___XyhJd{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.-esm-devtools__datepicker-module__cds--popover--tab-tip___iskwA.-esm-devtools__datepicker-module__cds--popover--open___SP0w3 .-esm-devtools__datepicker-module__cds--popover--tab-tip__button___XyhJd:not(:focus)::after{position:absolute;z-index:6001;background:var(--cds-layer);block-size:2px;content:"";inline-size:100%;inset-block-end:0}.-esm-devtools__datepicker-module__cds--popover--tab-tip__button___XyhJd svg{fill:var(--cds-icon-primary, #161616)}.-esm-devtools__datepicker-module__cds--tooltip___HUiTF{--cds-popover-offset:12px}.-esm-devtools__datepicker-module__cds--tooltip-content___Czl-l{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);padding:var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);max-inline-size:18rem;overflow-wrap:break-word}.-esm-devtools__datepicker-module__cds--icon-tooltip___AcCtc{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.-esm-devtools__datepicker-module__cds--icon-tooltip___AcCtc .-esm-devtools__datepicker-module__cds--tooltip-content___Czl-l{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-devtools__datepicker-module__cds--definition-term___c79fQ{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;border-radius:0;border-block-end:1px dotted var(--cds-border-strong);color:var(--cds-text-primary, #161616)}.-esm-devtools__datepicker-module__cds--definition-term___c79fQ *,.-esm-devtools__datepicker-module__cds--definition-term___c79fQ *::before,.-esm-devtools__datepicker-module__cds--definition-term___c79fQ *::after{box-sizing:inherit}.-esm-devtools__datepicker-module__cds--definition-term___c79fQ::-moz-focus-inner{border:0}.-esm-devtools__datepicker-module__cds--definition-term___c79fQ:focus{outline:1px solid var(--cds-focus, #0f62fe);border-block-end-color:var(--cds-border-interactive, #0f62fe)}@media screen and (prefers-contrast){.-esm-devtools__datepicker-module__cds--definition-term___c79fQ:focus{outline-style:dotted}}.-esm-devtools__datepicker-module__cds--definition-term___c79fQ:hover{border-block-end-color:var(--cds-border-interactive, #0f62fe)}.-esm-devtools__datepicker-module__cds--definition-tooltip___eKNKh{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);padding:.5rem 1rem;max-inline-size:11rem;text-wrap:auto;word-break:break-word}.-esm-devtools__datepicker-module__cds--btn___qt66i{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-2xl)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));--temp-1lh: ( var(--cds-body-compact-01-line-height, 1.28572) * 1em );--temp-expressive-1lh: ( var(--cds-body-compact-02-line-height, 1.375) * 1em );--temp-padding-block-max: calc( (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 - 0.0625rem );box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);position:relative;display:inline-flex;flex-shrink:0;justify-content:space-between;border-radius:0;margin:0;cursor:pointer;inline-size:max-content;max-inline-size:20rem;min-block-size:var(--cds-layout-size-height-local);outline:none;padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh))/2 - .0625rem,var(--temp-padding-block-max));padding-inline:calc(var(--cds-layout-density-padding-inline-local) - .0625rem) calc(var(--cds-layout-density-padding-inline-local)*3 + 1rem - .0625rem);text-align:start;text-decoration:none;transition:background 70ms cubic-bezier(0, 0, 0.38, 0.9),box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9),border-color 70ms cubic-bezier(0, 0, 0.38, 0.9),outline 70ms cubic-bezier(0, 0, 0.38, 0.9);vertical-align:top}.-esm-devtools__datepicker-module__cds--btn___qt66i *,.-esm-devtools__datepicker-module__cds--btn___qt66i *::before,.-esm-devtools__datepicker-module__cds--btn___qt66i *::after{box-sizing:inherit}.-esm-devtools__datepicker-module__cds--btn___qt66i:disabled,.-esm-devtools__datepicker-module__cds--btn___qt66i:hover:disabled,.-esm-devtools__datepicker-module__cds--btn___qt66i:focus:disabled,.-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD,.-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD:hover,.-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD:focus{border-color:var(--cds-button-disabled, #c6c6c6);background:var(--cds-button-disabled, #c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled, #8d8d8d);cursor:not-allowed}.-esm-devtools__datepicker-module__cds--btn___qt66i .-esm-devtools__datepicker-module__cds--btn__icon___0VV57{position:absolute;flex-shrink:0;block-size:1rem;inline-size:1rem;inset-block-start:min((var(--cds-layout-size-height-local) - 1rem)/2 - .0625rem,var(--temp-padding-block-max));inset-inline-end:var(--cds-layout-density-padding-inline-local);margin-block-start:.0625rem}.-esm-devtools__datepicker-module__cds--btn___qt66i::-moz-focus-inner{padding:0;border:0}.-esm-devtools__datepicker-module__cds--btn--primary___QcQbM{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-primary, #0f62fe);color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--primary___QcQbM:hover{background-color:var(--cds-button-primary-hover, #0050e6)}.-esm-devtools__datepicker-module__cds--btn--primary___QcQbM:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--primary___QcQbM:active{background-color:var(--cds-button-primary-active, #002d9c)}.-esm-devtools__datepicker-module__cds--btn--primary___QcQbM .-esm-devtools__datepicker-module__cds--btn__icon___0VV57,.-esm-devtools__datepicker-module__cds--btn--primary___QcQbM .-esm-devtools__datepicker-module__cds--btn__icon___0VV57 path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-devtools__datepicker-module__cds--btn--primary___QcQbM:hover{color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--secondary___v3vrU{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-secondary, #393939);color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--secondary___v3vrU:hover{background-color:var(--cds-button-secondary-hover, #474747)}.-esm-devtools__datepicker-module__cds--btn--secondary___v3vrU:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--secondary___v3vrU:active{background-color:var(--cds-button-secondary-active, #6f6f6f)}.-esm-devtools__datepicker-module__cds--btn--secondary___v3vrU .-esm-devtools__datepicker-module__cds--btn__icon___0VV57,.-esm-devtools__datepicker-module__cds--btn--secondary___v3vrU .-esm-devtools__datepicker-module__cds--btn__icon___0VV57 path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-devtools__datepicker-module__cds--btn--secondary___v3vrU:hover,.-esm-devtools__datepicker-module__cds--btn--secondary___v3vrU:focus{color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--tertiary___O926u{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary, #0f62fe);background-color:rgba(0,0,0,0);color:var(--cds-button-tertiary, #0f62fe)}.-esm-devtools__datepicker-module__cds--btn--tertiary___O926u:hover{background-color:var(--cds-button-tertiary-hover, #0050e6)}.-esm-devtools__datepicker-module__cds--btn--tertiary___O926u:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--tertiary___O926u:active{background-color:var(--cds-button-tertiary-active, #002d9c)}.-esm-devtools__datepicker-module__cds--btn--tertiary___O926u .-esm-devtools__datepicker-module__cds--btn__icon___0VV57,.-esm-devtools__datepicker-module__cds--btn--tertiary___O926u .-esm-devtools__datepicker-module__cds--btn__icon___0VV57 path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-devtools__datepicker-module__cds--btn--tertiary___O926u:hover{color:var(--cds-text-inverse, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--tertiary___O926u:focus{background-color:var(--cds-button-tertiary, #0f62fe);color:var(--cds-text-inverse, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--tertiary___O926u:active{border-color:rgba(0,0,0,0);background-color:var(--cds-button-tertiary-active, #002d9c);color:var(--cds-text-inverse, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--tertiary___O926u:disabled,.-esm-devtools__datepicker-module__cds--btn--tertiary___O926u:hover:disabled,.-esm-devtools__datepicker-module__cds--btn--tertiary___O926u:focus:disabled,.-esm-devtools__datepicker-module__cds--btn--tertiary___O926u.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD,.-esm-devtools__datepicker-module__cds--btn--tertiary___O926u.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD:hover,.-esm-devtools__datepicker-module__cds--btn--tertiary___O926u.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD:focus{background:rgba(0,0,0,0);color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));outline:none}.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--cds-link-primary, #0f62fe);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR:hover{background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12))}.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR:active{background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5))}.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR .-esm-devtools__datepicker-module__cds--btn__icon___0VV57,.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR .-esm-devtools__datepicker-module__cds--btn__icon___0VV57 path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR .-esm-devtools__datepicker-module__cds--btn__icon___0VV57{position:static;align-self:center;margin-inline-start:.5rem}.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR:hover,.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR:active{color:var(--cds-link-primary-hover, #0043ce)}.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR:active{background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5))}.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR:disabled,.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR:hover:disabled,.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR:focus:disabled,.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD,.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD:hover,.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD:focus{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));outline:none}.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR:not([disabled]) svg{fill:var(--cds-icon-primary, #161616)}.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G{align-items:center;justify-content:center;padding:0;block-size:var(--cds-layout-size-height-local);inline-size:var(--cds-layout-size-height-local);padding-block-start:0}.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G>:first-child{min-inline-size:1rem}.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G .-esm-devtools__datepicker-module__cds--btn__icon___0VV57{position:static}.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR .-esm-devtools__datepicker-module__cds--btn__icon___0VV57,.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G.-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui .-esm-devtools__datepicker-module__cds--btn__icon___0VV57{margin:0}.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G.-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui{padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 1rem)}.-esm-devtools__datepicker-module__cds--btn--xs___sbGZG:not(.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G){padding-block-start:1.5px}.-esm-devtools__datepicker-module__cds--btn--xs___sbGZG:not(.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G) .-esm-devtools__datepicker-module__cds--btn__icon___0VV57,.-esm-devtools__datepicker-module__cds--btn--sm___f5lZz:not(.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G) .-esm-devtools__datepicker-module__cds--btn__icon___0VV57,.-esm-devtools__datepicker-module__cds--btn--md___9YcTt:not(.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G) .-esm-devtools__datepicker-module__cds--btn__icon___0VV57{margin-block-start:0}.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G.-esm-devtools__datepicker-module__cds--btn--selected___Jklbf{background:var(--cds-background-selected, rgba(141, 141, 141, 0.2))}.-esm-devtools__datepicker-module__cds--btn___qt66i path[data-icon-path=inner-path]{fill:none}.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G .-esm-devtools__datepicker-module__cds--btn__icon___0VV57 path:not([data-icon-path]):not([fill=none]),.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G .-esm-devtools__datepicker-module__cds--btn__icon___0VV57{fill:var(--cds-icon-primary, #161616)}.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G[disabled] .-esm-devtools__datepicker-module__cds--btn__icon___0VV57 path:not([data-icon-path]):not([fill=none]),.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G[disabled] .-esm-devtools__datepicker-module__cds--btn__icon___0VV57,.-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR[disabled]:hover .-esm-devtools__datepicker-module__cds--btn__icon___0VV57{fill:var(--cds-icon-on-color-disabled, #8d8d8d)}.-esm-devtools__datepicker-module__cds--btn--ghost___8rojR.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G[disabled]{cursor:not-allowed}.-esm-devtools__datepicker-module__cds--icon-tooltip--disabled___na5Ye .-esm-devtools__datepicker-module__cds--tooltip-trigger__wrapper___3HcrA{cursor:not-allowed}.-esm-devtools__datepicker-module__cds--icon-tooltip--disabled___na5Ye .-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G[disabled]{pointer-events:none}.-esm-devtools__datepicker-module__cds--btn--danger___trDCT{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-danger-primary, #da1e28);color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--danger___trDCT:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-devtools__datepicker-module__cds--btn--danger___trDCT:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--danger___trDCT:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-devtools__datepicker-module__cds--btn--danger___trDCT .-esm-devtools__datepicker-module__cds--btn__icon___0VV57,.-esm-devtools__datepicker-module__cds--btn--danger___trDCT .-esm-devtools__datepicker-module__cds--btn__icon___0VV57 path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-devtools__datepicker-module__cds--btn--danger___trDCT:hover{color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--danger--tertiary___2mY3K{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary, #da1e28);background-color:rgba(0,0,0,0);color:var(--cds-button-danger-secondary, #da1e28)}.-esm-devtools__datepicker-module__cds--btn--danger--tertiary___2mY3K:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-devtools__datepicker-module__cds--btn--danger--tertiary___2mY3K:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--danger--tertiary___2mY3K:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-devtools__datepicker-module__cds--btn--danger--tertiary___2mY3K .-esm-devtools__datepicker-module__cds--btn__icon___0VV57,.-esm-devtools__datepicker-module__cds--btn--danger--tertiary___2mY3K .-esm-devtools__datepicker-module__cds--btn__icon___0VV57 path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-devtools__datepicker-module__cds--btn--danger--tertiary___2mY3K:hover{border-color:var(--cds-button-danger-hover, #b81921);color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--danger--tertiary___2mY3K:focus{background-color:var(--cds-button-danger-primary, #da1e28);color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--danger--tertiary___2mY3K:active{border-color:var(--cds-button-danger-active, #750e13);background-color:var(--cds-button-danger-active, #750e13);color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--danger--tertiary___2mY3K:disabled,.-esm-devtools__datepicker-module__cds--btn--danger--tertiary___2mY3K:hover:disabled,.-esm-devtools__datepicker-module__cds--btn--danger--tertiary___2mY3K:focus:disabled,.-esm-devtools__datepicker-module__cds--btn--danger--tertiary___2mY3K.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD,.-esm-devtools__datepicker-module__cds--btn--danger--tertiary___2mY3K.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD:hover,.-esm-devtools__datepicker-module__cds--btn--danger--tertiary___2mY3K.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD:focus{background:rgba(0,0,0,0);color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));outline:none}.-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--cds-button-danger-secondary, #da1e28);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui .-esm-devtools__datepicker-module__cds--btn__icon___0VV57,.-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui .-esm-devtools__datepicker-module__cds--btn__icon___0VV57 path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui .-esm-devtools__datepicker-module__cds--btn__icon___0VV57{position:static;margin-inline-start:.5rem}.-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui:hover,.-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui:active{color:var(--cds-text-on-color, #ffffff)}.-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui:disabled,.-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui:hover:disabled,.-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui:focus:disabled,.-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD,.-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD:hover,.-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD:focus{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));outline:none}.-esm-devtools__datepicker-module__cds--btn--expressive___R92Ju{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh))/2 - .0625rem,var(--temp-padding-block-max))}.-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G.-esm-devtools__datepicker-module__cds--btn--expressive___R92Ju{padding:12px 13px}.-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--btn--expressive___R92Ju .-esm-devtools__datepicker-module__cds--btn__icon___0VV57{block-size:1.25rem;inline-size:1.25rem}.-esm-devtools__datepicker-module__cds--btn-set___I1VAA .-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--btn--expressive___R92Ju{max-inline-size:20rem}.-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--skeleton___jLMvn{position:relative;padding:0;border:none;background:var(--cds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;inline-size:9.375rem}.-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--skeleton___jLMvn:hover,.-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--skeleton___jLMvn:focus,.-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--skeleton___jLMvn:active{border:none;cursor:default;outline:none}.-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--skeleton___jLMvn::before{position:absolute;animation:3000ms ease-in-out -esm-devtools__datepicker-module__cds--skeleton___jLMvn infinite;background:var(--cds-skeleton-element, #c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media(prefers-reduced-motion: reduce){.-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--skeleton___jLMvn::before{animation:none}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--skeleton___jLMvn{background:CanvasText}.-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--skeleton___jLMvn::before{background:Canvas;forced-color-adjust:none}}.-esm-devtools__datepicker-module__cds--btn-set___I1VAA{display:flex}.-esm-devtools__datepicker-module__cds--btn-set--stacked___rmOT0{flex-direction:column}.-esm-devtools__datepicker-module__cds--btn-set___I1VAA .-esm-devtools__datepicker-module__cds--btn___qt66i{inline-size:100%;max-inline-size:12.25rem}.-esm-devtools__datepicker-module__cds--btn-set___I1VAA .-esm-devtools__datepicker-module__cds--btn___qt66i:not(:focus){box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0)}.-esm-devtools__datepicker-module__cds--btn-set___I1VAA .-esm-devtools__datepicker-module__cds--btn___qt66i:first-of-type:not(:focus){box-shadow:inherit}.-esm-devtools__datepicker-module__cds--btn-set___I1VAA .-esm-devtools__datepicker-module__cds--btn___qt66i:focus+.-esm-devtools__datepicker-module__cds--btn___qt66i{box-shadow:inherit}.-esm-devtools__datepicker-module__cds--btn-set--stacked___rmOT0 .-esm-devtools__datepicker-module__cds--btn___qt66i:not(:focus){box-shadow:0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0)}.-esm-devtools__datepicker-module__cds--btn-set--stacked___rmOT0 .-esm-devtools__datepicker-module__cds--btn___qt66i:first-of-type:not(:focus){box-shadow:inherit}.-esm-devtools__datepicker-module__cds--btn-set___I1VAA .-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD{box-shadow:-0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d)}.-esm-devtools__datepicker-module__cds--btn-set___I1VAA .-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD:first-of-type{box-shadow:none}.-esm-devtools__datepicker-module__cds--btn-set--stacked___rmOT0 .-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD{box-shadow:0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d)}.-esm-devtools__datepicker-module__cds--btn-set--stacked___rmOT0 .-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD:first-of-type{box-shadow:none}.-esm-devtools__datepicker-module__cds--btn-set___I1VAA .-esm-devtools__datepicker-module__cds--btn___qt66i.-esm-devtools__datepicker-module__cds--btn--loading___f3W1Z{border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);box-shadow:none}.-esm-devtools__datepicker-module__cds--btn--sm___f5lZz .-esm-devtools__datepicker-module__cds--badge-indicator___2RKKr{margin-block-start:.25rem;margin-inline-end:.25rem}@media screen and (-ms-high-contrast: active),(forced-colors: active){.-esm-devtools__datepicker-module__cds--btn___qt66i:focus{color:Highlight;outline:1px solid Highlight}}[dir=rtl] .-esm-devtools__datepicker-module__cds--btn-set___I1VAA .-esm-devtools__datepicker-module__cds--btn___qt66i:not(:focus){box-shadow:.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0)}:root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__datepicker-module__calendarGrid___82JTy{width:17rem}.-esm-devtools__datepicker-module__calendarGrid___82JTy tr,.-esm-devtools__datepicker-module__calendarGrid___82JTy tr>th,.-esm-devtools__datepicker-module__calendarGrid___82JTy tr>td{height:2.428rem;width:2.428rem}.-esm-devtools__datepicker-module__calendarGrid___82JTy>thead>tr>th{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);cursor:default;text-align:center;vertical-align:middle}.-esm-devtools__datepicker-module__calendarGrid___82JTy>tbody>tr>td{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);cursor:pointer;text-align:center;vertical-align:middle}.-esm-devtools__datepicker-module__calendarGrid___82JTy>tbody>tr>td>div{outline:unset}.-esm-devtools__datepicker-module__calendarGrid___82JTy>tbody>tr>td:hover:not(:has([aria-disabled],[data-selected])){background-color:var(--cds-layer-hover)}.-esm-devtools__datepicker-module__calendarGrid___82JTy>tbody>tr>td:has([data-selected]){background-color:#0f62fe;color:#fff}.-esm-devtools__datepicker-module__calendarGrid___82JTy>tbody>tr>td[aria-disabled]{color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));cursor:default}.-esm-devtools__datepicker-module__dialog___fzfHO{box-shadow:0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));background-color:var(--cds-layer-01, #f4f4f4);overflow:hidden;padding:.25rem .25rem .5rem .25rem}.-esm-devtools__datepicker-module__flatButton___X1NNz{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.-esm-devtools__datepicker-module__flatButton___X1NNz *,.-esm-devtools__datepicker-module__flatButton___X1NNz *::before,.-esm-devtools__datepicker-module__flatButton___X1NNz *::after{box-sizing:inherit}.-esm-devtools__datepicker-module__flatButton___X1NNz{background-color:inherit;display:inline-flex}.-esm-devtools__datepicker-module__flatButton___X1NNz:hover:not(:disabled){background-color:var(--cds-layer-hover)}.-esm-devtools__datepicker-module__flatButton___X1NNz:disabled>svg{fill:var(--cds-text-disabled, rgba(22, 22, 22, 0.25))}.-esm-devtools__datepicker-module__flatButton___X1NNz>svg{display:block;margin:auto;text-align:center}[data-invalid]>.-esm-devtools__datepicker-module__flatButton___X1NNz>svg{--omrs-icon-fill: var(--cds-support-error, #da1e28)}.-esm-devtools__datepicker-module__flatButtonMd___DET4S{height:2.5rem;width:2.5rem}.-esm-devtools__datepicker-module__header___5cAtV{margin-top:.5rem;margin-bottom:.5rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.-esm-devtools__datepicker-module__inputGroup___eXcUh{align-items:center;background-color:var(--cds-field);border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary);display:flex;position:relative}.-esm-devtools__datepicker-module__inputGroup___eXcUh:focus-within,.-esm-devtools__datepicker-module__inputGroup___eXcUh.-esm-devtools__datepicker-module__cds--focused___bDpK1{outline:2px solid var(--cds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.-esm-devtools__datepicker-module__inputGroup___eXcUh:focus-within,.-esm-devtools__datepicker-module__inputGroup___eXcUh.-esm-devtools__datepicker-module__cds--focused___bDpK1{outline-style:dotted}}.-esm-devtools__datepicker-module__inputGroup___eXcUh[data-invalid]{outline:2px solid var(--cds-support-error, #da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.-esm-devtools__datepicker-module__inputGroup___eXcUh[data-invalid]{outline-style:dotted}}.-esm-devtools__datepicker-module__inputGroup___eXcUh[data-invalid]{color:var(--cds-support-error, #da1e28)}.-esm-devtools__datepicker-module__inputGroup___eXcUh[data-disabled]{border-block-end:1px solid rgba(0,0,0,0);color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));cursor:not-allowed}.-esm-devtools__datepicker-module__inputWrapper___uII7F{inline-size:15rem;margin-left:1rem;min-width:10rem;max-width:15rem}.-esm-devtools__datepicker-module__inputWrapper___uII7F .-esm-devtools__datepicker-module__inputSegment___y0Ukq{caret-color:var(--cds-text-primary)}.-esm-devtools__datepicker-module__inputWrapper___uII7F .-esm-devtools__datepicker-module__inputSegment___y0Ukq:focus{outline:unset;background-color:var(--cds-layer-selected-hover)}.-esm-devtools__datepicker-module__inputWrapper___uII7F .-esm-devtools__datepicker-module__inputSegment___y0Ukq[data-placeholder]{color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25))}.-esm-devtools__datepicker-module__inputWrapper___uII7F .-esm-devtools__datepicker-module__inputSegment___y0Ukq[data-focused=true]{animation:-esm-devtools__datepicker-module__cursor-blink___z9oux 1s step-end infinite}.-esm-devtools__datepicker-module__inputWrapper___uII7F [data-readonly]:has(+[data-placeholder]){color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25))}.-esm-devtools__datepicker-module__inputWrapper___uII7F [data-placeholder]+[data-readonly]{color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25))}@keyframes -esm-devtools__datepicker-module__cursor-blink___z9oux{from,to{border-right:1px solid rgba(0,0,0,0)}50%{border-right:1px solid currentColor}}.-esm-devtools__datepicker-module__inputWrapperMd___T\\+6T9{block-size:2.5rem}.-esm-devtools__datepicker-module__monthYear___FVly7{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-devtools__datepicker-module__monthYear___FVly7 *,.-esm-devtools__datepicker-module__monthYear___FVly7 *::before,.-esm-devtools__datepicker-module__monthYear___FVly7 *::after{box-sizing:inherit}.-esm-devtools__datepicker-module__monthYear___FVly7{margin-top:.5rem;margin-block-end:.125rem;text-align:center}.-esm-devtools__datepicker-module__monthYear___FVly7>span{margin-left:.25rem;margin-right:.25rem}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric]){display:inline}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric])>input[inputmode=numeric]{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric])>input[inputmode=numeric] *,.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric])>input[inputmode=numeric] *::before,.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric])>input[inputmode=numeric] *::after{box-sizing:inherit}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric])>input[inputmode=numeric]{background-color:var(--cds-field);inline-size:2.5rem;padding:.25rem;padding-right:0}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric])>input[inputmode=numeric]::-webkit-outer-spin-button,.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric])>input[inputmode=numeric]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric])>input[inputmode=numeric]:focus{outline:1px solid var(--cds-focus, #0f62fe)}@media screen and (prefers-contrast){.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric])>input[inputmode=numeric]:focus{outline-style:dotted}}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric])>input[inputmode=numeric][data-invalid]{outline:2px solid var(--cds-support-error, #da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric])>input[inputmode=numeric][data-invalid]{outline-style:dotted}}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric])>input[inputmode=numeric][data-disabled],.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric])>input[inputmode=numeric][data-disabled]:hover{background-color:var(--cds-layer-01, #f4f4f4);color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));pointer-events:none}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric])>input[inputmode=numeric][data-disabled]+div>button::after{border-block-end-color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));border-block-start-color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25))}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric])>input[inputmode=numeric][data-disabled]+div>button:hover{opacity:0}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric]) div[role=group]{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric]) div[role=group] *,.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric]) div[role=group] *::before,.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric]) div[role=group] *::after{box-sizing:inherit}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric]) div[role=group]{display:inline;position:relative}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric]):hover button{opacity:1}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric]) button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric]) button *,.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric]) button *::before,.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric]) button *::after{box-sizing:inherit}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric]) button{position:absolute;padding:0 .25rem 0 .125rem;border:none;block-size:50%;cursor:pointer;inline-size:.75rem;inset-inline-start:2.5rem;line-height:50%;opacity:0}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric]) button::after{display:block;border-inline-end:.25rem solid rgba(0,0,0,0);border-inline-start:.25rem solid rgba(0,0,0,0);content:"";inset-block-start:33%}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric]) button:hover::after{border-block-end-color:var(--cds-button-primary, #0f62fe);border-block-start-color:var(--cds-button-primary, #0f62fe)}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric]) button:active::after{border-block-end-color:var(--cds-border-interactive, #0f62fe);border-block-start-color:var(--cds-border-interactive, #0f62fe)}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric]) button[slot=increment]{top:0;left:0}.-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric]) button[slot=decrement]{top:.75rem;left:0}@keyframes -esm-devtools__datepicker-module__fade-in-down___SPf2g{from{opacity:0;transform:translate3d(0, -20px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}.-esm-devtools__datepicker-module__popover___Cbbwq[data-entering]{animation:-esm-devtools__datepicker-module__fade-in-down___SPf2g 110ms cubic-bezier(0, 0, 0.38, 0.9)}@media screen and (prefers-reduced-motion: reduce){.-esm-devtools__datepicker-module__popover___Cbbwq[data-entering]{animation:none}}[dir="rtl"] .-esm-devtools__datepicker-module__inputWrapper___uII7F{padding-left:unset;padding-right:.75rem}[dir="rtl"] .-esm-devtools__datepicker-module__monthYear___FVly7 div:has(input[inputmode=numeric])>input[inputmode=numeric]{padding-right:.25rem}[dir="rtl"] .-esm-devtools__datepicker-module__monthYear___FVly7 button[slot=increment]{top:0;left:unset;right:0}[dir="rtl"] .-esm-devtools__datepicker-module__monthYear___FVly7 button[slot=decrement]{top:.75rem;left:unset;right:0}.-esm-devtools__datepicker-module__invalidText___g3o4V{color:var(--cds-text-error, #da1e28) !important;font-size:.75rem;font-weight:400 !important;margin:.25rem 0 0;overflow:hidden}.-esm-devtools__datepicker-module__today___N0GKU:not([data-selected]){position:relative;color:#0f62fe;font-weight:600;font-size:var(--cds-body-compact-01-font-size, 0.875rem);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);display:flex;align-items:center;justify-content:center;block-size:2.5rem;cursor:pointer;inline-size:2.5rem}.-esm-devtools__datepicker-module__today___N0GKU:not([data-selected])::after{position:absolute;display:block;block-size:.25rem;content:"";inline-size:.25rem;inset-block-end:.4375rem;inset-inline-start:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.-esm-devtools__datepicker-module__today___N0GKU:not([data-selected])[data-disabled]::after{background-color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25))}.-esm-devtools__datepicker-module__today___N0GKU:not([data-selected]):not([data-disabled])::after{background-color:var(--cds-link-primary, var(--cds-link-primary, #0f62fe))}',"",{version:3,sources:["webpack://./../../../node_modules/@carbon/styles/scss/_layout.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./../../../node_modules/@carbon/styles/scss/_layer.scss","webpack://./../../../node_modules/@carbon/styles/scss/theme/_theme.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_keyframes.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_visually-hidden.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/popover/_popover.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_component-reset.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_layout.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_button-reset.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_focus-outline.scss","webpack://./../../../node_modules/@carbon/themes/scss/generated/_tokens.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/tooltip/_tooltip.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_button.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_mixins.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_vars.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_tokens.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_skeleton.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_high-contrast-mode.scss","webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/datepicker/datepicker.module.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_box-shadow.scss"],names:[],mappings:"AA+DM,gECTJ,yEAAA,CAAA,8DAAA,CDuBI,oFCvBJ,wGAAA,CDqCM,gFCrCN,qEAAA,CDqCM,gFCrCN,qEAAA,CDSI,gECTJ,uEAAA,CAAA,8DAAA,CDuBI,oFCvBJ,sGAAA,CDqCM,gFCrCN,mEAAA,CDqCM,gFCrCN,mEAAA,CDSI,gECTJ,yEAAA,CAAA,8DAAA,CDuBI,oFCvBJ,wGAAA,CDqCM,gFCrCN,qEAAA,CDqCM,gFCrCN,qEAAA,CDSI,gECTJ,uEAAA,CAAA,8DAAA,CDuBI,oFCvBJ,sGAAA,CDqCM,gFCrCN,mEAAA,CDqCM,gFCrCN,mEAAA,CDSI,gECTJ,uEAAA,CAAA,8DAAA,CDuBI,oFCvBJ,sGAAA,CDqCM,gFCrCN,mEAAA,CDqCM,gFCrCN,mEAAA,CDSI,iECTJ,wEAAA,CAAA,8DAAA,CDuBI,qFCvBJ,uGAAA,CDqCM,kFCrCN,oEAAA,CDqCM,iFCrCN,oEAAA,CDSI,2ECTJ,sGAAA,CAAA,oFAAA,CDuBI,8FCvBJ,gJAAA,CDqCM,0FCrCN,kGAAA,CDqCM,0FCrCN,kGAAA,CDSI,uECTJ,iGAAA,CAAA,oFAAA,CDuBI,2FCvBJ,2IAAA,CDqCM,uFCrCN,6FAAA,CDqCM,uFCrCN,6FAAA,CDmDF,MCnDE,kCAAA,CAAA,gCAAA,CAAA,kCAAA,CAAA,gCAAA,CAAA,gCAAA,CAAA,iCAAA,CAAA,gCAAA,CAAA,wCAAA,CAAA,oDAAA,CAAA,+CAAA,CAAA,2CAAA,CAAA,mDAAA,CC1CF,MD0CE,wCAAA,CAAA,sDAAA,CAAA,8DAAA,CAAA,oDAAA,CAAA,0DAAA,CAAA,sEAAA,CAAA,sDAAA,CAAA,kEAAA,CAAA,oEAAA,CAAA,wCAAA,CAAA,oDAAA,CAAA,wDAAA,CAAA,0EAAA,CAAA,wDAAA,CAAA,oDAAA,CCtCF,0DDsCE,wCAAA,CAAA,sDAAA,CAAA,8DAAA,CAAA,oDAAA,CAAA,0DAAA,CAAA,sEAAA,CAAA,sDAAA,CAAA,kEAAA,CAAA,oEAAA,CAAA,wCAAA,CAAA,oDAAA,CAAA,wDAAA,CAAA,0EAAA,CAAA,wDAAA,CAAA,oDAAA,CClCF,0DDkCE,wCAAA,CAAA,sDAAA,CAAA,8DAAA,CAAA,oDAAA,CAAA,0DAAA,CAAA,sEAAA,CAAA,sDAAA,CAAA,kEAAA,CAAA,oEAAA,CAAA,wCAAA,CAAA,oDAAA,CAAA,wDAAA,CAAA,0EAAA,CAAA,wDAAA,CAAA,oDAAA,CC9BF,4DD8BE,wCAAA,CAAA,sDAAA,CAAA,8DAAA,CAAA,oDAAA,CAAA,0DAAA,CAAA,sEAAA,CAAA,sDAAA,CAAA,kEAAA,CAAA,oEAAA,CAAA,wCAAA,CAAA,oDAAA,CAAA,wDAAA,CAAA,0EAAA,CAAA,wDAAA,CAAA,oDAAA,CCzBA,gIACE,4CCHe,CDEjB,gIACE,4CCHe,CDEjB,kIACE,4CCHe,CCTnB,wEACE,GAVA,SAAA,CACA,kBAAA,CAaA,KATA,SAAA,CACA,iBAAA,CAAA,CAaF,wEACE,GAfA,SAAA,CACA,iBAAA,CAkBA,KAxBA,SAAA,CACA,kBAAA,CAAA,CA4BF,mEACE,GACE,UAAA,CACA,mBAAA,CACA,qBAAA,CAGF,IACE,SAAA,CACA,mBAAA,CACA,qBAAA,CAGF,IACE,mBAAA,CACA,sBAAA,CAGF,IACE,mBAAA,CACA,sBAAA,CAGF,IACE,mBAAA,CACA,sBAAA,CAGF,IACE,mBAAA,CACA,sBAAA,CAGF,IACE,mBAAA,CACA,qBAAA,CAGF,IACE,mBAAA,CACA,qBAAA,CAGF,KACE,UAAA,CACA,mBAAA,CACA,qBAAA,CAAA,CC3DJ,+HAEE,iBAAA,CACA,eAAA,CACA,SAAA,CACA,QAAA,CACA,WAAA,CACA,cAAA,CACA,qBAAA,CACA,eAAA,CACA,kBAAA,CACA,kBAAA,CC2CA,kEACE,oBAAA,CAMF,2IACE,iBAAA,CAMF,+HLvCA,qEAAA,CAAA,yDAAA,CKmDA,6LAGE,gDAAA,CAIF,+DL1DA,6BAAA,CKkEA,wDACE,iBAAA,CACA,YAAA,CACA,2CA1EkB,CA2ElB,OAAA,CACA,mBAAA,CAIF,gEL3EA,gCAAA,CAAA,kCAAA,CAAA,gCAAA,CM3CA,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CD+HE,iBAAA,CACA,YAAA,CACA,YAAA,CACA,mDA/FoB,CAgGpB,sEAzGuB,CA0GvB,qEA9FiB,CA+FjB,uBAAA,CACA,qBAAA,CACA,mBAAA,CE/EI,uQPnBN,yDAAA,COmBM,uQPnBN,yDAAA,COmBM,uQPnBN,yDAAA,CMnCA,qNAGE,kBAAA,CDqIF,sLAGE,aAAA,CAOF,wEACE,iBAAA,CACA,YAAA,CACA,UAAA,CAGF,8LAGE,aAAA,CAIF,+LAEE,iBAAA,CACA,YAAA,CACA,YAAA,CACA,sEA5IuB,CAgJvB,qBAAA,CAGF,kPAGE,aAAA,CAIF,qXAIE,aAAA,CAGF,uLAGE,YAAA,CAQF,iQAGE,iBAAA,CACA,sBAAA,CACA,uEAAA,CAGF,2QAIE,sEAAA,CAGF,6gBAME,iBAAA,CACA,oBAAA,CACA,6GAAA,CAMF,iiBAQE,kBAAA,CACA,0BAAA,CAGF,4gBAME,iBAAA,CACA,kBAAA,CACA,kGAAA,CAGF,mgBAME,iBAAA,CACA,kBAAA,CACA,uBAAA,CAGF,qQAGE,iBAAA,CACA,qBAAA,CACA,oBAAA,CACA,+DAAA,CAGF,kQAGE,iBAAA,CACA,qBAAA,CACA,oBAAA,CACA,oEAAA,CAGF,giBAQE,oBAAA,CAIF,q9BAeE,0CApQa,CAqQb,mBAAA,CACA,cAAA,CACA,2BAAA,CAIF,m6BAeE,oDAjRmB,CAkRnB,6CAAA,CACA,mDAvRkB,CAwRlB,iBAAA,CACA,sBAAA,CACA,0DAAA,CAGF,q9BAoBE,yDAAA,CAIF,kjDAoBE,oDArUmB,CAsUnB,6CAAA,CACA,mDA3UkB,CAmVpB,8PAGE,mBAAA,CACA,sBAAA,CACA,wEAAA,CAGF,wQAIE,uEAAA,CAGF,ugBAME,mBAAA,CACA,oBAAA,CACA,8GAAA,CAMF,2hBAQE,kBAAA,CACA,0BAAA,CAGF,sgBAME,mBAAA,CACA,kBAAA,CACA,mGAAA,CAGF,0hBAQE,oBAAA,CAIF,s8BAeE,0CAvaa,CAwab,iBAAA,CACA,cAAA,CACA,0BAAA,CAIF,o5BAaE,oDAlbmB,CAmbnB,2CAAA,CACA,mDAxbkB,CAyblB,mBAAA,CACA,sBAAA,CACA,qEAAA,CAGF,mzCAoBE,oEAAA,CAIF,miDAoBE,oDAtemB,CAuenB,2CAAA,CACA,mDA5ekB,CAofpB,gQAGE,qBAAA,CACA,uBAAA,CAGA,0DAAA,CAGF,0gBAME,qBAAA,CACA,uBAAA,CACA,6GAAA,CAMF,4gBAME,mBAAA,CACA,uBAAA,CACA,wGAAA,CAGF,w0CAoBE,qBAAA,CACA,0BAAA,CAIF,i9BAeE,2CApkBa,CAqkBb,aAAA,CACA,oBAAA,CACA,2BAAA,CAIF,4wCAeE,kDArlBkB,CAslBlB,6CAAA,CACA,qDAnlBmB,CAolBnB,qBAAA,CACA,uBAAA,CACA,uEAAA,CAGF,8zCAoBE,qBAAA,CACA,0BAAA,CAIF,8iDAoBE,kDA1oBkB,CA2oBlB,6CAAA,CACA,qDAxoBmB,CAgpBrB,+PAGE,qBAAA,CACA,qBAAA,CAGA,6EAAA,CAGF,ygBAME,qBAAA,CACA,qBAAA,CAGA,oHAAA,CAMF,ygBAME,mBAAA,CACA,qBAAA,CAGA,mHAAA,CAMF,m0CAoBE,wBAAA,CACA,uBAAA,CAIF,48BAeE,2CA3uBa,CA4uBb,aAAA,CACA,kBAAA,CACA,0BAAA,CAIF,uwCAeE,kDA5vBkB,CA6vBlB,2CAAA,CACA,qDA1vBmB,CA2vBnB,qBAAA,CACA,qBAAA,CACA,4EAAA,CAGF,yzCAoBE,wBAAA,CACA,uBAAA,CAIF,yiDAoBE,kDAjzBkB,CAkzBlB,2CAAA,CACA,qDA/yBmB,CAqzBrB,yLAGE,eAAA,CAGF,yHACE,kBAAA,CAGF,yEC53BA,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CEDA,oBAAA,CACA,SAAA,CACA,QAAA,CACA,eAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAGE,gBAAA,CHi3BA,iBAAA,CACA,mBAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,gBAAA,CC53BF,gPAGE,kBAAA,CEMF,2FACE,QAAA,CHo3BA,+EIp3BA,2CAAA,CACA,mBAAA,CAEA,qCJi3BA,+EIh3BE,oBAAA,CAAA,CJo3BF,+EACE,uCH13BQ,CG83BZ,uMAEE,2BHn4BI,CGo4BJ,mCAAA,CAGF,0NAEE,iBAAA,CACA,YAAA,CACA,2BH34BI,CG44BJ,cAAA,CACA,UAAA,CACA,gBAAA,CACA,iBAAA,CAGF,6EACE,qCK/qBW,CChOb,wDXyBA,yBAAA,CWrBA,gECi0BE,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CD9zBA,sFAAA,CACA,qBAAA,CACA,wBAAA,CAkCF,6DXlBA,oCAAA,CAAA,gCAAA,CAAA,kCAAA,CAAA,2BAAA,CWkCA,6HC0wBE,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDvzBF,gELhCA,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CEDA,oBAAA,CACA,SAAA,CACA,QAAA,CACA,eAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAGE,gBAAA,CGqBA,eAAA,CACA,oDAAA,CACA,sCD0JW,CJvLb,qNAGE,kBAAA,CEMF,kFACE,QAAA,CGsBF,sEFnCE,2CAAA,CEsCA,6DD8IiB,CDlLjB,qCEiCF,sEFhCI,oBAAA,CAAA,CEsCJ,sEACE,6DD0IiB,CCvInB,mECqyBE,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CDlyBA,kBAAA,CACA,qBAAA,CACA,cAAA,CACA,qBAAA,CE3CF,oDb8BA,0PAAA,CAAA,sOAAA,Cc7BA,qEAAA,CAMA,8EAAA,CAOA,sGAAA,CR3BA,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CMi1BE,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CEpzBF,iBAAA,CACA,mBAAA,CACA,aAAA,CACA,6BAAA,CACA,eC5BqB,CD8BrB,QAAA,CACA,cAAA,CACA,uBAAA,CACA,qBAAA,CACA,kDAAA,CACA,YAAA,CAEA,qHAAA,CAIA,uJAAA,CAMA,gBAAA,CACA,oBAAA,CACA,iMACE,CAIF,kBAAA,CRzDA,iLAGE,kBAAA,CQwDF,kiBAME,gDEqVc,CFpVd,8CEoVc,CFnVd,eAAA,CACA,gDJwIqB,CIvIrB,kBAAA,CAGF,8GACE,iBAAA,CACA,aAAA,CACA,eAAA,CACA,gBAAA,CAEA,8GAAA,CAMA,+DAAA,CACA,2BAAA,CDxEF,sEACE,SAAA,CACA,QAAA,CAGF,6DCkFA,gBCzCqB,CD0CrB,kBAAA,CACA,0BDjFI,CCkFJ,mDEoPe,CFnPf,uCJiGc,CI/Fd,mEACE,yDE4RmB,CFzRrB,mEACE,qEA7GiB,CA8GjB,kIACE,CAIJ,oEACE,0DE6PoB,CF1PtB,0RAEE,iBDnGE,CAIF,mEACE,uCH4KU,CGxKd,+DCmEA,gBCzCqB,CD0CrB,kBAAA,CACA,0BDlEI,CCmEJ,qDEsPiB,CFrPjB,uCJiGc,CI/Fd,qEACE,2DEiSqB,CF9RvB,qEACE,qEA7GiB,CA8GjB,kIACE,CAIJ,sEACE,4DEkQsB,CF/PxB,8RAEE,iBDpFE,CAIF,0IAEE,uCH4JU,CGxJd,8DCmDA,gBCzCqB,CD0CrB,kBAAA,CACA,gDE4PgB,CF3PhB,8BDpDI,CCqDJ,yCE0PgB,CFxPhB,oEACE,0DEsSoB,CFnStB,oEACE,qEA7GiB,CA8GjB,kIACE,CAIJ,qEACE,2DEuQqB,CFpQvB,4RAEE,iBDpEE,CAIF,oEACE,sCH0IS,CGvIX,oEACE,oDGkSY,CHjSZ,sCHqIS,CGlIX,qEACE,0BAAA,CACA,2DGuTmB,CHtTnB,sCH+HS,CG5HX,8lBAME,wBAAA,CACA,sDH8HU,CG7HV,YAAA,CAIJ,2DCcA,gBCzCqB,CD0CrB,kBAAA,CACA,0BDbI,CCcJ,8BDfI,CCgBJ,sCJ0Ga,CGlHX,kFAAA,CCUF,iEACE,uEJ5Fe,CI+FjB,iEACE,qEA7GiB,CA8GjB,kIACE,CAIJ,kEACE,uEJhHgB,CImHlB,sRAEE,iBD/BE,CAQF,qHACE,eAAA,CACA,iBAAA,CACA,yBIrGO,CJwGT,mIAEE,4CHyGe,CGtGjB,kEACE,uEH1Gc,CG6GhB,4kBAME,0BAAA,CACA,wBAAA,CACA,sDHoFU,CGnFV,YAAA,CAGF,+EACE,qCH0GS,CGtGb,+DACE,kBAAA,CACA,sBAAA,CACA,SAAA,CACA,8CAAA,CACA,+CAAA,CACA,qBAAA,CAEA,4EACE,oBAAA,CAGF,yHACE,eAAA,CAGF,8WAEE,QAAA,CAGF,iIACE,8EAAA,CAOJ,4HACE,yBAAA,CAIF,kiBAGE,oBAAA,CAGF,4HACE,mEHpKkB,CGuKpB,oFACE,SAAA,CAGF,kZAIE,qCHkDW,CG/Cb,4pBAOE,+CHoDqB,CGjDvB,mIACE,kBAAA,CAKF,gJACE,kBAAA,CAGF,gJACE,mBAAA,CAGF,4DC/GA,gBCzCqB,CD0CrB,kBAAA,CACA,0BDgHI,CC/GJ,0DE6PsB,CF5PtB,uCJiGc,CI/Fd,kEACE,wDEuRkB,CFpRpB,kEACE,qEA7GiB,CA8GjB,kIACE,CAIJ,mEACE,yDEwPmB,CFrPrB,wRAEE,iBD8FE,CAIF,kEACE,uCHrBU,CGwBZ,sEC7HF,gBCzCqB,CD0CrB,kBAAA,CACA,wDEmQwB,CFlQxB,8BD4HM,CC3HN,iDEiQwB,CF/PxB,4EACE,wDEuRkB,CFpRpB,4EACE,qEA7GiB,CA8GjB,kIACE,CAIJ,6EACE,yDEwPmB,CFrPrB,4SAEE,iBD4GI,CAIF,4EACE,oDGsJc,CHrJd,uCHpCQ,CGuCV,4EACE,0DGmHgB,CHlHhB,uCHzCQ,CG4CV,6EACE,qDGwHe,CHvHf,yDGuHe,CHtHf,uCH/CQ,CGkDV,8oBAME,wBAAA,CACA,sDHnDQ,CGoDR,YAAA,CAIJ,mECnKF,gBCzCqB,CD0CrB,kBAAA,CACA,0BDoKM,CCnKN,8BDkKM,CCjKN,iDEiQwB,CHxFpB,kFAAA,CCvKJ,yEACE,wDEuRkB,CFpRpB,yEACE,qEA7GiB,CA8GjB,kIACE,CAIJ,0EACE,yDEwPmB,CFrPrB,sSAEE,iBDkJI,CAQF,6HACE,eAAA,CACA,yBIrRK,CJwRP,mJAEE,uCHnFQ,CGsFV,4nBAME,0BAAA,CACA,wBAAA,CACA,sDHxFQ,CGyFR,YAAA,CAMN,gEDiiBE,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CC9hBA,gIAAA,CAUF,8HACE,iBAAA,CAIF,6KACE,kBAAA,CACA,mBAAA,CAGF,2KACE,qBAAA,CAIF,4GK5UA,iBAAA,CACA,SAAA,CACA,WAAA,CACA,kDR4aoB,CQ3apB,eAAA,CACA,mBAAA,CL0UE,oBAAA,CKxUF,uVAGE,WAAA,CACA,cAAA,CACA,YAAA,CAGF,oHACE,iBAAA,CACA,6FAAA,CACA,+CRgae,CQ/Zf,eAAA,CACA,UAAA,CACA,gBAAA,CACA,oBAAA,CACA,8CAAA,CAEA,uCAVF,oHAWI,cAAA,CAAA,CC9BJ,sENgVA,4GK5SE,qBAAA,CAEA,oHACE,iBAAA,CACA,wBAAA,CAAA,CL+SJ,wDACE,YAAA,CAGF,iEACE,qBAAA,CAGF,4GACE,gBAAA,CAEA,wBAAA,CAEA,wHACE,gEAAA,CAGF,sIACE,kBAAA,CAIJ,sKACE,kBAAA,CAGF,iIACE,gEAAA,CAGF,+IACE,kBAAA,CAGF,yKACE,sEAAA,CAEA,uLACE,eAAA,CAIJ,kLACE,uEAAA,CAEA,gMACE,eAAA,CAIJ,wKACE,0BAAA,CACA,8BAAA,CACA,eAAA,CAKF,wHACE,yBI/YS,CJgZT,wBIhZS,CEHX,sENuZA,0DMrZI,eAAA,CACA,2BAAA,CAAA,CNyZJ,kIACE,8DAAA,COpXJ,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCnDF,wDACE,WAAA,CAEA,uLAGE,eAAA,CACA,cAAA,CAGF,oET80BE,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CS50BA,cAAA,CACA,iBAAA,CACA,qBAAA,CAGF,oETu0BE,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CSr0BA,cAAA,CACA,iBAAA,CACA,qBAAA,CAEA,wEACE,aAAA,CAGF,qHACE,uCnBVQ,CmBaV,yFACE,wBD7BY,CC8BZ,UDlCU,CCqCZ,mFACE,sDXmLU,CWlLV,cAAA,CAKN,kDCvCE,0DAAA,CDyCA,6CXTS,CWUT,eAAA,CACA,kCAAA,CAGF,sDfjDE,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CAEA,uLAGE,kBAAA,CeyCF,sDACE,wBAAA,CACA,mBAAA,CAGF,2EACE,uCnBzCU,CmB4CZ,mEACE,qDXyJY,CWtJd,0DACE,aAAA,CACA,WAAA,CACA,iBAAA,CAIJ,yEACE,mDAAA,CAGF,wDACE,aJ1CW,CI2CX,YJ3CW,CI8Cb,kDACE,gBJxEW,CIyEX,mBJzEW,CI0EX,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,6BAAA,CAGF,sDACE,kBAAA,CACA,iCAAA,CACA,mDAAA,CACA,6BAAA,CACA,YAAA,CACA,iBAAA,CAEA,gLZhFE,2CAAA,CACA,mBAAA,CAEA,qCY6EF,gLZ5EI,oBAAA,CAAA,CYiFJ,oEZnEE,mDAAA,CACA,mBAAA,CAEA,qCYgEF,oEZ/DI,oBAAA,CAAA,CYkEF,oEACE,uCX4JU,CWxJd,qEACE,wCAAA,CACA,sDXsGY,CWrGZ,kBAAA,CAIJ,wDACE,iBAAA,CACA,gBJpGW,CIqGX,eJ7DW,CI8DX,eAAA,CAEA,gHACE,mCAAA,CAEA,sHACE,aAAA,CACA,gDnB9GiB,CmBiHnB,kIACE,sDXkFU,CW/EZ,mIACE,qFAAA,CAQJ,iGACE,sDXqEY,CWlEd,2FACE,sDXiEY,CW9Dd,kEACE,QAEE,oCAAA,CAEF,IACE,mCAAA,CAAA,CAKN,2DACE,iBJlIW,CIqIb,qDfxKE,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CMi1BE,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CN/0BF,oLAGE,kBAAA,CeiKF,qDACE,gBJnKS,CIoKT,wBJ9KS,CI+KT,iBAAA,CAGF,0DACE,kBJ9KS,CI+KT,mBJ/KS,CIkLX,uFACE,cAAA,CAEA,gHf1LF,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CMi1BE,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CN/0BF,qWAGE,kBAAA,CemLE,gHACE,iCAAA,CACA,kBJ7JK,CI8JL,cJ5LK,CI6LL,eAAA,CAGF,sRAEE,QAAA,CACA,uBAAA,CAGF,sHZtMF,2CAAA,CAEA,qCYoME,sHZnMA,oBAAA,CAAA,CYuMA,8HZ3KF,mDAAA,CACA,mBAAA,CAEA,qCYwKE,8HZvKA,oBAAA,CAAA,CY2KA,oQAEE,6CXlLG,CWmLH,sDXCQ,CAAA,mBAAA,CWGV,iJACE,uEXJQ,CWKR,yEXLQ,CWQV,gJACE,SAAA,CAIJ,uGfpOF,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CAEA,0UAGE,kBAAA,Ce4NE,uGACE,cAAA,CACA,iBAAA,CAIJ,oGACE,SAAA,CAGF,8FfjPF,qBAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACA,mBAAA,CACA,cAAA,CACA,uBAAA,CAEA,+SAGE,kBAAA,CeyOE,8FACE,iBAAA,CACA,0BAAA,CACA,WAAA,CACA,cAAA,CACA,cAAA,CACA,kBJ3OK,CI4OL,yBJxNK,CIyNL,eAAA,CACA,SAAA,CAGF,qGACE,aAAA,CACA,4CAAA,CACA,8CAAA,CACA,UAAA,CACA,qBAAA,CAGF,2GACE,yDL0FS,CKzFT,2DLyFS,CKtFX,4GACE,6DXrFa,CWsFb,+DXtFa,CWyFf,8GACE,KAAA,CACA,MAAA,CAGF,8GACE,UJzQK,CI0QL,MAAA,CAMR,kEACE,KACE,SAAA,CACA,kCAAA,CAGF,GACE,SAAA,CACA,8BAAA,CAAA,CAIJ,kEACE,oGAAA,CAEA,mDAHF,kEAII,cAAA,CAAA,CAKF,oEACE,kBAAA,CACA,oBJvSS,CI4SP,4HACE,oBJvTK,CI4TP,wFACE,KAAA,CACA,UAAA,CACA,OAAA,CAGF,wFACE,UJzTK,CI0TL,UAAA,CACA,OAAA,CAMR,uDACE,+CAAA,CACA,gBJnUW,CIoUX,0BAAA,CACA,iBAAA,CACA,eAAA,CAGF,sEACE,iBAAA,CACA,aDxVgB,CCyVhB,eAAA,CACA,wDAAA,CACA,2DAAA,CACA,gEAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,iBJ/TW,CIgUX,cAAA,CACA,kBJjUW,CImUX,6EACE,iBAAA,CACA,aAAA,CACA,iBJpWS,CIqWT,UAAA,CACA,kBJtWS,CIuWT,wBAAA,CACA,sBAAA,CACA,kCAAA,CACA,0BAAA,CAGF,4FACE,iEX5JY,CW+Jd,kGACE,0EAAA",sourcesContent:["//\n// Copyright IBM Corp. 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n@use 'sass:list';\n\n@use './config' as *;\n@use './utilities/custom-property';\n@use './utilities/convert';\n@use './spacing' as *;\n\n$layout-tokens: (\n size: (\n height: (\n xs: convert.to-rem(24px),\n sm: convert.to-rem(32px),\n md: convert.to-rem(40px),\n lg: convert.to-rem(48px),\n xl: convert.to-rem(64px),\n 2xl: convert.to-rem(80px),\n ),\n ),\n density: (\n padding-inline: (\n condensed: $spacing-03,\n normal: $spacing-05,\n ),\n ),\n);\n\n@mixin emit-layout-tokens {\n @each $group, $properties in $layout-tokens {\n @each $property, $steps in $properties {\n @each $step, $value in $steps {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n );\n }\n\n // CSS max() doesn't accept '0' as a value without a unit\n // stylelint-disable length-zero-no-unit\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-min',\n 0px\n );\n // stylelint-enable length-zero-no-unit\n\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-max',\n 999999999px\n );\n }\n }\n}\n\n@each $group, $properties in $layout-tokens {\n @each $property, $steps in $properties {\n @each $step, $value in $steps {\n .#{$prefix}--layout--#{$group}-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-context',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n );\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}',\n custom-property.get-var('layout-#{$group}-#{$property}-context')\n );\n }\n\n .#{$prefix}--layout-constraint--#{$group}__default-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-context',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n )\n );\n }\n\n @each $constraint in ('min', 'max') {\n .#{$prefix}--layout-constraint--#{$group}__#{$constraint}-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-#{$constraint}',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n );\n }\n }\n }\n }\n}\n\n:root {\n @include emit-layout-tokens();\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@forward './layer/layer-sets';\n@use './config' as *;\n@use './layer/layer-tokens';\n@use './theme' as *;\n\n:root {\n @include layer-tokens.emit-layer-tokens(1);\n}\n\n.#{$prefix}--layer-one {\n @include layer-tokens.emit-layer-tokens(1);\n}\n\n.#{$prefix}--layer-two {\n @include layer-tokens.emit-layer-tokens(2);\n}\n\n.#{$prefix}--layer-three {\n @include layer-tokens.emit-layer-tokens(3);\n}\n\n@each $i in (one, two, three) {\n .#{$prefix}--layer-#{$i}.#{$prefix}--layer__with-background {\n background-color: $layer-background;\n }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../config' as *;\n@use '@carbon/themes/scss/config' with (\n $prefix: $prefix\n);\n@use '../compat/themes' as compat;\n@use '../themes';\n\n@forward '@carbon/themes/scss/theme' with (\n $fallback: themes.$white !default,\n $theme: compat.$white !default\n);\n@forward '@carbon/themes/scss/tokens';\n\n@use '@carbon/themes/scss/tokens';\n@use '@carbon/themes/scss/theme';\n@use '../utilities/custom-property';\n\n// Layer sets\n$layer: custom-property.get-var('layer');\n$layer-active: custom-property.get-var('layer-active');\n$layer-background: custom-property.get-var('layer-background');\n$layer-hover: custom-property.get-var('layer-hover');\n$layer-selected: custom-property.get-var('layer-selected');\n$layer-selected-hover: custom-property.get-var('layer-selected-hover');\n$layer-accent: custom-property.get-var('layer-accent');\n$layer-accent-hover: custom-property.get-var('layer-accent-hover');\n$layer-accent-active: custom-property.get-var('layer-accent-active');\n\n$field: custom-property.get-var('field');\n$field-hover: custom-property.get-var('field-hover');\n\n$border-subtle: custom-property.get-var('border-subtle');\n$border-subtle-selected: custom-property.get-var('border-subtle-selected');\n$border-strong: custom-property.get-var('border-strong');\n$border-tile: custom-property.get-var('border-tile');\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n@use '../config' as *;\n\n@mixin content-visible {\n opacity: 1;\n visibility: inherit;\n}\n\n@mixin content-hidden {\n opacity: 0;\n visibility: hidden;\n}\n\n@keyframes #{$prefix}--hide-feedback {\n 0% {\n @include content-visible;\n }\n\n 100% {\n @include content-hidden;\n }\n}\n\n@keyframes #{$prefix}--show-feedback {\n 0% {\n @include content-hidden;\n }\n\n 100% {\n @include content-visible;\n }\n}\n\n@keyframes #{$prefix}--skeleton {\n 0% {\n opacity: 0.3;\n transform: scaleX(0);\n transform-origin: left;\n }\n\n 20% {\n opacity: 1;\n transform: scaleX(1);\n transform-origin: left;\n }\n\n 28% {\n transform: scaleX(1);\n transform-origin: right;\n }\n\n 51% {\n transform: scaleX(0);\n transform-origin: right;\n }\n\n 58% {\n transform: scaleX(0);\n transform-origin: right;\n }\n\n 82% {\n transform: scaleX(1);\n transform-origin: right;\n }\n\n 83% {\n transform: scaleX(1);\n transform-origin: left;\n }\n\n 96% {\n transform: scaleX(0);\n transform-origin: left;\n }\n\n 100% {\n opacity: 0.3;\n transform: scaleX(0);\n transform-origin: left;\n }\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../config' as *;\n\n/// Include styles for screen reader/assistive text\n/// @access public\n/// @group utilities\n@mixin visually-hidden {\n position: absolute;\n overflow: hidden;\n padding: 0;\n border: 0;\n margin: -1px;\n block-size: 1px;\n clip: rect(0, 0, 0, 0);\n inline-size: 1px;\n visibility: inherit;\n white-space: nowrap;\n}\n\n.#{$prefix}--assistive-text,\n.#{$prefix}--visually-hidden {\n position: absolute;\n overflow: hidden;\n padding: 0;\n border: 0;\n margin: -1px;\n block-size: 1px;\n clip: rect(0, 0, 0, 0);\n inline-size: 1px;\n visibility: inherit;\n white-space: nowrap;\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../config' as *;\n@use '../../layer' as *;\n@use '../../theme';\n@use '../../utilities/box-shadow' as *;\n@use '../../utilities/button-reset';\n@use '../../utilities/component-reset';\n@use '../../utilities/custom-property';\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/' as *;\n@use '../../utilities/convert';\n@use '../../utilities/layout';\n\n/// The Popover component is used for triggering a pop-up next to a trigger\n/// element, typically a button, in a given direction. It is made up of several\n/// parts and includes a handful of modifiers to change the appearance.\n///\n/// The parts of a popover include:\n/// The popover container `.cds-popover-container`\n/// This container contains the trigger and the popover and is used to\n/// coordinate positioning relative to the trigger button\n///\n/// The popover\n/// This is an intermediate container that is used for the\n/// `filter: drop-shadow()` effect on the popover content and the caret. It is\n/// an absolutely positioned container that matches the dimensions of the\n/// container so that popover content and caret can be positioned absolutely.\n///\n/// Popover content\n/// This is the containing element for user-provided content and sets the\n/// background and text color for the area.\n///\n/// Popover caret\n/// This caret is an optional modifier that displays a character centered with\n/// respect to the trigger element\n\n// The background color for the popover container\n$popover-background-color: custom-property.get-var(\n 'popover-background-color',\n theme.$layer\n);\n\n// The drop shadow value used for the popover container\n$popover-drop-shadow: custom-property.get-var('popover-drop-shadow', 'none');\n\n// The border radius value for the popover container\n$popover-border-radius: custom-property.get-var('popover-border-radius', 2px);\n\n// The text color used for text placed inside of the popover\n$popover-text-color: custom-property.get-var(\n 'popover-text-color',\n theme.$text-primary\n);\n\n// The distance between the popover container and the triggering element\n// Specify the distance between the popover and the trigger. This value must\n// have a unit otherwise the `calc()` expression will not work\n$popover-offset: custom-property.get-var('popover-offset', 0rem);\n\n// Customize the dimensions of the caret by specifying its width or height.\n// These values will be flipped in left or right directions to have the\n// correct dimensions\n$popover-caret-width: custom-property.get-var(\n 'popover-caret-width',\n convert.to-rem(12px)\n);\n$popover-caret-height: custom-property.get-var(\n 'popover-caret-height',\n convert.to-rem(6px)\n);\n\n@mixin popover {\n // Container\n .#{$prefix}--popover-container {\n display: inline-block;\n }\n\n // Do not set position: relative on autoAlign popovers.\n // Without this, autoAlign popovers will be clipped by containing elements\n // (using overflow: hidden, etc) if position: relative is set on the container.\n .#{$prefix}--popover-container:not(.#{$prefix}--popover--auto-align) {\n position: relative;\n }\n\n /// Modifiers\n\n // High contrast modifier\n .#{$prefix}--popover--high-contrast .#{$prefix}--popover {\n @include custom-property.declaration(\n 'popover-background-color',\n theme.$background-inverse\n );\n @include custom-property.declaration(\n 'popover-text-color',\n theme.$text-inverse\n );\n }\n\n // Drop shadow modifier\n .#{$prefix}--popover--drop-shadow\n .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));\n }\n\n // Caret tip modifier\n .#{$prefix}--popover--caret {\n @include custom-property.declaration(\n 'popover-offset',\n convert.to-rem(10px)\n );\n }\n\n // Popover, this element contains both the caret and the popover content\n .#{$prefix}--popover {\n position: absolute;\n z-index: z('floating');\n filter: $popover-drop-shadow;\n inset: 0;\n pointer-events: none;\n }\n\n // Popover content\n .#{$prefix}--popover-content {\n // The layout.redefine-tokens is been included here because it is been redifined in _tag.scss\n @include layout.redefine-tokens(\n (\n size: (\n height: (\n sm: convert.to-rem(32px),\n md: convert.to-rem(40px),\n lg: convert.to-rem(48px),\n ),\n ),\n )\n );\n @include component-reset.reset;\n\n position: absolute;\n z-index: z('floating');\n display: none;\n border-radius: $popover-border-radius;\n background-color: $popover-background-color;\n color: $popover-text-color;\n inline-size: max-content;\n max-inline-size: convert.to-rem(368px);\n pointer-events: auto;\n }\n\n .#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n display: block;\n }\n\n // We use a pseudo element inside of the popover to create a space between the\n // target and the popover. This helps in situations like toolcarets where you do\n // not want the toolcaret to disappear when the user moves from the target to\n // the popover.\n .#{$prefix}--popover-content::before {\n position: absolute;\n display: none;\n content: '';\n }\n\n .#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n display: block;\n }\n\n // Popover caret\n .#{$prefix}--popover-caret,\n .#{$prefix}--popover--auto-align.#{$prefix}--popover-caret {\n position: absolute;\n z-index: z('floating');\n display: none;\n background-color: $popover-background-color;\n // We use `will-change: transform` to prevent antialiasing when our caret\n // has subpixel rendering. When this happens, a single pixel line appears\n // between the caret and popover-content that we would like to avoid\n will-change: transform;\n }\n\n .#{$prefix}--popover--caret.#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n display: block;\n }\n\n // autoAlign uses a different dom structure where the caret is within the content instead of a sibling\n .#{$prefix}--popover--auto-align.#{$prefix}--popover--caret.#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret {\n display: block;\n }\n\n .#{$prefix}--popover--tab-tip\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n display: none;\n }\n\n //-----------------------------------------------------------------------------\n // Bottom\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-end: 0;\n inset-inline-start: 50%;\n transform: translate(-50%, calc(100% + $popover-offset));\n }\n\n [dir='rtl']\n .#{$prefix}--popover--bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n transform: translate(50%, calc(100% + $popover-offset));\n }\n\n .#{$prefix}--popover--bottom-left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n .#{$prefix}--popover--bottom-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-end: 0;\n inset-inline-start: 0;\n transform: translate(\n calc(-1 * $popover-offset),\n calc(100% + $popover-offset)\n );\n }\n\n [dir='rtl']\n .#{$prefix}--popover--bottom-left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--bottom-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-inline-end: 0;\n inset-inline-start: initial;\n }\n\n .#{$prefix}--popover--bottom-right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n .#{$prefix}--popover--bottom-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-end: 0;\n inset-inline-end: 0;\n transform: translate($popover-offset, calc(100% + $popover-offset));\n }\n\n .#{$prefix}--popover--bottom-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n inset-block-end: 0;\n inset-inline-end: 0;\n inset-inline-start: auto;\n }\n\n .#{$prefix}--popover--bottom-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n inset-block-end: 0;\n inset-inline-end: auto;\n inset-inline-start: 0;\n transform: translate(50%, calc($popover-offset));\n }\n\n .#{$prefix}--popover--top-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n inset-block-end: 0;\n inset-inline-end: auto;\n inset-inline-start: 0;\n transform: translate(50%, calc(-1 * $popover-offset));\n }\n\n [dir='rtl']\n .#{$prefix}--popover--bottom-right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--bottom-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-inline-start: 0;\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--bottom-start\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--bottom-end\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n block-size: $popover-offset;\n inset-block-start: 0;\n inset-inline: 0;\n transform: translateY(-100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-start\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-end\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n block-size: $popover-caret-height;\n clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size: $popover-caret-width;\n inset-block-end: 0;\n inset-inline-start: 50%;\n transform: translate(-50%, $popover-offset);\n }\n\n [dir='rtl']\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--bottom-start\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--bottom-end\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n transform: translate(50%, $popover-offset);\n }\n\n // Caret placement for autoAlign\n .#{$prefix}--popover--bottom.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-left.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-start.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-right.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-end.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret {\n block-size: $popover-caret-height;\n clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size: $popover-caret-width;\n }\n\n //-----------------------------------------------------------------------------\n // Top\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-start: 0;\n inset-inline-start: 50%;\n transform: translate(-50%, calc(-100% - $popover-offset));\n }\n\n [dir='rtl']\n .#{$prefix}--popover--top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n transform: translate(50%, calc(-100% - $popover-offset));\n }\n\n .#{$prefix}--popover--top-left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n .#{$prefix}--popover--top-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-start: 0;\n inset-inline-start: 0;\n transform: translate(\n calc(-1 * $popover-offset),\n calc(-100% - $popover-offset)\n );\n }\n\n [dir='rtl']\n .#{$prefix}--popover--top-left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--top-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-inline-end: 0;\n inset-inline-start: initial;\n }\n\n .#{$prefix}--popover--top-right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n .#{$prefix}--popover--top-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-start: 0;\n inset-inline-end: 0;\n transform: translate($popover-offset, calc(-100% - $popover-offset));\n }\n\n [dir='rtl']\n .#{$prefix}--popover--top-right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--top-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-inline-start: 0;\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--top-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--top-start\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--top-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--top-end\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n block-size: $popover-offset;\n inset-block-end: 0;\n inset-inline: 0;\n transform: translateY(100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--top > .#{$prefix}--popover > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-start\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-end\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n block-size: $popover-caret-height;\n clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size: $popover-caret-width;\n inset-block-start: 0;\n inset-inline-start: 50%;\n transform: translate(-50%, calc(-1 * $popover-offset));\n }\n\n [dir='rtl']\n .#{$prefix}--popover--top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--top-left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--top-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--top-right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--top-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n transform: translate(50%, calc(-1 * $popover-offset));\n }\n\n // Caret placement for autoAlign\n .#{$prefix}--popover--top.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-left.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-start.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-right.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-end.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret {\n block-size: $popover-caret-height;\n clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size: $popover-caret-width;\n }\n\n //-----------------------------------------------------------------------------\n // Right\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-start: 50%;\n inset-inline-start: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate($popover-offset, -50%);\n }\n\n .#{$prefix}--popover--right-top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n .#{$prefix}--popover--right-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-start: 50%;\n inset-inline-start: 100%;\n transform: translate(\n $popover-offset,\n calc(0.5 * $popover-offset * -1 - 16px)\n );\n }\n\n .#{$prefix}--popover--right-bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n .#{$prefix}--popover--right-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-end: 50%;\n inset-inline-start: 100%;\n transform: translate($popover-offset, calc(0.5 * $popover-offset + 16px));\n }\n\n [dir='rtl']\n .#{$prefix}--popover--right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--right-bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--right-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--right-top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--right-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-inline-end: 100%;\n inset-inline-start: initial;\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--right-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--right-start\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--right-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--right-end\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n inline-size: $popover-offset;\n inset-block: 0;\n inset-inline-start: 0;\n transform: translateX(-100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n block-size: $popover-caret-width;\n clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size: $popover-caret-height;\n inset-block-start: 50%;\n inset-inline-start: 100%;\n transform: translate(calc($popover-offset - 100%), -50%);\n }\n\n [dir='rtl']\n .#{$prefix}--popover--right:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--right-top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--right-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--right-bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--right-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n inset-inline-end: 100%;\n inset-inline-start: initial;\n }\n\n // Caret placement for autoAlign\n .#{$prefix}--popover--right.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-top.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-start.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-bottom.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-end.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret {\n block-size: $popover-caret-width;\n clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size: $popover-caret-height;\n }\n\n //-----------------------------------------------------------------------------\n // Left\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-start: 50%;\n inset-inline-end: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(calc(-1 * $popover-offset + 0.1px), -50%);\n }\n\n .#{$prefix}--popover--left-top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n .#{$prefix}--popover--left-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-start: 50%;\n inset-inline-end: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(\n calc(-1 * $popover-offset),\n calc(-1 * 0.5 * $popover-offset - 16px)\n );\n }\n\n .#{$prefix}--popover--left-bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n .#{$prefix}--popover--left-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-block-end: 50%;\n inset-inline-end: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(\n calc(-1 * $popover-offset),\n calc(0.5 * $popover-offset + 16px)\n );\n }\n\n [dir='rtl']\n .#{$prefix}--popover--left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--left-bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--left-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--left-top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content,\n [dir='rtl']\n .#{$prefix}--popover--left-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n inset-inline-end: initial;\n inset-inline-start: 100%;\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--left-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--left-start\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--left-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--left-end\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n inline-size: $popover-offset;\n inset-block: 0;\n inset-inline-end: 0;\n transform: translateX(100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n block-size: $popover-caret-width;\n clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size: $popover-caret-height;\n inset-block-start: 50%;\n inset-inline-end: 100%;\n transform: translate(calc(-1 * $popover-offset + 100%), -50%);\n }\n\n [dir='rtl']\n .#{$prefix}--popover--left:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--left-top:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--left-start:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--left-bottom:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n [dir='rtl']\n .#{$prefix}--popover--left-end:not(.#{$prefix}--popover--auto-align)\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n inset-inline-end: initial;\n inset-inline-start: 100%;\n }\n\n // Caret placement for autoAlign\n .#{$prefix}--popover--left.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-top.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-start.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-bottom.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-end.#{$prefix}--popover--auto-align\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content\n > .#{$prefix}--popover-caret {\n block-size: $popover-caret-width;\n clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size: $popover-caret-height;\n }\n\n //-----------------------------------------------------------------------------\n // Tab Tip Variant\n //-----------------------------------------------------------------------------\n .#{$prefix}--popover--tab-tip\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n border-radius: 0;\n }\n\n .#{$prefix}--popover--tab-tip .#{$prefix}--popover {\n will-change: filter;\n }\n\n .#{$prefix}--popover--tab-tip__button {\n @include button-reset.reset;\n\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n block-size: convert.to-rem(32px);\n inline-size: convert.to-rem(32px);\n\n &:focus {\n @include focus-outline('outline');\n }\n\n &:hover {\n background-color: theme.$layer-hover;\n }\n }\n\n .#{$prefix}--popover--tab-tip.#{$prefix}--popover--open\n .#{$prefix}--popover--tab-tip__button {\n background: theme.$layer;\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);\n }\n\n .#{$prefix}--popover--tab-tip.#{$prefix}--popover--open\n .#{$prefix}--popover--tab-tip__button:not(:focus)::after {\n position: absolute;\n z-index: z('floating') + 1;\n background: theme.$layer;\n block-size: 2px;\n content: '';\n inline-size: 100%;\n inset-block-end: 0;\n }\n\n .#{$prefix}--popover--tab-tip__button svg {\n fill: theme.$icon-primary;\n }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// Resets default browser styling\n/// @access public\n/// @group utilities\n@mixin reset {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n}\n","//\n// Copyright IBM Corp. 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n\n@use '../config';\n@use '../layout' as *;\n@use './custom-property';\n\n/// Enables the use of contextual layout tokens within a component. This mixin should be\n/// included on the outermost selector of the component.\n/// @param {String} $group - The layout group to use for this component\n/// @param {String} $default - The default step if the component is not within a layout\n/// @param {String} $min - The minimum step supported by this component (optional)\n/// @param {String} $max - The maximum step supported by this component (optional)\n/// @example @include use('size', $default: 'md', $min: 'sm', $max: 'lg')\n/// @group utilities\n/// @access public\n@mixin use($group, $default, $min: null, $max: null) {\n $properties: map.get($layout-tokens, $group);\n\n @each $property, $steps in $properties {\n $minValue: custom-property.get-var('layout-#{$group}-#{$property}-min');\n @if $min {\n $minValue: max(\n $minValue,\n custom-property.get-var('layout-#{$group}-#{$property}-#{$min}')\n );\n }\n\n $maxValue: custom-property.get-var('layout-#{$group}-#{$property}-max');\n @if $max {\n $maxValue: min(\n $maxValue,\n custom-property.get-var('layout-#{$group}-#{$property}-#{$max}')\n );\n }\n\n $value: clamp(\n $minValue,\n custom-property.get-var(\n 'layout-#{$group}-#{$property}',\n custom-property.get-var('layout-#{$group}-#{$property}-#{$default}')\n ),\n $maxValue\n );\n\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-local',\n $value\n );\n }\n}\n\n/// Allows to redefine any token values of the layout module in case a component is using\n/// non-standard values and should still participate in the layout context\n/// @param {Map} $overrides - The map of overrides. Must follow ( group: ( property: ( step: value ) ) )\n/// @example @include redefine-tokens(( size: ( height: ( sm: 1.125rem, md: 1.5rem ) ) ))\n/// @group utilities\n/// @access public\n@mixin redefine-tokens($overrides) {\n @each $group, $properties in $overrides {\n @each $property, $steps in $properties {\n @each $step, $value in $steps {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n );\n\n &.#{config.$prefix}--layout--#{$group}-#{$step},\n .#{config.$prefix}--layout--#{$group}-#{$step} :where(&) {\n $token: custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}'\n );\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}',\n $token\n );\n }\n }\n }\n }\n}\n\n/// Internal base function for retrieving a property from a layout group.\n/// @param {String} $group - The group name as defined in the $layout-tokens\n/// @param {String} $property - The property name\n/// @example @include -group('size', $property)\n/// @group utilities\n/// @access private\n@function -group($group, $property) {\n @return custom-property.get-var('layout-#{$group}-#{$property}-local');\n}\n\n/// Retrieves the current value for a property token in the layout size.\n/// @param {String} $property - The property name\n/// @example height: size('height');\n/// @group utilities\n/// @access public\n@function size($property) {\n @return -group('size', $property);\n}\n\n/// Retrieves the current value for a property token in the layout density.\n/// @param {String} $property - The property name\n/// @example padding-inline: density('padding-inline');\n/// @group utilities\n/// @access public\n@function density($property) {\n @return -group('density', $property);\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n@use 'component-reset';\n\n/// Resets button styles\n/// @access public\n/// @param {Bool} $width [true] - Sets width to 100% if true\n/// @example @include button-reset($width: false);\n/// @group utilities\n@mixin reset($width: true) {\n @include component-reset.reset;\n\n display: inline-block;\n padding: 0;\n border: 0;\n appearance: none;\n background: none;\n cursor: pointer;\n text-align: start;\n\n @if ($width == true) {\n inline-size: 100%;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../theme';\n\n/// Adds outline styles depending on specific type\n/// @access public\n/// @param {String} $type ['border'] - Type of outline from: `border`, `blurred`, `outline`, `invalid`, `reset`\n/// @example @include focus-outline('outline');\n/// @group utilities\n@mixin focus-outline($type: 'border') {\n @if ($type == 'border') {\n outline: 1px solid theme.$focus;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'blurred') {\n box-shadow: 0 0 0 3px theme.$focus;\n outline: 1px solid transparent;\n }\n\n @if ($type == 'outline') {\n outline: 2px solid theme.$focus;\n outline-offset: -2px;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'outline-compat') {\n box-sizing: border-box;\n border: 2px solid theme.$focus;\n\n @media screen and (prefers-contrast) {\n border-style: dotted;\n }\n }\n\n @if ($type == 'invalid') {\n outline: 2px solid theme.$support-error;\n outline-offset: -2px;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'reset') {\n outline: 2px solid transparent;\n outline-offset: -2px;\n }\n}\n","// Code generated by @carbon/themes. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n@use '../config';\n@use '../theme';\n\n/// Internal helper for generating CSS Custom Properties\n@function _get($token) {\n @if config.$use-fallback-value == false {\n @return var(--#{config.$prefix}-#{$token});\n } @else {\n @return var(--#{config.$prefix}-#{$token}, #{theme.get($token)});\n }\n}\n\n/// The CSS Custom Property for the `background` token\n$background: _get('background') !default;\n\n/// The CSS Custom Property for the `background-active` token\n$background-active: _get('background-active') !default;\n\n/// The CSS Custom Property for the `background-selected` token\n$background-selected: _get('background-selected') !default;\n\n/// The CSS Custom Property for the `background-selected-hover` token\n$background-selected-hover: _get('background-selected-hover') !default;\n\n/// The CSS Custom Property for the `background-hover` token\n$background-hover: _get('background-hover') !default;\n\n/// The CSS Custom Property for the `background-brand` token\n$background-brand: _get('background-brand') !default;\n\n/// The CSS Custom Property for the `background-inverse` token\n$background-inverse: _get('background-inverse') !default;\n\n/// The CSS Custom Property for the `background-inverse-hover` token\n$background-inverse-hover: _get('background-inverse-hover') !default;\n\n/// The CSS Custom Property for the `layer-01` token\n$layer-01: _get('layer-01') !default;\n\n/// The CSS Custom Property for the `layer-active-01` token\n$layer-active-01: _get('layer-active-01') !default;\n\n/// The CSS Custom Property for the `layer-background-01` token\n$layer-background-01: _get('layer-background-01') !default;\n\n/// The CSS Custom Property for the `layer-hover-01` token\n$layer-hover-01: _get('layer-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-01` token\n$layer-selected-01: _get('layer-selected-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-01` token\n$layer-selected-hover-01: _get('layer-selected-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-02` token\n$layer-02: _get('layer-02') !default;\n\n/// The CSS Custom Property for the `layer-active-02` token\n$layer-active-02: _get('layer-active-02') !default;\n\n/// The CSS Custom Property for the `layer-background-02` token\n$layer-background-02: _get('layer-background-02') !default;\n\n/// The CSS Custom Property for the `layer-hover-02` token\n$layer-hover-02: _get('layer-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-02` token\n$layer-selected-02: _get('layer-selected-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-02` token\n$layer-selected-hover-02: _get('layer-selected-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-03` token\n$layer-03: _get('layer-03') !default;\n\n/// The CSS Custom Property for the `layer-active-03` token\n$layer-active-03: _get('layer-active-03') !default;\n\n/// The CSS Custom Property for the `layer-background-03` token\n$layer-background-03: _get('layer-background-03') !default;\n\n/// The CSS Custom Property for the `layer-hover-03` token\n$layer-hover-03: _get('layer-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-03` token\n$layer-selected-03: _get('layer-selected-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-03` token\n$layer-selected-hover-03: _get('layer-selected-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-inverse` token\n$layer-selected-inverse: _get('layer-selected-inverse') !default;\n\n/// The CSS Custom Property for the `layer-selected-disabled` token\n$layer-selected-disabled: _get('layer-selected-disabled') !default;\n\n/// The CSS Custom Property for the `layer-accent-01` token\n$layer-accent-01: _get('layer-accent-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-01` token\n$layer-accent-active-01: _get('layer-accent-active-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-01` token\n$layer-accent-hover-01: _get('layer-accent-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-02` token\n$layer-accent-02: _get('layer-accent-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-02` token\n$layer-accent-active-02: _get('layer-accent-active-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-02` token\n$layer-accent-hover-02: _get('layer-accent-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-03` token\n$layer-accent-03: _get('layer-accent-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-03` token\n$layer-accent-active-03: _get('layer-accent-active-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-03` token\n$layer-accent-hover-03: _get('layer-accent-hover-03') !default;\n\n/// The CSS Custom Property for the `field-01` token\n$field-01: _get('field-01') !default;\n\n/// The CSS Custom Property for the `field-hover-01` token\n$field-hover-01: _get('field-hover-01') !default;\n\n/// The CSS Custom Property for the `field-02` token\n$field-02: _get('field-02') !default;\n\n/// The CSS Custom Property for the `field-hover-02` token\n$field-hover-02: _get('field-hover-02') !default;\n\n/// The CSS Custom Property for the `field-03` token\n$field-03: _get('field-03') !default;\n\n/// The CSS Custom Property for the `field-hover-03` token\n$field-hover-03: _get('field-hover-03') !default;\n\n/// The CSS Custom Property for the `interactive` token\n$interactive: _get('interactive') !default;\n\n/// The CSS Custom Property for the `border-subtle-00` token\n$border-subtle-00: _get('border-subtle-00') !default;\n\n/// The CSS Custom Property for the `border-subtle-01` token\n$border-subtle-01: _get('border-subtle-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-01` token\n$border-subtle-selected-01: _get('border-subtle-selected-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-02` token\n$border-subtle-02: _get('border-subtle-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-02` token\n$border-subtle-selected-02: _get('border-subtle-selected-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-03` token\n$border-subtle-03: _get('border-subtle-03') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-03` token\n$border-subtle-selected-03: _get('border-subtle-selected-03') !default;\n\n/// The CSS Custom Property for the `border-strong-01` token\n$border-strong-01: _get('border-strong-01') !default;\n\n/// The CSS Custom Property for the `border-strong-02` token\n$border-strong-02: _get('border-strong-02') !default;\n\n/// The CSS Custom Property for the `border-strong-03` token\n$border-strong-03: _get('border-strong-03') !default;\n\n/// The CSS Custom Property for the `border-tile-01` token\n$border-tile-01: _get('border-tile-01') !default;\n\n/// The CSS Custom Property for the `border-tile-02` token\n$border-tile-02: _get('border-tile-02') !default;\n\n/// The CSS Custom Property for the `border-tile-03` token\n$border-tile-03: _get('border-tile-03') !default;\n\n/// The CSS Custom Property for the `border-inverse` token\n$border-inverse: _get('border-inverse') !default;\n\n/// The CSS Custom Property for the `border-interactive` token\n$border-interactive: _get('border-interactive') !default;\n\n/// The CSS Custom Property for the `border-disabled` token\n$border-disabled: _get('border-disabled') !default;\n\n/// The CSS Custom Property for the `text-primary` token\n$text-primary: _get('text-primary') !default;\n\n/// The CSS Custom Property for the `text-secondary` token\n$text-secondary: _get('text-secondary') !default;\n\n/// The CSS Custom Property for the `text-placeholder` token\n$text-placeholder: _get('text-placeholder') !default;\n\n/// The CSS Custom Property for the `text-helper` token\n$text-helper: _get('text-helper') !default;\n\n/// The CSS Custom Property for the `text-error` token\n$text-error: _get('text-error') !default;\n\n/// The CSS Custom Property for the `text-inverse` token\n$text-inverse: _get('text-inverse') !default;\n\n/// The CSS Custom Property for the `text-on-color` token\n$text-on-color: _get('text-on-color') !default;\n\n/// The CSS Custom Property for the `text-on-color-disabled` token\n$text-on-color-disabled: _get('text-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `text-disabled` token\n$text-disabled: _get('text-disabled') !default;\n\n/// The CSS Custom Property for the `link-primary` token\n$link-primary: _get('link-primary') !default;\n\n/// The CSS Custom Property for the `link-primary-hover` token\n$link-primary-hover: _get('link-primary-hover') !default;\n\n/// The CSS Custom Property for the `link-secondary` token\n$link-secondary: _get('link-secondary') !default;\n\n/// The CSS Custom Property for the `link-inverse-visited` token\n$link-inverse-visited: _get('link-inverse-visited') !default;\n\n/// The CSS Custom Property for the `link-visited` token\n$link-visited: _get('link-visited') !default;\n\n/// The CSS Custom Property for the `link-inverse` token\n$link-inverse: _get('link-inverse') !default;\n\n/// The CSS Custom Property for the `link-inverse-active` token\n$link-inverse-active: _get('link-inverse-active') !default;\n\n/// The CSS Custom Property for the `link-inverse-hover` token\n$link-inverse-hover: _get('link-inverse-hover') !default;\n\n/// The CSS Custom Property for the `icon-primary` token\n$icon-primary: _get('icon-primary') !default;\n\n/// The CSS Custom Property for the `icon-secondary` token\n$icon-secondary: _get('icon-secondary') !default;\n\n/// The CSS Custom Property for the `icon-inverse` token\n$icon-inverse: _get('icon-inverse') !default;\n\n/// The CSS Custom Property for the `icon-on-color` token\n$icon-on-color: _get('icon-on-color') !default;\n\n/// The CSS Custom Property for the `icon-on-color-disabled` token\n$icon-on-color-disabled: _get('icon-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `icon-disabled` token\n$icon-disabled: _get('icon-disabled') !default;\n\n/// The CSS Custom Property for the `icon-interactive` token\n$icon-interactive: _get('icon-interactive') !default;\n\n/// The CSS Custom Property for the `support-error` token\n$support-error: _get('support-error') !default;\n\n/// The CSS Custom Property for the `support-success` token\n$support-success: _get('support-success') !default;\n\n/// The CSS Custom Property for the `support-warning` token\n$support-warning: _get('support-warning') !default;\n\n/// The CSS Custom Property for the `support-info` token\n$support-info: _get('support-info') !default;\n\n/// The CSS Custom Property for the `support-error-inverse` token\n$support-error-inverse: _get('support-error-inverse') !default;\n\n/// The CSS Custom Property for the `support-success-inverse` token\n$support-success-inverse: _get('support-success-inverse') !default;\n\n/// The CSS Custom Property for the `support-warning-inverse` token\n$support-warning-inverse: _get('support-warning-inverse') !default;\n\n/// The CSS Custom Property for the `support-info-inverse` token\n$support-info-inverse: _get('support-info-inverse') !default;\n\n/// The CSS Custom Property for the `support-caution-major` token\n$support-caution-major: _get('support-caution-major') !default;\n\n/// The CSS Custom Property for the `support-caution-minor` token\n$support-caution-minor: _get('support-caution-minor') !default;\n\n/// The CSS Custom Property for the `support-caution-undefined` token\n$support-caution-undefined: _get('support-caution-undefined') !default;\n\n/// The CSS Custom Property for the `ai-popover-background` token\n$ai-popover-background: _get('ai-popover-background') !default;\n\n/// The CSS Custom Property for the `ai-popover-shadow-outer-01` token\n$ai-popover-shadow-outer-01: _get('ai-popover-shadow-outer-01') !default;\n\n/// The CSS Custom Property for the `ai-popover-shadow-outer-02` token\n$ai-popover-shadow-outer-02: _get('ai-popover-shadow-outer-02') !default;\n\n/// The CSS Custom Property for the `ai-inner-shadow` token\n$ai-inner-shadow: _get('ai-inner-shadow') !default;\n\n/// The CSS Custom Property for the `ai-aura-start-sm` token\n$ai-aura-start-sm: _get('ai-aura-start-sm') !default;\n\n/// The CSS Custom Property for the `ai-aura-start` token\n$ai-aura-start: _get('ai-aura-start') !default;\n\n/// The CSS Custom Property for the `ai-aura-end` token\n$ai-aura-end: _get('ai-aura-end') !default;\n\n/// The CSS Custom Property for the `ai-aura-hover-background` token\n$ai-aura-hover-background: _get('ai-aura-hover-background') !default;\n\n/// The CSS Custom Property for the `ai-aura-hover-start` token\n$ai-aura-hover-start: _get('ai-aura-hover-start') !default;\n\n/// The CSS Custom Property for the `ai-aura-hover-end` token\n$ai-aura-hover-end: _get('ai-aura-hover-end') !default;\n\n/// The CSS Custom Property for the `ai-border-strong` token\n$ai-border-strong: _get('ai-border-strong') !default;\n\n/// The CSS Custom Property for the `ai-border-start` token\n$ai-border-start: _get('ai-border-start') !default;\n\n/// The CSS Custom Property for the `ai-border-end` token\n$ai-border-end: _get('ai-border-end') !default;\n\n/// The CSS Custom Property for the `ai-drop-shadow` token\n$ai-drop-shadow: _get('ai-drop-shadow') !default;\n\n/// The CSS Custom Property for the `ai-skeleton-background` token\n$ai-skeleton-background: _get('ai-skeleton-background') !default;\n\n/// The CSS Custom Property for the `ai-skeleton-element-background` token\n$ai-skeleton-element-background: _get(\n 'ai-skeleton-element-background'\n) !default;\n\n/// The CSS Custom Property for the `ai-overlay` token\n$ai-overlay: _get('ai-overlay') !default;\n\n/// The CSS Custom Property for the `ai-popover-caret-center` token\n$ai-popover-caret-center: _get('ai-popover-caret-center') !default;\n\n/// The CSS Custom Property for the `ai-popover-caret-bottom` token\n$ai-popover-caret-bottom: _get('ai-popover-caret-bottom') !default;\n\n/// The CSS Custom Property for the `ai-popover-caret-bottom-background` token\n$ai-popover-caret-bottom-background: _get(\n 'ai-popover-caret-bottom-background'\n) !default;\n\n/// The CSS Custom Property for the `ai-popover-caret-bottom-background-actions` token\n$ai-popover-caret-bottom-background-actions: _get(\n 'ai-popover-caret-bottom-background-actions'\n) !default;\n\n/// The CSS Custom Property for the `chat-prompt-background` token\n$chat-prompt-background: _get('chat-prompt-background') !default;\n\n/// The CSS Custom Property for the `chat-prompt-border-start` token\n$chat-prompt-border-start: _get('chat-prompt-border-start') !default;\n\n/// The CSS Custom Property for the `chat-prompt-border-end` token\n$chat-prompt-border-end: _get('chat-prompt-border-end') !default;\n\n/// The CSS Custom Property for the `chat-bubble-user` token\n$chat-bubble-user: _get('chat-bubble-user') !default;\n\n/// The CSS Custom Property for the `chat-bubble-agent` token\n$chat-bubble-agent: _get('chat-bubble-agent') !default;\n\n/// The CSS Custom Property for the `chat-bubble-border` token\n$chat-bubble-border: _get('chat-bubble-border') !default;\n\n/// The CSS Custom Property for the `chat-avatar-bot` token\n$chat-avatar-bot: _get('chat-avatar-bot') !default;\n\n/// The CSS Custom Property for the `chat-avatar-agent` token\n$chat-avatar-agent: _get('chat-avatar-agent') !default;\n\n/// The CSS Custom Property for the `chat-avatar-user` token\n$chat-avatar-user: _get('chat-avatar-user') !default;\n\n/// The CSS Custom Property for the `chat-shell-background` token\n$chat-shell-background: _get('chat-shell-background') !default;\n\n/// The CSS Custom Property for the `chat-header-background` token\n$chat-header-background: _get('chat-header-background') !default;\n\n/// The CSS Custom Property for the `chat-button` token\n$chat-button: _get('chat-button') !default;\n\n/// The CSS Custom Property for the `chat-button-hover` token\n$chat-button-hover: _get('chat-button-hover') !default;\n\n/// The CSS Custom Property for the `chat-button-text-hover` token\n$chat-button-text-hover: _get('chat-button-text-hover') !default;\n\n/// The CSS Custom Property for the `chat-button-active` token\n$chat-button-active: _get('chat-button-active') !default;\n\n/// The CSS Custom Property for the `chat-button-selected` token\n$chat-button-selected: _get('chat-button-selected') !default;\n\n/// The CSS Custom Property for the `chat-button-text-selected` token\n$chat-button-text-selected: _get('chat-button-text-selected') !default;\n\n/// The CSS Custom Property for the `highlight` token\n$highlight: _get('highlight') !default;\n\n/// The CSS Custom Property for the `overlay` token\n$overlay: _get('overlay') !default;\n\n/// The CSS Custom Property for the `toggle-off` token\n$toggle-off: _get('toggle-off') !default;\n\n/// The CSS Custom Property for the `shadow` token\n$shadow: _get('shadow') !default;\n\n/// The CSS Custom Property for the `focus` token\n$focus: _get('focus') !default;\n\n/// The CSS Custom Property for the `focus-inset` token\n$focus-inset: _get('focus-inset') !default;\n\n/// The CSS Custom Property for the `focus-inverse` token\n$focus-inverse: _get('focus-inverse') !default;\n\n/// The CSS Custom Property for the `skeleton-background` token\n$skeleton-background: _get('skeleton-background') !default;\n\n/// The CSS Custom Property for the `skeleton-element` token\n$skeleton-element: _get('skeleton-element') !default;\n","//\n// Copyright IBM Corp. 2016, 2025\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../popover';\n@use '../../config' as *;\n@use '../../spacing';\n@use '../../theme';\n@use '../../type';\n@use '../../layer' as *;\n@use '../../utilities/custom-property';\n@use '../../utilities/convert';\n@use '../../utilities/button-reset';\n@use '../../utilities/focus-outline';\n\n$tooltip-padding-block: custom-property.get-var(\n 'tooltip-padding-block',\n spacing.$spacing-05\n);\n\n$tooltip-padding-inline: custom-property.get-var(\n 'tooltip-padding-inline',\n spacing.$spacing-05\n);\n\n@mixin tooltip {\n .#{$prefix}--tooltip {\n @include custom-property.declaration('popover-offset', 12px);\n }\n\n .#{$prefix}--tooltip-content {\n @include type.type-style('body-01');\n\n padding: $tooltip-padding-block $tooltip-padding-inline;\n max-inline-size: convert.to-rem(288px);\n overflow-wrap: break-word;\n }\n}\n\n@mixin definition-tooltip {\n .#{$prefix}--definition-term {\n @include button-reset.reset;\n\n border-radius: 0;\n border-block-end: 1px dotted theme.$border-strong;\n color: theme.$text-primary;\n }\n\n .#{$prefix}--definition-term:focus {\n @include focus-outline.focus-outline;\n\n border-block-end-color: theme.$border-interactive;\n }\n\n .#{$prefix}--definition-term:hover {\n border-block-end-color: theme.$border-interactive;\n }\n\n .#{$prefix}--definition-tooltip {\n @include type.type-style('body-01');\n\n padding: convert.to-rem(8px) convert.to-rem(16px);\n max-inline-size: convert.to-rem(176px);\n text-wrap: auto;\n word-break: break-word;\n }\n}\n\n@mixin icon-tooltip {\n .#{$prefix}--icon-tooltip {\n @include custom-property.declaration(\n 'tooltip-padding-block',\n convert.to-rem(2px)\n );\n @include custom-property.declaration(\n 'popover-caret-width',\n convert.to-rem(8px)\n );\n @include custom-property.declaration(\n 'popover-caret-height',\n convert.to-rem(4px)\n );\n @include custom-property.declaration('popover-offset', convert.to-rem(8px));\n }\n\n .#{$prefix}--icon-tooltip .#{$prefix}--tooltip-content {\n @include type.type-style('body-compact-01');\n }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'tokens' as *;\n@use 'vars' as *;\n@use 'mixins' as *;\n@use '../tooltip';\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../layer' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/visually-hidden' as *;\n@use '../../utilities/layout';\n\n@mixin button {\n .#{$prefix}--btn {\n @include layout.use('size', $min: 'xs', $default: 'lg', $max: '2xl');\n @include layout.use('density', $default: 'normal');\n\n @include button-base;\n }\n\n // Reset intrinsic padding in Firefox (see #731)\n .#{$prefix}--btn::-moz-focus-inner {\n padding: 0;\n border: 0;\n }\n\n .#{$prefix}--btn--primary {\n @include button-theme(\n $button-primary,\n transparent,\n $text-on-color,\n $button-primary-hover,\n currentColor,\n $button-primary-active\n );\n\n &:hover {\n color: $text-on-color;\n }\n }\n\n .#{$prefix}--btn--secondary {\n @include button-theme(\n $button-secondary,\n transparent,\n $text-on-color,\n $button-secondary-hover,\n currentColor,\n $button-secondary-active\n );\n\n &:hover,\n &:focus {\n color: $text-on-color;\n }\n }\n\n .#{$prefix}--btn--tertiary {\n @include button-theme(\n transparent,\n $button-tertiary,\n $button-tertiary,\n $button-tertiary-hover,\n currentColor,\n $button-tertiary-active\n );\n\n &:hover {\n color: $text-inverse;\n }\n\n &:focus {\n background-color: $button-tertiary;\n color: $text-inverse;\n }\n\n &:active {\n border-color: transparent;\n background-color: $button-tertiary-active;\n color: $text-inverse;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n background: transparent;\n color: $text-disabled;\n outline: none;\n }\n }\n\n .#{$prefix}--btn--ghost {\n @include button-theme(\n transparent,\n transparent,\n $link-primary,\n $background-hover,\n currentColor,\n $background-active\n );\n\n padding-inline-end: calc(\n layout.density('padding-inline') - convert.to-rem(1px)\n );\n\n .#{$prefix}--btn__icon {\n position: static;\n align-self: center;\n margin-inline-start: $spacing-03;\n }\n\n &:hover,\n &:active {\n color: $link-primary-hover;\n }\n\n &:active {\n background-color: $background-active;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: transparent;\n background: transparent;\n color: $text-disabled;\n outline: none;\n }\n\n &:not([disabled]) svg {\n fill: $icon-primary;\n }\n }\n\n .#{$prefix}--btn--icon-only {\n align-items: center;\n justify-content: center;\n padding: 0;\n block-size: layout.size('height');\n inline-size: layout.size('height');\n padding-block-start: 0;\n\n > :first-child {\n min-inline-size: convert.to-rem(16px);\n }\n\n .#{$prefix}--btn__icon {\n position: static;\n }\n\n &.#{$prefix}--btn--ghost .#{$prefix}--btn__icon,\n &.#{$prefix}--btn--danger--ghost .#{$prefix}--btn__icon {\n margin: 0;\n }\n\n &.#{$prefix}--btn--danger--ghost {\n padding-inline-end: calc(\n layout.density('padding-inline') - convert.to-rem(16px)\n );\n }\n }\n\n // Adjust text positioning in extra small variant only\n .#{$prefix}--btn--xs:not(.#{$prefix}--btn--icon-only) {\n padding-block-start: 1.5px;\n }\n\n // Adjust icon positioning in extra small, small, medium variants only\n .#{$prefix}--btn--xs:not(.#{$prefix}--btn--icon-only) .#{$prefix}--btn__icon,\n .#{$prefix}--btn--sm:not(.#{$prefix}--btn--icon-only) .#{$prefix}--btn__icon,\n .#{$prefix}--btn--md:not(.#{$prefix}--btn--icon-only) .#{$prefix}--btn__icon {\n margin-block-start: 0;\n }\n\n .#{$prefix}--btn--icon-only.#{$prefix}--btn--selected {\n background: $background-selected;\n }\n\n .#{$prefix}--btn path[data-icon-path='inner-path'] {\n fill: none;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only\n .#{$prefix}--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only .#{$prefix}--btn__icon {\n fill: $icon-primary;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled]\n .#{$prefix}--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled]\n .#{$prefix}--btn__icon,\n .#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--btn--ghost[disabled]:hover\n .#{$prefix}--btn__icon {\n fill: $icon-on-color-disabled;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled] {\n cursor: not-allowed;\n }\n\n // Workaround to ensure onMouseEnter events fire when moving\n // from a disabled button to a non-disabled button (#13815)\n .#{$prefix}--icon-tooltip--disabled .#{$prefix}--tooltip-trigger__wrapper {\n cursor: not-allowed;\n }\n\n .#{$prefix}--icon-tooltip--disabled .#{$prefix}--btn--icon-only[disabled] {\n pointer-events: none;\n }\n\n .#{$prefix}--btn--danger {\n @include button-theme(\n $button-danger-primary,\n transparent,\n $text-on-color,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n &:hover {\n color: $text-on-color;\n }\n\n &--tertiary {\n @include button-theme(\n transparent,\n $button-danger-secondary,\n $button-danger-secondary,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n &:hover {\n border-color: $button-danger-hover;\n color: $text-on-color;\n }\n\n &:focus {\n background-color: $button-danger-primary;\n color: $text-on-color;\n }\n\n &:active {\n border-color: $button-danger-active;\n background-color: $button-danger-active;\n color: $text-on-color;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n background: transparent;\n color: $text-disabled;\n outline: none;\n }\n }\n\n &--ghost {\n @include button-theme(\n transparent,\n transparent,\n $button-danger-secondary,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n padding-inline-end: calc(\n layout.density('padding-inline') - convert.to-rem(1px)\n );\n\n .#{$prefix}--btn__icon {\n position: static;\n margin-inline-start: $spacing-03;\n }\n\n &:hover,\n &:active {\n color: $text-on-color;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: transparent;\n background: transparent;\n color: $text-disabled;\n outline: none;\n }\n }\n }\n\n //expressive styles\n .#{$prefix}--btn--expressive {\n @include type-style('body-compact-02');\n\n padding-block: min(\n calc(\n (layout.size('height') - var(--temp-expressive-1lh)) / 2 - convert.to-rem(\n 1px\n )\n ),\n var(--temp-padding-block-max)\n );\n }\n\n .#{$prefix}--btn--icon-only.#{$prefix}--btn--expressive {\n padding: 12px 13px;\n //default size 48px\n }\n\n .#{$prefix}--btn.#{$prefix}--btn--expressive .#{$prefix}--btn__icon {\n block-size: convert.to-rem(20px);\n inline-size: convert.to-rem(20px);\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--expressive {\n max-inline-size: convert.to-rem(320px);\n }\n\n // Skeleton State\n .#{$prefix}--btn.#{$prefix}--skeleton {\n @include skeleton;\n\n inline-size: convert.to-rem(150px);\n }\n\n // button set styles\n .#{$prefix}--btn-set {\n display: flex;\n }\n\n .#{$prefix}--btn-set--stacked {\n flex-direction: column;\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn {\n inline-size: 100%;\n // 196px from design kit\n max-inline-size: convert.to-rem(196px);\n\n &:not(:focus) {\n box-shadow: convert.to-rem(-1px) 0 0 0 $button-separator;\n }\n\n &:first-of-type:not(:focus) {\n box-shadow: inherit;\n }\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn:focus + .#{$prefix}--btn {\n box-shadow: inherit;\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn:not(:focus) {\n box-shadow: 0 convert.to-rem(-1px) 0 0 $button-separator;\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn:first-of-type:not(:focus) {\n box-shadow: inherit;\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--disabled {\n box-shadow: convert.to-rem(-1px) 0 0 0 $icon-on-color-disabled;\n\n &:first-of-type {\n box-shadow: none;\n }\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn.#{$prefix}--btn--disabled {\n box-shadow: 0 convert.to-rem(-1px) 0 0 $layer-selected-disabled;\n\n &:first-of-type {\n box-shadow: none;\n }\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--loading {\n border-color: transparent;\n background-color: transparent;\n box-shadow: none;\n }\n\n // badge indicator\n\n .#{$prefix}--btn--sm .#{$prefix}--badge-indicator {\n margin-block-start: $spacing-02;\n margin-inline-end: $spacing-02;\n }\n\n // Windows HCM fix\n .#{$prefix}--btn:focus {\n @include high-contrast-mode('focus');\n }\n\n // RTL overrides\n [dir='rtl'] .#{$prefix}--btn-set .#{$prefix}--btn:not(:focus) {\n box-shadow: convert.to-rem(1px) 0 0 0 $button-separator;\n }\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n\n@use 'vars' as *;\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/custom-property';\n@use '../../utilities/layout';\n@use 'tokens' as *;\n\n$button-focus-color: custom-property.get-var('button-focus-color', $focus);\n\n@mixin button-base {\n // https://caniuse.com/mdn-css_types_length_lh\n --temp-1lh: (\n #{custom-property.get-var(\n 'body-compact-01-line-height',\n map.get($body-compact-01, line-height)\n )} * 1em\n );\n --temp-expressive-1lh: (\n #{custom-property.get-var(\n 'body-compact-02-line-height',\n map.get($body-compact-02, line-height)\n )} * 1em\n );\n // -1px to compensate for border width\n --temp-padding-block-max: calc(\n (#{custom-property.get-var('layout-size-height-lg')} - var(--temp-1lh)) / 2 -\n #{convert.to-rem(1px)}\n );\n\n @include component-reset.reset;\n @include type-style('body-compact-01');\n\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n justify-content: space-between;\n border-radius: $button-border-radius;\n // Fix to remove added margins on buttons in safari (see #5155)\n margin: 0;\n cursor: pointer;\n inline-size: max-content;\n max-inline-size: convert.to-rem(320px);\n min-block-size: layout.size('height');\n outline: none;\n // -1px to compensate for border width\n padding-block: min(\n calc((layout.size('height') - var(--temp-1lh)) / 2 - convert.to-rem(1px)),\n var(--temp-padding-block-max)\n );\n padding-inline: calc(layout.density('padding-inline') - convert.to-rem(1px))\n calc(\n layout.density('padding-inline') * 3 + convert.to-rem(16px) - convert.to-rem(\n 1px\n )\n );\n text-align: start;\n text-decoration: none;\n transition:\n background $duration-fast-01 motion(entrance, productive),\n box-shadow $duration-fast-01 motion(entrance, productive),\n border-color $duration-fast-01 motion(entrance, productive),\n outline $duration-fast-01 motion(entrance, productive);\n vertical-align: top;\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: $button-disabled;\n background: $button-disabled;\n box-shadow: none;\n color: $text-on-color-disabled;\n cursor: not-allowed;\n }\n\n .#{$prefix}--btn__icon {\n position: absolute;\n flex-shrink: 0;\n block-size: convert.to-rem(16px);\n inline-size: convert.to-rem(16px);\n // -1px to compensate for border width\n inset-block-start: min(\n calc(\n (layout.size('height') - convert.to-rem(16px)) / 2 - convert.to-rem(1px)\n ),\n var(--temp-padding-block-max)\n );\n inset-inline-end: layout.density('padding-inline');\n margin-block-start: convert.to-rem(1px);\n }\n}\n\n/// Button variant styles\n/// @access private\n/// @group button\n@mixin button-theme(\n $bg-color,\n $border-color,\n $font-color,\n $hover-bg-color,\n $icon-color,\n $active-color\n) {\n border-width: $button-outline-width;\n border-style: solid;\n border-color: $border-color;\n background-color: $bg-color;\n color: $font-color;\n\n &:hover {\n background-color: $hover-bg-color;\n }\n\n &:focus {\n border-color: $button-focus-color;\n box-shadow:\n inset 0 0 0 $button-outline-width $button-focus-color,\n inset 0 0 0 $button-border-width $background;\n }\n\n &:active {\n background-color: $active-color;\n }\n\n .#{$prefix}--btn__icon,\n .#{$prefix}--btn__icon path:not([data-icon-path]):not([fill='none']) {\n fill: $icon-color;\n }\n}\n\n@mixin button-padding-large {\n align-items: baseline;\n padding-block-start: $spacing-05;\n padding-inline: $spacing-05 $spacing-10;\n}\n","//\n// Copyright IBM Corp. 2016, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../../spacing' as *;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-font-weight: 400 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-font-size: 0.875rem !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-border-radius: 0 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-height: 3rem !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding: calc(0.875rem - 3px) calc(#{$spacing-10} - 1px)\n calc(0.875rem - 3px) calc(#{$spacing-05} - 1px) !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding-field: calc(0.675rem - 3px) calc(#{$spacing-10} - 4px)\n calc(0.675rem - 3px) calc(#{$spacing-05} - 4px) !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding-sm: calc(0.375rem - 3px) calc(#{$spacing-10} - 4px)\n calc(0.375rem - 3px) calc(#{$spacing-05} - 4px) !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-padding-lg: $spacing-04 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as normal buttons, but removes extra padding-right\n$button-padding-ghost: calc(0.875rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as field buttons, but removes extra padding-right\n$button-padding-ghost-field: calc(0.675rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as small buttons, but removes extra padding-right\n$button-padding-ghost-sm: calc(0.375rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-border-width: 2px !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-outline-width: 1px !default;\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:map';\n@use '../../config';\n@use '../../themes';\n@use '../../utilities/component-tokens';\n@use '@carbon/themes/scss/component-tokens' as button;\n\n$button-separator: (\n fallback: map.get(button.$button-separator, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-separator, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-separator, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-separator, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-separator, g-100),\n ),\n ),\n) !default;\n\n$button-primary: (\n fallback: map.get(button.$button-primary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary, g-100),\n ),\n ),\n) !default;\n\n$button-secondary: (\n fallback: map.get(button.$button-secondary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary: (\n fallback: map.get(button.$button-tertiary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-primary: (\n fallback: map.get(button.$button-danger-primary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-primary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-primary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-primary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-primary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-secondary: (\n fallback: map.get(button.$button-danger-secondary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-secondary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-secondary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-secondary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-secondary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-active: (\n fallback: map.get(button.$button-danger-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-active, g-100),\n ),\n ),\n) !default;\n\n$button-primary-active: (\n fallback: map.get(button.$button-primary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary-active, g-100),\n ),\n ),\n) !default;\n\n$button-secondary-active: (\n fallback: map.get(button.$button-secondary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary-active, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary-active: (\n fallback: map.get(button.$button-tertiary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary-active, g-100),\n ),\n ),\n) !default;\n\n$button-danger-hover: (\n fallback: map.get(button.$button-danger-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-hover, g-100),\n ),\n ),\n) !default;\n\n$button-primary-hover: (\n fallback: map.get(button.$button-primary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-secondary-hover: (\n fallback: map.get(button.$button-secondary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary-hover: (\n fallback: map.get(button.$button-tertiary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-disabled: (\n fallback: map.get(button.$button-disabled, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-disabled, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-disabled, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-disabled, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-disabled, g-100),\n ),\n ),\n) !default;\n\n$button-tokens: (\n button-separator: $button-separator,\n button-primary: $button-primary,\n button-secondary: $button-secondary,\n button-tertiary: $button-tertiary,\n button-danger-primary: $button-danger-primary,\n button-danger-secondary: $button-danger-secondary,\n button-danger-active: $button-danger-active,\n button-primary-active: $button-primary-active,\n button-secondary-active: $button-secondary-active,\n button-tertiary-active: $button-tertiary-active,\n button-danger-hover: $button-danger-hover,\n button-primary-hover: $button-primary-hover,\n button-secondary-hover: $button-secondary-hover,\n button-tertiary-hover: $button-tertiary-hover,\n button-disabled: $button-disabled,\n);\n\n$button-separator: component-tokens.get-var(\n $button-separator,\n 'button-separator'\n);\n\n$button-primary: component-tokens.get-var($button-primary, 'button-primary');\n\n$button-secondary: component-tokens.get-var(\n $button-secondary,\n 'button-secondary'\n);\n\n$button-tertiary: component-tokens.get-var($button-tertiary, 'button-tertiary');\n\n$button-danger-primary: component-tokens.get-var(\n $button-danger-primary,\n 'button-danger-primary'\n);\n\n$button-danger-secondary: component-tokens.get-var(\n $button-danger-secondary,\n 'button-danger-secondary'\n);\n\n$button-danger-active: component-tokens.get-var(\n $button-danger-active,\n 'button-danger-active'\n);\n\n$button-primary-active: component-tokens.get-var(\n $button-primary-active,\n 'button-primary-active'\n);\n\n$button-secondary-active: component-tokens.get-var(\n $button-secondary-active,\n 'button-secondary-active'\n);\n\n$button-tertiary-active: component-tokens.get-var(\n $button-tertiary-active,\n 'button-tertiary-active'\n);\n\n$button-danger-hover: component-tokens.get-var(\n $button-danger-hover,\n 'button-danger-hover'\n);\n\n$button-primary-hover: component-tokens.get-var(\n $button-primary-hover,\n 'button-primary-hover'\n);\n\n$button-secondary-hover: component-tokens.get-var(\n $button-secondary-hover,\n 'button-secondary-hover'\n);\n\n$button-tertiary-hover: component-tokens.get-var(\n $button-tertiary-hover,\n 'button-tertiary-hover'\n);\n\n$button-disabled: component-tokens.get-var($button-disabled, 'button-disabled');\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'keyframes';\n@use '../theme' as *;\n@use '../config' as *;\n@use '../utilities/high-contrast-mode' as *;\n\n/// Skeleton loading animation\n/// @access public\n/// @example @include skeleton;\n/// @group utilities\n@mixin skeleton {\n position: relative;\n padding: 0;\n border: none;\n background: $skeleton-background;\n box-shadow: none;\n pointer-events: none;\n\n &:hover,\n &:focus,\n &:active {\n border: none;\n cursor: default;\n outline: none;\n }\n\n &::before {\n position: absolute;\n animation: 3000ms ease-in-out #{$prefix}--skeleton infinite;\n background: $skeleton-element;\n block-size: 100%;\n content: '';\n inline-size: 100%;\n inset-inline-start: 0;\n will-change: transform-origin, transform, opacity;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n\n // High Contrast Mode support\n @include high-contrast-mode {\n background: CanvasText;\n\n &::before {\n background: Canvas;\n forced-color-adjust: none;\n }\n }\n}\n\n/// Circular Skeleton loading animation\n/// @access public\n/// @example @include circular-skeleton;\n/// @group utilities\n@mixin circular-skeleton {\n position: relative;\n overflow: hidden;\n border-radius: 50%;\n background: $skeleton-background;\n\n &::before {\n position: absolute;\n animation: 3000ms ease-in-out #{$prefix}--skeleton infinite;\n background: $skeleton-element;\n block-size: 100%;\n content: '';\n inline-size: 200%;\n will-change: transform-origin, transform, opacity;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n\n //High Contrast Mode\n //Ensure Skeleton is visible and animated in Windows HCM\n @include high-contrast-mode {\n background: CanvasText;\n\n &::before {\n background: Canvas;\n forced-color-adjust: none;\n }\n }\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// High Contrast Mode mixin for Windows and macOS\n/// @access public\n/// @example @include high-contrast-mode;\n/// @group utilities\n/// Set HCM styles at the end of each file to ensure they are not overwritten\n@mixin high-contrast-mode($type: '') {\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n @if ($type == 'focus') {\n color: Highlight;\n outline: 1px solid Highlight;\n }\n\n @if ($type == 'outline') {\n outline: 1px solid transparent;\n }\n\n @if ($type == 'disabled') {\n color: GrayText;\n fill: GrayText;\n }\n\n @content;\n }\n}\n","@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/styles/scss/motion';\n@use '@carbon/layout';\n@use '@carbon/styles/scss/theme';\n@use '@carbon/type';\n@use '@carbon/styles/scss/components/button';\n@use '@carbon/styles/scss/utilities/box-shadow';\n@use '@carbon/styles/scss/utilities/component-reset';\n@use '@carbon/styles/scss/utilities/focus-outline' as focus;\n@use '../vars' as *;\n\n.calendarGrid {\n width: 17rem;\n\n & tr,\n & tr > th,\n & tr > td {\n height: 2.428rem;\n width: 2.428rem;\n }\n\n & > thead > tr > th {\n @include type.type-style('body-compact-01');\n cursor: default;\n text-align: center;\n vertical-align: middle;\n }\n\n & > tbody > tr > td {\n @include type.type-style('body-compact-01');\n cursor: pointer;\n text-align: center;\n vertical-align: middle;\n\n & > div {\n outline: unset;\n }\n\n &:hover:not(:has([aria-disabled], [data-selected])) {\n background-color: theme.$layer-hover;\n }\n\n &:has([data-selected]) {\n background-color: $color-blue-60-2;\n color: $ui-background;\n }\n\n &[aria-disabled] {\n color: theme.$text-disabled;\n cursor: default;\n }\n }\n}\n\n.dialog {\n @include box-shadow.box-shadow;\n background-color: theme.$layer-01;\n overflow: hidden;\n padding: layout.$spacing-02 layout.$spacing-02 layout.$spacing-03 layout.$spacing-02;\n}\n\n.flatButton {\n @include component-reset.reset;\n\n & {\n background-color: inherit;\n display: inline-flex;\n }\n\n &:hover:not(:disabled) {\n background-color: theme.$layer-hover;\n }\n\n &:disabled > svg {\n fill: theme.$text-disabled;\n }\n\n & > svg {\n display: block;\n margin: auto;\n text-align: center;\n }\n}\n\n[data-invalid] > .flatButton > svg {\n --omrs-icon-fill: #{theme.$support-error};\n}\n\n.flatButtonMd {\n height: layout.$spacing-08;\n width: layout.$spacing-08;\n}\n\n.header {\n margin-top: layout.$spacing-03;\n margin-bottom: layout.$spacing-03;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: space-between;\n}\n\n.inputGroup {\n align-items: center;\n background-color: var(--cds-field);\n border-block-end: 1px solid var(--cds-border-strong);\n color: var(--cds-text-primary);\n display: flex;\n position: relative;\n\n &:focus-within,\n &.cds--focused {\n @include focus.focus-outline('outline');\n }\n\n &[data-invalid] {\n @include focus.focus-outline('invalid');\n\n & {\n color: theme.$support-error;\n }\n }\n\n &[data-disabled] {\n border-block-end: 1px solid rgba(0, 0, 0, 0);\n color: theme.$text-disabled;\n cursor: not-allowed;\n }\n}\n\n.inputWrapper {\n inline-size: 15rem;\n margin-left: layout.$spacing-05;\n min-width: layout.$spacing-13;\n max-width: 15rem;\n\n & .inputSegment {\n caret-color: var(--cds-text-primary);\n\n &:focus {\n outline: unset;\n background-color: theme.$layer-selected-hover;\n }\n\n &[data-placeholder] {\n color: theme.$text-disabled;\n }\n\n &[data-focused='true'] {\n animation: cursor-blink 1s step-end infinite;\n }\n }\n\n /*\n * These next two style rules try to render the read-only parts of the date in the disabled color\n * unless they ware surrounded by two filled-in entries.\n */\n [data-readonly]:has(+ [data-placeholder]) {\n color: theme.$text-disabled;\n }\n\n [data-placeholder] + [data-readonly] {\n color: theme.$text-disabled;\n }\n\n @keyframes cursor-blink {\n from,\n to {\n border-right: 1px solid transparent;\n }\n 50% {\n border-right: 1px solid currentColor;\n }\n }\n}\n\n.inputWrapperMd {\n block-size: layout.$spacing-08;\n}\n\n.monthYear {\n @include component-reset.reset;\n @include type.type-style('heading-compact-01');\n\n & {\n margin-top: layout.$spacing-03;\n margin-block-end: layout.$spacing-01;\n text-align: center;\n }\n\n & > span {\n margin-left: layout.$spacing-02;\n margin-right: layout.$spacing-02;\n }\n\n & div:has(input[inputmode='numeric']) {\n display: inline;\n\n & > input[inputmode='numeric'] {\n @include component-reset.reset;\n @include type.type-style('heading-compact-01');\n\n & {\n background-color: var(--cds-field);\n inline-size: layout.$spacing-08;\n padding: layout.$spacing-02;\n padding-right: 0;\n }\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n margin: 0;\n -webkit-appearance: none;\n }\n\n &:focus {\n @include focus.focus-outline('border');\n }\n\n &[data-invalid] {\n @include focus.focus-outline('invalid');\n }\n\n &[data-disabled],\n &[data-disabled]:hover {\n background-color: theme.$layer-01;\n color: theme.$text-disabled;\n pointer-events: none;\n }\n\n &[data-disabled] + div > button::after {\n border-block-end-color: theme.$text-disabled;\n border-block-start-color: theme.$text-disabled;\n }\n\n &[data-disabled] + div > button:hover {\n opacity: 0;\n }\n }\n\n & div[role='group'] {\n @include component-reset.reset;\n\n & {\n display: inline;\n position: relative;\n }\n }\n\n &:hover button {\n opacity: 1;\n }\n\n & button {\n @include component-reset.reset;\n\n & {\n position: absolute;\n padding: 0 layout.$spacing-02 0 layout.$spacing-01;\n border: none;\n block-size: 50%;\n cursor: pointer;\n inline-size: layout.$spacing-04;\n inset-inline-start: layout.$spacing-08;\n line-height: 50%;\n opacity: 0;\n }\n\n &::after {\n display: block;\n border-inline-end: layout.$spacing-02 solid transparent;\n border-inline-start: layout.$spacing-02 solid transparent;\n content: '';\n inset-block-start: 33%;\n }\n\n &:hover::after {\n border-block-end-color: button.$button-primary;\n border-block-start-color: button.$button-primary;\n }\n\n &:active::after {\n border-block-end-color: theme.$border-interactive;\n border-block-start-color: theme.$border-interactive;\n }\n\n &[slot='increment'] {\n top: 0;\n left: 0;\n }\n\n &[slot='decrement'] {\n top: layout.$spacing-04;\n left: 0;\n }\n }\n }\n}\n\n@keyframes fade-in-down {\n from {\n opacity: 0;\n transform: translate3d(0, -20px, 0);\n }\n\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n\n.popover[data-entering] {\n animation: fade-in-down motion.$duration-fast-02 motion.motion(entrance, productive);\n\n @media screen and (prefers-reduced-motion: reduce) {\n animation: none;\n }\n}\n\n:global([dir='rtl']) {\n .inputWrapper {\n padding-left: unset;\n padding-right: layout.$spacing-04;\n }\n\n .monthYear {\n & div:has(input[inputmode='numeric']) {\n > input[inputmode='numeric'] {\n padding-right: layout.$spacing-02;\n }\n }\n\n & button {\n &[slot='increment'] {\n top: 0;\n left: unset;\n right: 0;\n }\n\n &[slot='decrement'] {\n top: layout.$spacing-04;\n left: unset;\n right: 0;\n }\n }\n }\n}\n\n.invalidText {\n color: theme.$text-error !important;\n font-size: layout.$spacing-04;\n font-weight: 400 !important;\n margin: layout.$spacing-02 0 0;\n overflow: hidden;\n}\n\n.today:not([data-selected]) {\n position: relative;\n color: $color-blue-60-2;\n font-weight: 600;\n font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n line-height: var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n display: flex;\n align-items: center;\n justify-content: center;\n block-size: layout.$spacing-08;\n cursor: pointer;\n inline-size: layout.$spacing-08;\n\n &::after {\n position: absolute;\n display: block;\n block-size: layout.$spacing-02;\n content: '';\n inline-size: layout.$spacing-02;\n inset-block-end: 0.4375rem;\n inset-inline-start: 50%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n }\n\n &[data-disabled]::after {\n background-color: theme.$text-disabled;\n }\n\n &:not([data-disabled])::after {\n background-color: var(--cds-link-primary, theme.$link-primary);\n }\n}\n","//\n// Copyright IBM Corp. 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '../theme';\n\n/// Adds box shadow\n/// @access public\n/// @example @include box-shadow;\n/// @group utilities\n@mixin box-shadow {\n box-shadow: 0 2px 6px theme.$shadow;\n}\n\n@mixin box-shadow-top {\n box-shadow: 0 -2px 6px theme.$shadow;\n}\n"],sourceRoot:""}]),i.locals={"cds--layout--size-xs":"-esm-devtools__datepicker-module__cds--layout--size-xs___OjNzX","cds--layout-constraint--size__default-xs":"-esm-devtools__datepicker-module__cds--layout-constraint--size__default-xs___-WSbt","cds--layout-constraint--size__min-xs":"-esm-devtools__datepicker-module__cds--layout-constraint--size__min-xs___Pu5nL","cds--layout-constraint--size__max-xs":"-esm-devtools__datepicker-module__cds--layout-constraint--size__max-xs___gG5Ds","cds--layout--size-sm":"-esm-devtools__datepicker-module__cds--layout--size-sm___DlFlY","cds--layout-constraint--size__default-sm":"-esm-devtools__datepicker-module__cds--layout-constraint--size__default-sm___LqJrH","cds--layout-constraint--size__min-sm":"-esm-devtools__datepicker-module__cds--layout-constraint--size__min-sm___WkEAV","cds--layout-constraint--size__max-sm":"-esm-devtools__datepicker-module__cds--layout-constraint--size__max-sm___n69gI","cds--layout--size-md":"-esm-devtools__datepicker-module__cds--layout--size-md___aAuR8","cds--layout-constraint--size__default-md":"-esm-devtools__datepicker-module__cds--layout-constraint--size__default-md___osZQH","cds--layout-constraint--size__min-md":"-esm-devtools__datepicker-module__cds--layout-constraint--size__min-md___vlXxk","cds--layout-constraint--size__max-md":"-esm-devtools__datepicker-module__cds--layout-constraint--size__max-md___svnZ7","cds--layout--size-lg":"-esm-devtools__datepicker-module__cds--layout--size-lg___Wr2ma","cds--layout-constraint--size__default-lg":"-esm-devtools__datepicker-module__cds--layout-constraint--size__default-lg___Nrqwi","cds--layout-constraint--size__min-lg":"-esm-devtools__datepicker-module__cds--layout-constraint--size__min-lg___nMNpH","cds--layout-constraint--size__max-lg":"-esm-devtools__datepicker-module__cds--layout-constraint--size__max-lg___btLzf","cds--layout--size-xl":"-esm-devtools__datepicker-module__cds--layout--size-xl___Zss4v","cds--layout-constraint--size__default-xl":"-esm-devtools__datepicker-module__cds--layout-constraint--size__default-xl___LfqFa","cds--layout-constraint--size__min-xl":"-esm-devtools__datepicker-module__cds--layout-constraint--size__min-xl___APrzF","cds--layout-constraint--size__max-xl":"-esm-devtools__datepicker-module__cds--layout-constraint--size__max-xl___fREFd","cds--layout--size-2xl":"-esm-devtools__datepicker-module__cds--layout--size-2xl___gKF6f","cds--layout-constraint--size__default-2xl":"-esm-devtools__datepicker-module__cds--layout-constraint--size__default-2xl___fh6BQ","cds--layout-constraint--size__min-2xl":"-esm-devtools__datepicker-module__cds--layout-constraint--size__min-2xl___+qD8c","cds--layout-constraint--size__max-2xl":"-esm-devtools__datepicker-module__cds--layout-constraint--size__max-2xl___tYfqn","cds--layout--density-condensed":"-esm-devtools__datepicker-module__cds--layout--density-condensed___HM+2D","cds--layout-constraint--density__default-condensed":"-esm-devtools__datepicker-module__cds--layout-constraint--density__default-condensed___PLSgb","cds--layout-constraint--density__min-condensed":"-esm-devtools__datepicker-module__cds--layout-constraint--density__min-condensed___O9iXC","cds--layout-constraint--density__max-condensed":"-esm-devtools__datepicker-module__cds--layout-constraint--density__max-condensed___2iEw5","cds--layout--density-normal":"-esm-devtools__datepicker-module__cds--layout--density-normal___Y5-51","cds--layout-constraint--density__default-normal":"-esm-devtools__datepicker-module__cds--layout-constraint--density__default-normal___tTYpM","cds--layout-constraint--density__min-normal":"-esm-devtools__datepicker-module__cds--layout-constraint--density__min-normal___hxCFA","cds--layout-constraint--density__max-normal":"-esm-devtools__datepicker-module__cds--layout-constraint--density__max-normal___PXOTV","cds--layer-one":"-esm-devtools__datepicker-module__cds--layer-one___kn23i","cds--layer-two":"-esm-devtools__datepicker-module__cds--layer-two___de5be","cds--layer-three":"-esm-devtools__datepicker-module__cds--layer-three___2dwOh","cds--layer__with-background":"-esm-devtools__datepicker-module__cds--layer__with-background___BoRxF","cds--assistive-text":"-esm-devtools__datepicker-module__cds--assistive-text___n4mu3","cds--visually-hidden":"-esm-devtools__datepicker-module__cds--visually-hidden___tqJCR","cds--popover-container":"-esm-devtools__datepicker-module__cds--popover-container___zPgZY","cds--popover--auto-align":"-esm-devtools__datepicker-module__cds--popover--auto-align___DFXt2","cds--popover--high-contrast":"-esm-devtools__datepicker-module__cds--popover--high-contrast___qck8C","cds--popover":"-esm-devtools__datepicker-module__cds--popover___V4iH1","cds--popover--drop-shadow":"-esm-devtools__datepicker-module__cds--popover--drop-shadow___N9Sao","cds--popover-content":"-esm-devtools__datepicker-module__cds--popover-content___nNA9D","cds--popover--caret":"-esm-devtools__datepicker-module__cds--popover--caret___RslUq","cds--popover--open":"-esm-devtools__datepicker-module__cds--popover--open___SP0w3","cds--popover-caret":"-esm-devtools__datepicker-module__cds--popover-caret___Whhzf","cds--popover--tab-tip":"-esm-devtools__datepicker-module__cds--popover--tab-tip___iskwA","cds--popover--bottom":"-esm-devtools__datepicker-module__cds--popover--bottom___Pp4uS","cds--popover--bottom-left":"-esm-devtools__datepicker-module__cds--popover--bottom-left___GqPMp","cds--popover--bottom-start":"-esm-devtools__datepicker-module__cds--popover--bottom-start___4VOuC","cds--popover--bottom-right":"-esm-devtools__datepicker-module__cds--popover--bottom-right___qcXyk","cds--popover--bottom-end":"-esm-devtools__datepicker-module__cds--popover--bottom-end___7lMpA","cds--popover--top-end":"-esm-devtools__datepicker-module__cds--popover--top-end___uWoc5","cds--popover--top-start":"-esm-devtools__datepicker-module__cds--popover--top-start___37eoC","cds--popover--top":"-esm-devtools__datepicker-module__cds--popover--top___F09zY","cds--popover--top-left":"-esm-devtools__datepicker-module__cds--popover--top-left___anbvr","cds--popover--top-right":"-esm-devtools__datepicker-module__cds--popover--top-right___mgaYQ","cds--popover--right":"-esm-devtools__datepicker-module__cds--popover--right___PbxDU","cds--popover--right-top":"-esm-devtools__datepicker-module__cds--popover--right-top___mScbP","cds--popover--right-start":"-esm-devtools__datepicker-module__cds--popover--right-start___z12en","cds--popover--right-bottom":"-esm-devtools__datepicker-module__cds--popover--right-bottom___baRW+","cds--popover--right-end":"-esm-devtools__datepicker-module__cds--popover--right-end___58jao","cds--popover--left":"-esm-devtools__datepicker-module__cds--popover--left___xfhg3","cds--popover--left-top":"-esm-devtools__datepicker-module__cds--popover--left-top___+Swd4","cds--popover--left-start":"-esm-devtools__datepicker-module__cds--popover--left-start___B78YF","cds--popover--left-bottom":"-esm-devtools__datepicker-module__cds--popover--left-bottom___QsCoc","cds--popover--left-end":"-esm-devtools__datepicker-module__cds--popover--left-end___ioOPI","cds--popover--tab-tip__button":"-esm-devtools__datepicker-module__cds--popover--tab-tip__button___XyhJd","cds--tooltip":"-esm-devtools__datepicker-module__cds--tooltip___HUiTF","cds--tooltip-content":"-esm-devtools__datepicker-module__cds--tooltip-content___Czl-l","cds--icon-tooltip":"-esm-devtools__datepicker-module__cds--icon-tooltip___AcCtc","cds--definition-term":"-esm-devtools__datepicker-module__cds--definition-term___c79fQ","cds--definition-tooltip":"-esm-devtools__datepicker-module__cds--definition-tooltip___eKNKh","cds--btn":"-esm-devtools__datepicker-module__cds--btn___qt66i","cds--btn--disabled":"-esm-devtools__datepicker-module__cds--btn--disabled___6zyeD","cds--btn__icon":"-esm-devtools__datepicker-module__cds--btn__icon___0VV57","cds--btn--primary":"-esm-devtools__datepicker-module__cds--btn--primary___QcQbM","cds--btn--secondary":"-esm-devtools__datepicker-module__cds--btn--secondary___v3vrU","cds--btn--tertiary":"-esm-devtools__datepicker-module__cds--btn--tertiary___O926u","cds--btn--ghost":"-esm-devtools__datepicker-module__cds--btn--ghost___8rojR","cds--btn--icon-only":"-esm-devtools__datepicker-module__cds--btn--icon-only___t5V4G","cds--btn--danger--ghost":"-esm-devtools__datepicker-module__cds--btn--danger--ghost___p-Sui","cds--btn--xs":"-esm-devtools__datepicker-module__cds--btn--xs___sbGZG","cds--btn--sm":"-esm-devtools__datepicker-module__cds--btn--sm___f5lZz","cds--btn--md":"-esm-devtools__datepicker-module__cds--btn--md___9YcTt","cds--btn--selected":"-esm-devtools__datepicker-module__cds--btn--selected___Jklbf","cds--icon-tooltip--disabled":"-esm-devtools__datepicker-module__cds--icon-tooltip--disabled___na5Ye","cds--tooltip-trigger__wrapper":"-esm-devtools__datepicker-module__cds--tooltip-trigger__wrapper___3HcrA","cds--btn--danger":"-esm-devtools__datepicker-module__cds--btn--danger___trDCT","cds--btn--danger--tertiary":"-esm-devtools__datepicker-module__cds--btn--danger--tertiary___2mY3K","cds--btn--expressive":"-esm-devtools__datepicker-module__cds--btn--expressive___R92Ju","cds--btn-set":"-esm-devtools__datepicker-module__cds--btn-set___I1VAA","cds--skeleton":"-esm-devtools__datepicker-module__cds--skeleton___jLMvn","cds--btn-set--stacked":"-esm-devtools__datepicker-module__cds--btn-set--stacked___rmOT0","cds--btn--loading":"-esm-devtools__datepicker-module__cds--btn--loading___f3W1Z","cds--badge-indicator":"-esm-devtools__datepicker-module__cds--badge-indicator___2RKKr",calendarGrid:"-esm-devtools__datepicker-module__calendarGrid___82JTy",dialog:"-esm-devtools__datepicker-module__dialog___fzfHO",flatButton:"-esm-devtools__datepicker-module__flatButton___X1NNz",flatButtonMd:"-esm-devtools__datepicker-module__flatButtonMd___DET4S",header:"-esm-devtools__datepicker-module__header___5cAtV",inputGroup:"-esm-devtools__datepicker-module__inputGroup___eXcUh","cds--focused":"-esm-devtools__datepicker-module__cds--focused___bDpK1",inputWrapper:"-esm-devtools__datepicker-module__inputWrapper___uII7F",inputSegment:"-esm-devtools__datepicker-module__inputSegment___y0Ukq","cursor-blink":"-esm-devtools__datepicker-module__cursor-blink___z9oux",inputWrapperMd:"-esm-devtools__datepicker-module__inputWrapperMd___T+6T9",monthYear:"-esm-devtools__datepicker-module__monthYear___FVly7",popover:"-esm-devtools__datepicker-module__popover___Cbbwq","fade-in-down":"-esm-devtools__datepicker-module__fade-in-down___SPf2g",invalidText:"-esm-devtools__datepicker-module__invalidText___g3o4V",today:"-esm-devtools__datepicker-module__today___N0GKU","cds--hide-feedback":"-esm-devtools__datepicker-module__cds--hide-feedback___pGPMp","cds--show-feedback":"-esm-devtools__datepicker-module__cds--show-feedback___kBbDy"};const s=i},48370:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__custom-overflow-menu-module__container___VPf7o{width:auto;height:auto}.-esm-devtools__custom-overflow-menu-module__container___VPf7o .cds--overflow-menu__trigger{min-height:3rem}.-esm-devtools__custom-overflow-menu-module__menu___0vlGg{display:none;top:3.125rem;min-width:initial;left:auto;right:0;background-color:#f4f4f4;margin-right:.2rem;box-shadow:0 6px 6px rgba(0,0,0,.3)}.-esm-devtools__custom-overflow-menu-module__show___I7rap{display:block}.-esm-devtools__custom-overflow-menu-module__overflowMenuButton___kpAjC{width:auto;height:auto;padding:.875rem 1rem;color:#0f62fe}.-esm-devtools__custom-overflow-menu-module__overflowMenuButton___kpAjC:hover{background-color:#e8e8e8}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/custom-overflow-menu/custom-overflow-menu.module.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,+DACE,UAAA,CACA,WAAA,CAEA,4FACE,eC0CS,CDtCb,0DACE,YAAA,CACA,YAAA,CACA,iBAAA,CACA,SAAA,CACA,OAAA,CACA,wBDjBM,CCkBN,kBAAA,CACA,mCAAA,CAGF,0DACE,aAAA,CAGF,wEACE,UAAA,CACA,WAAA,CACA,oBAAA,CACA,aEfQ,CFiBR,8EACE,wBEmIY",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/colors';\n@use '@carbon/layout';\n@use '../vars' as *;\n\n.container {\n width: auto;\n height: auto;\n\n :global(.cds--overflow-menu__trigger) {\n min-height: layout.$spacing-09;\n }\n}\n\n.menu {\n display: none;\n top: 3.125rem;\n min-width: initial;\n left: auto;\n right: 0;\n background-color: $ui-01;\n margin-right: 0.2rem;\n box-shadow: 0 6px 6px rgb(0 0 0 / 30%);\n}\n\n.show {\n display: block;\n}\n\n.overflowMenuButton {\n width: auto;\n height: auto;\n padding: 0.875rem layout.$spacing-05;\n color: colors.$blue-60;\n\n &:hover {\n background-color: colors.$gray-10-hover;\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n black: (\n 100: #000000,\n ),\n blue: (\n 10: #edf5ff,\n 20: #d0e2ff,\n 30: #a6c8ff,\n 40: #78a9ff,\n 50: #4589ff,\n 60: #0f62fe,\n 70: #0043ce,\n 80: #002d9c,\n 90: #001d6c,\n 100: #001141,\n ),\n cool-gray: (\n 10: #f2f4f8,\n 20: #dde1e6,\n 30: #c1c7cd,\n 40: #a2a9b0,\n 50: #878d96,\n 60: #697077,\n 70: #4d5358,\n 80: #343a3f,\n 90: #21272a,\n 100: #121619,\n ),\n cyan: (\n 10: #e5f6ff,\n 20: #bae6ff,\n 30: #82cfff,\n 40: #33b1ff,\n 50: #1192e8,\n 60: #0072c3,\n 70: #00539a,\n 80: #003a6d,\n 90: #012749,\n 100: #061727,\n ),\n gray: (\n 10: #f4f4f4,\n 20: #e0e0e0,\n 30: #c6c6c6,\n 40: #a8a8a8,\n 50: #8d8d8d,\n 60: #6f6f6f,\n 70: #525252,\n 80: #393939,\n 90: #262626,\n 100: #161616,\n ),\n green: (\n 10: #defbe6,\n 20: #a7f0ba,\n 30: #6fdc8c,\n 40: #42be65,\n 50: #24a148,\n 60: #198038,\n 70: #0e6027,\n 80: #044317,\n 90: #022d0d,\n 100: #071908,\n ),\n magenta: (\n 10: #fff0f7,\n 20: #ffd6e8,\n 30: #ffafd2,\n 40: #ff7eb6,\n 50: #ee5396,\n 60: #d02670,\n 70: #9f1853,\n 80: #740937,\n 90: #510224,\n 100: #2a0a18,\n ),\n orange: (\n 10: #fff2e8,\n 20: #ffd9be,\n 30: #ffb784,\n 40: #ff832b,\n 50: #eb6200,\n 60: #ba4e00,\n 70: #8a3800,\n 80: #5e2900,\n 90: #3e1a00,\n 100: #231000,\n ),\n purple: (\n 10: #f6f2ff,\n 20: #e8daff,\n 30: #d4bbff,\n 40: #be95ff,\n 50: #a56eff,\n 60: #8a3ffc,\n 70: #6929c4,\n 80: #491d8b,\n 90: #31135e,\n 100: #1c0f30,\n ),\n red: (\n 10: #fff1f1,\n 20: #ffd7d9,\n 30: #ffb3b8,\n 40: #ff8389,\n 50: #fa4d56,\n 60: #da1e28,\n 70: #a2191f,\n 80: #750e13,\n 90: #520408,\n 100: #2d0709,\n ),\n teal: (\n 10: #d9fbfb,\n 20: #9ef0f0,\n 30: #3ddbd9,\n 40: #08bdba,\n 50: #009d9a,\n 60: #007d79,\n 70: #005d5d,\n 80: #004144,\n 90: #022b30,\n 100: #081a1c,\n ),\n warm-gray: (\n 10: #f7f3f2,\n 20: #e5e0df,\n 30: #cac5c4,\n 40: #ada8a8,\n 50: #8f8b8b,\n 60: #726e6e,\n 70: #565151,\n 80: #3c3838,\n 90: #272525,\n 100: #171414,\n ),\n white: (\n 0: #ffffff,\n ),\n yellow: (\n 10: #fcf4d6,\n 20: #fddc69,\n 30: #f1c21b,\n 40: #d2a106,\n 50: #b28600,\n 60: #8e6a00,\n 70: #684e00,\n 80: #483700,\n 90: #302400,\n 100: #1c1500,\n ),\n) !default;\n"],sourceRoot:""}]),i.locals={container:"-esm-devtools__custom-overflow-menu-module__container___VPf7o",menu:"-esm-devtools__custom-overflow-menu-module__menu___0vlGg",show:"-esm-devtools__custom-overflow-menu-module__show___I7rap",overflowMenuButton:"-esm-devtools__custom-overflow-menu-module__overflowMenuButton___kpAjC"};const s=i},51584:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,".-esm-devtools__diagnosis-tags-module__container___hz-gH{display:flex;flex-flow:row wrap;align-items:center;gap:.25rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/diagnosis-tags/diagnosis-tags.module.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAEA,yDACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,UCUW",sourcesContent:["@use '@carbon/layout';\n\n.container {\n display: flex;\n flex-flow: row wrap;\n align-items: center;\n gap: layout.$spacing-02;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),i.locals={container:"-esm-devtools__diagnosis-tags-module__container___hz-gH"};const s=i},55460:(e,n,t)=>{t.r(n),t.d(n,{ActionMenu:()=>I_,ActionMenuButton:()=>u_,ActionMenuButton2:()=>_g,ActionableNotificationComponent:()=>uu,ActivityIcon:()=>Pl,AddIcon:()=>Il,AllergiesIcon:()=>_p,AppointmentsAltPictogram:()=>Df,AppointmentsPictogram:()=>Mf,ArrowDownIcon:()=>Ol,ArrowLeftIcon:()=>Nl,ArrowRightIcon:()=>Fl,ArrowUpIcon:()=>Wl,Assessment1Pictogram:()=>Tf,Assessment2Pictogram:()=>Pf,AttachmentIcon:()=>gp,BabyIcon:()=>Gl,BloodBankPictogram:()=>If,Breakpoint:()=>ss,CalendarHeatMapIcon:()=>jl,CalendarIcon:()=>ql,CardHeader:()=>Es,CardiologyPictogram:()=>Of,CaretDownIcon:()=>Ll,CaretLeftIcon:()=>Vl,CaretRightIcon:()=>Rl,CaretUpIcon:()=>Ul,ChartAverageIcon:()=>Hl,CheckmarkFilledIcon:()=>Xl,CheckmarkOutlineIcon:()=>Jl,ChemistryIcon:()=>Yl,ChevronDownIcon:()=>Ql,ChevronLeftIcon:()=>Kl,ChevronRightIcon:()=>Zl,ChevronUpIcon:()=>ec,CloseFilledIcon:()=>tc,CloseIcon:()=>nc,CloseOutlineIcon:()=>oc,ComponentContext:()=>sr,ConditionsIcon:()=>hp,ConfigurableLink:()=>lr,CtScanPictogram:()=>Nf,CustomOverflowMenu:()=>Os,DashboardExtension:()=>Vs,DentistryPictogram:()=>Ff,DiagnosisTags:()=>$d,DocumentAttachmentIcon:()=>rc,DocumentIcon:()=>ac,DownloadIcon:()=>ic,DrugOrderIcon:()=>sc,EditIcon:()=>lc,EmergencyDepartmentPictogram:()=>Wf,EmptyCard:()=>zd,EmptyCardIllustration:()=>xd,ErrorCard:()=>Dd,ErrorState:()=>Md,EventScheduleIcon:()=>cc,EventsIcon:()=>pc,Extension:()=>cr,ExtensionSlot:()=>yr,FacilityPictogram:()=>Gf,GenderFemaleIcon:()=>dc,GenderMaleIcon:()=>uc,GenderOtherIcon:()=>fc,GenderUnknownIcon:()=>mc,GenericOrderTypeIcon:()=>_c,GeriatricsPictogram:()=>jf,GroupAccessIcon:()=>hc,GroupIcon:()=>gc,GynaecologyPictogram:()=>qf,HomePictogram:()=>am,HospitalBedIcon:()=>bc,Icon:()=>Ap,ImageMedicalIcon:()=>yc,InPatientPictogram:()=>Lf,InformationFilledIcon:()=>Ac,InformationIcon:()=>vc,InformationSquareIcon:()=>$c,InventoryManagementIcon:()=>kc,LabOrderIcon:()=>Cc,LaboratoryPictogram:()=>Vf,Labs2Pictogram:()=>Rf,LeftNavMenu:()=>Fd,ListCheckedIcon:()=>wc,LocationIcon:()=>xc,LocationPicker:()=>Vd,MaterialOrderIcon:()=>zc,MaximizeIcon:()=>Ec,MaybeIcon:()=>vp,MaybePictogram:()=>im,MedicationIcon:()=>Bc,MessageQueueIcon:()=>Sc,MicroscopeIcon:()=>Mc,MoneyIcon:()=>Dc,MotherIcon:()=>Tc,MovementIcon:()=>Pc,Notification:()=>iu,ObstetricsPictogram:()=>Uf,OpenmrsAppContext:()=>Cr,OpenmrsDatePicker:()=>cd,OpenmrsDateRangePicker:()=>hd,OpenmrsFetchError:()=>kn,OverflowMenuHorizontalIcon:()=>Ic,OverflowMenuVerticalIcon:()=>Oc,PageHeader:()=>Nu,PageHeaderContent:()=>Fu,Pagination:()=>Lu,PasswordIcon:()=>Nc,PatientBannerActionsMenu:()=>_f,PatientBannerContactDetails:()=>zg,PatientBannerPatientIdentifiers:()=>tf,PatientBannerPatientInfo:()=>cf,PatientBannerToggleContactDetailsButton:()=>gg,PatientListsPictogram:()=>rm,PatientPhoto:()=>xf,PatientSearchPictogram:()=>Hf,PatientsPictogram:()=>Xf,PaymentsDeskPictogram:()=>Jf,PedestrianFamilyIcon:()=>Fc,PenIcon:()=>Wc,Pharmacy2Pictogram:()=>Qf,PharmacyPictogram:()=>Yf,Pictogram:()=>sm,PrinterIcon:()=>Gc,ProcedureOrderIcon:()=>jc,ProgramsIcon:()=>qc,RadiologyIcon:()=>bp,ReferralOrderIcon:()=>Lc,RegistrationPictogram:()=>Kf,RenderIfValueIsTruthy:()=>wr,RenewIcon:()=>Vc,ReportIcon:()=>Rc,ResetIcon:()=>Uc,ResponsiveWrapper:()=>lm,SaveIcon:()=>Hc,SearchIcon:()=>Xc,ServiceQueuesPictogram:()=>Zf,SettingsIcon:()=>Jc,ShoppingCartAddItemIcon:()=>yp,ShoppingCartArrowDownIcon:()=>Kc,ShoppingCartIcon:()=>Qc,Snackbar:()=>_m,StickyNoteAddIcon:()=>Zc,StockManagementPictogram:()=>em,SwitcherIcon:()=>Yc,SyringeIcon:()=>ep,TableIcon:()=>tp,TableOfContentsIcon:()=>np,TimeIcon:()=>op,Toast:()=>Cm,ToolsIcon:()=>ap,TransferPictogram:()=>nm,TranslateIcon:()=>rp,TrashCanIcon:()=>ip,TreeViewAltIcon:()=>sp,TriagePictogram:()=>tm,Type:()=>j,UserAvatarIcon:()=>lp,UserFollowIcon:()=>cp,UserHasAccess:()=>xr,UserIcon:()=>dp,UserXrayIcon:()=>pp,ViewIcon:()=>fp,ViewOffIcon:()=>up,VisitMode:()=>fo,VisitStatus:()=>mo,WarningIcon:()=>mp,Workspace2:()=>lg,WorkspaceContainer:()=>F_,WorkspaceNotification:()=>y_,XrayPictogram:()=>om,activateOfflineCapability:()=>ft,addRoutesOverride:()=>ns,age:()=>Yu,attach:()=>za,attachmentUrl:()=>Yn,backendDependencies:()=>Fn,beginEditSynchronizationItem:()=>Tt,canAccessStorage:()=>Zi,canBeginEditSynchronizationItemsOfType:()=>Dt,canCloseWorkspaceWithoutPrompting:()=>Nm,cancelPrompt:()=>Um,changeWorkspaceContext:()=>Jm,checkStatus:()=>ca,checkStatusFor:()=>pa,cleanupObsoleteFeatureFlags:()=>ta,clearConfigErrors:()=>We,clearCurrentUser:()=>Sn,clearHistory:()=>fn,closeAllWorkspaces:()=>n_,closeWorkspace:()=>Xm,closeWorkspaceGroup2:()=>J_,compile:()=>Go,configExtensionStore:()=>Q,configInternalStore:()=>J,convertToLocaleCalendar:()=>El,createAttachment:()=>Zn,createDashboard:()=>Rs,createErrorHandler:()=>k,createGlobalStore:()=>B,createUseStore:()=>mr,defaultVisitCustomRepresentation:()=>_o,defineConfigSchema:()=>pe,defineExtensionConfigSchema:()=>me,deleteAttachmentPermanently:()=>et,deleteSynchronizationItem:()=>Pt,detach:()=>Ea,detachAll:()=>Ba,dispatchActionableNotificationShown:()=>_,dispatchConnectivityChanged:()=>a,dispatchNotificationShown:()=>m,dispatchPrecacheStaticDependencies:()=>l,dispatchSnackbarShown:()=>g,dispatchToastShown:()=>h,displayName:()=>Ru,esmStyleGuideSchema:()=>Ms,evaluate:()=>Do,evaluateAsBoolean:()=>Po,evaluateAsBooleanAsync:()=>Io,evaluateAsNumber:()=>Oo,evaluateAsNumberAsync:()=>No,evaluateAsType:()=>Fo,evaluateAsTypeAsync:()=>Wo,evaluateAsync:()=>To,extractVariableNames:()=>Qo,featureFlagsStore:()=>ea,fetchCurrentPatient:()=>oo,fhirBaseUrl:()=>bn,filterBreadcrumbs:()=>nn,finishRegisteringAllApps:()=>Qi,fireOpenmrsEvent:()=>ro,formatDate:()=>Cl,formatDatetime:()=>zl,formatDuration:()=>Bl,formatPartialDate:()=>kl,formatPatientName:()=>Uu,formatTime:()=>xl,formattedName:()=>Hu,generateOfflineUuid:()=>Ft,getAssignedExtensions:()=>Da,getAsyncExtensionLifecycle:()=>Fr,getAsyncLifecycle:()=>Or,getAttachmentByUuid:()=>Qn,getAttachments:()=>Kn,getBreadcrumbs:()=>Ze,getBreadcrumbsFor:()=>tn,getConfig:()=>ge,getConfigStore:()=>K,getCoreTranslation:()=>Vn,getCurrentImportMap:()=>Xn,getCurrentOfflineMode:()=>dt,getCurrentUser:()=>xn,getDefaultCalendar:()=>Al,getDefaultsFromConfigSchema:()=>Vg,getDynamicOfflineDataEntries:()=>Lt,getDynamicOfflineDataEntriesFor:()=>Vt,getDynamicOfflineDataHandlers:()=>jt,getExtensionConfig:()=>oe,getExtensionConfigFromExtensionSlotStore:()=>re,getExtensionConfigFromStore:()=>ae,getExtensionInternalStore:()=>ua,getExtensionNameFromId:()=>ka,getExtensionRegistration:()=>wa,getExtensionRegistrationFrom:()=>Ca,getExtensionSlotConfig:()=>ee,getExtensionSlotConfigFromStore:()=>ne,getExtensionSlotsConfigStore:()=>Z,getExtensionStore:()=>ma,getExtensionsConfigStore:()=>te,getFeatureFlag:()=>oa,getFhirServerPaginationHandlers:()=>pi,getFullSynchronizationItems:()=>St,getFullSynchronizationItemsFor:()=>Et,getGlobalStore:()=>M,getGroupByWindowName:()=>Ka,getHistory:()=>dn,getLifecycle:()=>Ir,getLocale:()=>al,getLocations:()=>co,getLoggedInUser:()=>Dn,getModalRegistration:()=>ja,getOfflineDb:()=>ht,getOfflinePatientDataStore:()=>Zt,getOfflineSynchronizationStore:()=>At,getOmrsServiceWorker:()=>at,getOpenedWindowIndexByWorkspace:()=>Za,getPatientName:()=>Vu,getPromptBeforeClosingFcn:()=>Rm,getRegisteredWorkspace2Names:()=>tg,getSessionLocation:()=>Tn,getSessionStore:()=>zn,getStartedVisit:()=>$o,getSyncLifecycle:()=>Nr,getSynchronizationItem:()=>Mt,getSynchronizationItems:()=>Bt,getSynchronizationItemsFor:()=>zt,getTranslationOverrides:()=>he,getVisitStore:()=>ho,getVisitTypes:()=>uo,getVisitsForPatient:()=>Ao,getWindowByWorkspaceName:()=>Qa,getWorkspaceGroupRegistration:()=>Xa,getWorkspaceGroupStore:()=>i_,getWorkspaceRegistration:()=>Ha,getWorkspaceStore:()=>Km,goBackInHistory:()=>un,iconIds:()=>Tl,implementerToolsConfigStore:()=>ie,importDynamic:()=>Un,inRange:()=>Le,integrateBreakpoints:()=>cs,interpolateString:()=>rn,interpolateUrl:()=>an,isDesktop:()=>vi,isDevEnabled:()=>Nn,isOfflineUuid:()=>Wt,isOmrsDateStrict:()=>fl,isOmrsDateToday:()=>ml,isOnline:()=>ia,isOpenmrsAppRoutes:()=>rs,isOpenmrsRoutes:()=>is,isUrl:()=>Re,isUrlWithTemplateParameters:()=>Ve,isVersionSatisfied:()=>Xg,jsep:()=>ko.A,launchWorkspace:()=>jm,launchWorkspace2:()=>Y_,launchWorkspaceGroup:()=>Wm,launchWorkspaceGroup2:()=>X_,leftNavStore:()=>Oa,loadLifeCycles:()=>Ri,localStorageRoutesPrefix:()=>Li,makeUrl:()=>vn,messageOmrsServiceWorker:()=>lt,navigate:()=>sn,navigateAndLaunchWorkspace:()=>qm,offlineUuidPrefix:()=>Nt,omrsOfflineCachingStrategyHttpHeaderName:()=>st,omrsOfflineResponseBodyHttpHeaderName:()=>rt,omrsOfflineResponseStatusHttpHeaderName:()=>it,oneOf:()=>Ue,openmrsComponentDecorator:()=>Pr,openmrsFetch:()=>An,openmrsObservableFetch:()=>$n,parseDate:()=>hl,pictogramIds:()=>Sf,preloadImport:()=>Hn,processConfig:()=>be,promptBeforeClosing:()=>Vm,promptForClosingWorkspaces:()=>K_,provide:()=>_e,putDynamicOfflineData:()=>Rt,putDynamicOfflineDataFor:()=>Ut,queueSynchronizationItem:()=>xt,queueSynchronizationItemFor:()=>wt,refetchCurrentUser:()=>Bn,registerApp:()=>Yi,registerBreadcrumb:()=>Qe,registerBreadcrumbs:()=>Ke,registerDefaultCalendar:()=>vl,registerExtension:()=>xa,registerExtensionSlot:()=>Ta,registerFeatureFlag:()=>na,registerGlobalStore:()=>S,registerModal:()=>Ga,registerModuleLoad:()=>ue,registerModuleWithConfigSystem:()=>de,registerOfflinePatientHandler:()=>eo,registerOmrsServiceWorker:()=>ot,registerTranslationNamespace:()=>fe,registerWorkspace:()=>Va,registerWorkspaceGroup:()=>Ra,registerWorkspaceGroups2:()=>er,registerWorkspaceWindows2:()=>nr,registerWorkspaces2:()=>tr,removeDynamicOfflineData:()=>Ht,removeDynamicOfflineDataFor:()=>Xt,removeRoutesOverride:()=>ts,renderActionableNotifications:()=>Eu,renderExtension:()=>ar,renderInlineNotifications:()=>xu,renderLoadingSpinner:()=>Eg,renderSnackbars:()=>$m,renderToasts:()=>Mm,renderWorkspaceWindowsAndMenu:()=>qg,reportError:()=>$,reset:()=>Ia,resetAllRoutesOverrides:()=>os,resetConfigSystem:()=>Ge,resetWorkspaceStore:()=>r_,restBaseUrl:()=>hn,retry:()=>Jg,runSynchronization:()=>$t,saveVisit:()=>yo,selectPreferredName:()=>Xu,sessionEndpoint:()=>yn,sessionStore:()=>Cn,setCurrentOfflineMode:()=>ut,setCurrentVisit:()=>bo,setFeatureFlag:()=>ra,setLeftNav:()=>Na,setSessionLocation:()=>Pn,setUserLanguage:()=>En,setUserProperties:()=>In,setupApiModule:()=>Wn,setupDynamicOfflineDataHandler:()=>qt,setupHistory:()=>pn,setupModals:()=>au,setupOfflineSync:()=>It,shallowEqual:()=>w,showActionableNotification:()=>Bu,showModal:()=>ru,showNotification:()=>zu,showSnackbar:()=>km,showToast:()=>Dm,showWorkspacePrompts:()=>o_,slugify:()=>Rn,subscribeActionableNotificationShown:()=>y,subscribeConnectivity:()=>i,subscribeConnectivityChanged:()=>r,subscribeNotificationShown:()=>b,subscribeOpenmrsEvent:()=>io,subscribePrecacheStaticDependencies:()=>c,subscribeSnackbarShown:()=>A,subscribeTo:()=>D,subscribeToFeatureFlag:()=>aa,subscribeToastShown:()=>v,syncAllDynamicOfflineData:()=>Jt,syncDynamicOfflineData:()=>Yt,syncOfflinePatientData:()=>no,temporaryConfigStore:()=>Y,toDateObjectStrict:()=>_l,toLocationObject:()=>lo,toOmrsIsoString:()=>gl,toVisitTypeObject:()=>po,translateFrom:()=>Ln,tryRegisterExtension:()=>Hi,unsetLeftNav:()=>Fa,updateExtensionSlotState:()=>Pa,updateInternalExtensionStore:()=>fa,updateVisit:()=>vo,updateWorkspaceWindowState:()=>Zm,useAbortController:()=>Wr,useAppContext:()=>jr,useAssignedExtensionIds:()=>qr,useAssignedExtensions:()=>gr,useAttachments:()=>Lr,useBodyScrollLock:()=>Vr,useConfig:()=>Xr,useConnectedExtensions:()=>Jr,useConnectivity:()=>Yr,useDebounce:()=>Qr,useDefineAppContext:()=>kr,useEmrConfiguration:()=>ei,useExtensionInternalStore:()=>ni,useExtensionSlot:()=>hr,useExtensionSlotMeta:()=>ti,useExtensionSlotStore:()=>_r,useExtensionStore:()=>oi,useFeatureFlag:()=>ai,useFhirFetchAll:()=>gi,useFhirInfinite:()=>hi,useFhirPagination:()=>ci,useForceUpdate:()=>ri,useLayoutType:()=>yi,useLeftNav:()=>Ai,useLeftNavStore:()=>$i,useLocations:()=>ki,useOnClickOutside:()=>Ci,useOnVisible:()=>wi,useOpenmrsFetchAll:()=>mi,useOpenmrsInfinite:()=>ui,useOpenmrsPagination:()=>ii,useOpenmrsSWR:()=>xi,usePagination:()=>Ei,usePaginationInfo:()=>Bi,usePatient:()=>Mi,usePatientPhoto:()=>yf,usePrimaryIdentifierCode:()=>Di,useRenderableExtensions:()=>Ti,useSession:()=>qi,useStore:()=>ur,useStoreWithActions:()=>fr,useVisit:()=>Wi,useVisitContextStore:()=>Fi,useVisitTypes:()=>Gi,useWorkspace2Context:()=>ng,useWorkspace2Store:()=>eg,useWorkspaces:()=>t_,userHasAccess:()=>Mn,validator:()=>q,validators:()=>He,workspace2Store:()=>Ya,workspaceStore:()=>Qm});const o="openmrs:connectivity-changed";function a(e){window.dispatchEvent(new CustomEvent(o,{detail:{online:e}}))}function r(e){if(!window.offlineEnabled)return()=>{};const n=n=>e(n.detail);return window.addEventListener(o,n),()=>window.removeEventListener(o,n)}function i(e){return e({online:!window.offlineEnabled||navigator.onLine}),r(e)}const s="openmrs:precache-static-dependencies";function l(e={}){window.dispatchEvent(new CustomEvent(s,{detail:e}))}function c(e){const n=n=>e(n.detail);return window.addEventListener(s,n),()=>window.removeEventListener(s,n)}const p="openmrs:notification-shown",d="openmrs:actionable-notification-shown",u="openmrs:toast-shown",f="openmrs:snack-bar-shown";function m(e){window.dispatchEvent(new CustomEvent(p,{detail:e}))}function _(e){window.dispatchEvent(new CustomEvent(d,{detail:e}))}function g(e){window.dispatchEvent(new CustomEvent(f,{detail:e}))}function h(e){window.dispatchEvent(new CustomEvent(u,{detail:e}))}function b(e){const n=n=>e(n.detail);return window.addEventListener(p,n),()=>window.removeEventListener(p,n)}function y(e){const n=n=>e(n.detail);return window.addEventListener(d,n),()=>window.removeEventListener(d,n)}function v(e){const n=n=>e(n.detail);return window.addEventListener(u,n),()=>window.removeEventListener(u,n)}function A(e){const n=n=>e(n.detail);return window.addEventListener(f,n),()=>window.removeEventListener(f,n)}function $(e){const n=C(e);setTimeout((()=>{throw n}))}function k(){const e=Error();return n=>{C(n).stack+=`\nAsync stacktrace:\n${e.stack}`,$(n)}}function C(e){let n;if(e instanceof Error)return e;if(null===e)return Error("'null' was thrown as an error");if("object"==typeof e){try{n=`Object thrown as error: ${JSON.stringify(e)}`}catch(t){n=`Object thrown as error with the following properties: ${Object.keys(e)}`}return Error(n)}return void 0===e?Error("'undefined' was thrown as an error"):Error(e.toString())}function w(e,n){if(e===n||Object.is(e,n))return!0;if(Array.isArray(e)){if(!Array.isArray(n))return!1;if(e.length!==n.length)return!1;for(let t=0;t<e.length;t++)if(e[t]!==n[t])return!1;return!0}if(Array.isArray(n))return!1;if("object"!=typeof e||null===e||"object"!=typeof n||null===n)return!1;const t=Object.getOwnPropertyNames(e),o=Object.getOwnPropertyNames(n);return t.length===o.length&&t.every((t=>e[t]===n[t]))}window.onerror=function(e){return console.error("Unexpected error: ",e),h({description:e??"Oops! An unexpected error occurred.",kind:"error",title:"Error"}),!1},window.onunhandledrejection=function(e){console.error("Unhandled rejection: ",e.reason),h({description:e.reason??"Oops! An unhandled promise rejection occurred.",kind:"error",title:"Error"})};var x=t(19167);function z(){try{return"undefined"!=typeof process&&("true"===process.env.VITEST||void 0!==process.env.JEST_WORKER_ID)||"undefined"!=typeof globalThis&&("__vitest_worker__"in globalThis||"__jest__"in globalThis)}catch{return!1}}const E={};function B(e,n){const t=E[e];if(t)return t.active?z()||console.error(`Attempted to override the existing store ${e}. Make sure that stores are only created once.`):t.value.setState(n,!0),t.active=!0,t.value;{const t=(0,x.y)()((()=>n));return E[e]={value:t,active:!0},t}}function S(e,n){const t=E[e];return t?(t.active?z()||console.error(`Attempted to override the existing store ${e}. Make sure that stores are only created once.`):t.value=n,t.active=!0,t.value):(E[e]={value:n,active:!0},n)}function M(e,n){const t=E[e];if(!t){const t=(0,x.y)()((()=>n??{}));return E[e]={value:t,active:!1},t}return t.value}function D(...e){const[n,t,o]=e,a=void 0===o?t:o,r=void 0===o?e=>e:t;let i=r(n.getState());return a(i),n.subscribe((e=>{const n=r(e);w(i,n)||(i=n,a(n))}))}globalThis.setTimeout?.((()=>{"undefined"!=typeof window&&"development"===window.spaEnv&&(window.stores=E)}),1e3);var T=t(11156),P=t(87633),I=t(23591),O=t(25778),N=t(74838),F=t(42411),W=t(88382),G=t(24399),j=function(e){return e.Array="Array",e.Boolean="Boolean",e.ConceptUuid="ConceptUuid",e.Number="Number",e.Object="Object",e.String="String",e.UUID="UUID",e.PersonAttributeTypeUuid="PersonAttributeTypeUuid",e.PatientIdentifierTypeUuid="PatientIdentifierTypeUuid",e}({});function q(e,n){return t=>{if(!e(t))return"function"==typeof n?n(t):n}}const L=q((e=>Array.isArray(e)),"must be an array"),V=q((e=>"boolean"==typeof e),"must be a boolean"),R=q((e=>"number"==typeof e),"must be a number"),U=q((e=>"string"==typeof e),"must be a string"),H=q((e=>"object"==typeof e&&!Array.isArray(e)&&null!==e),"must be an object (not an array or null)"),X=q((e=>/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(e)||/^[0-9a-f]{36}$/i.test(e)),"must be a valid UUID or a 36-character hexadecimal string"),J=B("config-internal",{providedConfigs:[],schemas:{},moduleLoaded:{}}),Y=B("temporary-config",{config:function(){try{return JSON.parse(localStorage.getItem("openmrs:temporaryConfig")||"{}")}catch(e){return{}}}()});Y.subscribe((e=>{var n;n=e.config,localStorage.setItem("openmrs:temporaryConfig",JSON.stringify(n))}));const Q=B("config-store-of-extension-state",{mountedExtensions:[]});function K(e){return M(`config-module-${e}`,{config:null,loaded:!1,translationOverridesLoaded:!1})}function Z(){return M("config-extension-slots",{slots:{}})}function ee(e){return ne(Z().getState(),e)}function ne(e,n){return e.slots[n]??{loaded:!1,config:{}}}function te(){return M("config-extensions",{configs:{}})}function oe(e,n){if("string"!=typeof e||"string"!=typeof n||"__proto__"===e||"__proto__"===n||"constructor"===e||"constructor"===n||"prototype"===e||"prototype"===n)throw new Error("Attempted to call `getExtensionConfig()` with invalid argument");const t=te(),o=t=>t.configs[e]?.[n];return{getInitialState:()=>o(t.getInitialState()),getState:()=>o(t.getState())??{loaded:!1,config:null},setState(o,a=!1){t.setState((t=>{t.configs[e]||(t.configs[e]={});const r="function"==typeof o?o(t.configs.slotName[n]):o;return t.configs[e][n]=a?Object.assign({},r):Object.assign({},t.configs[e][n],r),t}))},subscribe:e=>t.subscribe(((n,t)=>{const a=o(n),r=o(t);w(a,r)||e(a,r)})),destroy(){}}}function ae(e,n,t){const o=e.configs[n]?.[t];return o??{loaded:!1,config:null}}function re(e,n,t){const o=e.configure?.[t];return o??null}const ie=B("config-implementer-tools",{config:{}}),se=[];function le(){const e=J.getState(),n=Y.getState(),t=Q.getState();!function(e,n){for(let t of Object.keys(e.schemas)){const o=K(t);let a;a=e.moduleLoaded[t]?{translationOverridesLoaded:!0,loaded:!0,config:we(t,e,n)}:{translationOverridesLoaded:!0,loaded:!1,config:xe(t,e,n)},o.setState(a)}}(e,n),function(e,n){const t=ie.getState(),o=function(e,n){let t=ve((0,W.A)(e.schemas));const o=[...e.providedConfigs.map((e=>[e.config,e.source])),[n.config,"temporary config"]];for(let[e,n]of o)t=Ee([t,Ae(e,n)]);return t}(e,n),a={config:o};(0,O.A)(t.config,a.config)||ie.setState(a)}(e,n),function(e,n){const t=function(e,n){const t=Ee(ke(e,n)),o=Object.keys(t).reduce(((e,n)=>(t[n]?.extensionSlots&&(e[n]=t[n]?.extensionSlots),e)),{});!function(e){for(let[n,t]of Object.entries(e))for(let[e,o]of Object.entries(t))$e(o,n,e)}(o);return Object.keys(o).reduce(((e,n)=>({...e,...o[n]})),{})}(e,n),o=Object.fromEntries(Object.entries(t).map((([e,n])=>[e,{loaded:!0,config:n}]))),a=Z(),r=a.getState(),i={slots:{...r.slots,...o}};(0,O.A)(r.slots,i.slots)||a.setState(i)}(e,n),function(e,n,t){const o={};for(let a of n.mountedExtensions){const n=ye(a.slotModuleName,a.extensionModuleName,a.slotName,a.extensionId,e,t);o[a.slotName]||(o[a.slotName]={}),o[a.slotName][a.extensionId]={config:n,loaded:!0}}const a=te(),r=a.getState(),i={configs:o};(0,O.A)(r.configs,i.configs)||a.setState(i)}(e,t,n)}function ce(){le(),se.push(J.subscribe(le)),se.push(Y.subscribe(le)),se.push(Q.subscribe(le))}function pe(e,n){Ce(e,n);const t=(0,N.A)(n,qe);J.setState((n=>({...n,schemas:{...n.schemas,[e]:t},moduleLoaded:{...n.moduleLoaded,[e]:!0}})))}function de(e){J.setState((n=>({...n,schemas:{...n.schemas,[e]:qe}})))}function ue(e){J.setState((n=>({...n,moduleLoaded:{...n.moduleLoaded,[e]:!0}})))}function fe(e){J.setState((n=>({...n,schemas:{...n.schemas,[e]:je}})))}function me(e,n){Ce(e,n);const t=(0,N.A)(n,qe);J.getState().schemas[e]&&console.error(`Config schema for extension ${e} already exists. If there are multiple extensions with this same name, one will probably crash.`),J.setState((n=>({...n,schemas:{...n.schemas,[e]:t}})))}function _e(e,n="provided"){J.setState((t=>({...t,providedConfigs:[...t.providedConfigs,{source:n,config:e}]})))}function ge(e){return new Promise((n=>{const t=K(e);function o(e){if(e.loaded&&e.config){const t=(0,F.A)(["Display conditions","Translation overrides"],e.config);n(t),a&&a()}}o(t.getState());const a=t.subscribe(o)}))}function he(e,n,t){const o=[new Promise((n=>{const t=K(e);function o(e){if(e.translationOverridesLoaded&&e.config){const t=e.config["Translation overrides"]??{};n(t),a&&a()}}o(t.getState());const a=t.subscribe(o)}))];return n&&t&&o.push(new Promise((e=>{const o=oe(n,t);function a(n){if(n.loaded&&n.config){const t=n.config["Translation overrides"]??{};e(t),r&&r()}}a(o.getState());const r=o.subscribe(a)}))),Promise.all(o)}function be(e,n,t){Be(e,n,t);const o=Pe(e,n);return Me(e,o,t),o}function ye(e,n,t,o,a,r){const i=function(e){const[n]=e.split("#");return n}(o),s=a.schemas[i],l=s?i:n,c=ke(a,r),p=ze(e,c),d=p?.extensionSlots?.[t]?.configure?.[o]??{},u=Ee([ze(l,c),d]),f=s??a.schemas[n];Be(f,u,l);const m=Pe(f,u);return Me(f,m,l),delete m.extensionSlots,m}function ve(e){return e.hasOwnProperty("_default")?{...e,_value:e._default,_source:"default"}:Oe(e)?Object.keys(e).reduce(((n,t)=>(n[t]=ve(e[t]),n)),{}):{}}function Ae(e,n){return Oe(e)?Object.keys(e).reduce(((t,o)=>(t[o]=Ae(e[o],n),t)),{}):{_value:e,_source:n}}function $e(e,n,t){const o=`${n}.extensionSlots.${t}`,a=`Extension slot config '${o}'`,r=Object.keys(e).filter((e=>!["add","remove","order","configure"].includes(e)));r.length&&Fe(o,a+`' contains invalid keys '${r.join("', '")}'`),e.add&&(Array.isArray(e.add)&&e.add.every((e=>"string"==typeof e))||Fe(o,a+".add' is invalid. Must be an array of strings (extension IDs)")),e.remove&&(Array.isArray(e.remove)&&e.remove.every((e=>"string"==typeof e))||Fe(o,a+".remove' is invalid. Must be an array of strings (extension IDs)")),e.order&&(Array.isArray(e.order)&&e.order.every((e=>"string"==typeof e))||Fe(o,a+".order' is invalid. Must be an array of strings (extension IDs)")),e.configure&&(Oe(e.configure)||Fe(o,a+".configure' is invalid. Must be an object with extension IDs for keys"))}function ke(e,n){return[...e.providedConfigs.map((e=>e.config)),n.config]}function Ce(e,n,t=""){const o="Please verify that you are running the latest version and, if so, alert the maintainer.";for(const a of Object.keys(n).filter((e=>!e.startsWith("_")))){const r=t+(t&&".")+a,i=n[a];if("Display conditions"===r&&console.error(`${e} declares a configuration option called "Display conditions"; the "Display conditions" option is a reserved name. ${o}`),"Translation overrides"===r&&console.error(`${e} declares a configuration option called "Translation overrides"; the "Translation overrides" option is a reserved name. ${o}`),!Oe(i)){console.error(`${e} has bad config schema definition for key '${r}'. ${o}`);continue}i.hasOwnProperty("_default")||Ce(e,i,r);const s=i._elements;if(Ie(s)&&Ce(e,s,r+"._elements"),i._validators)for(let n of i._validators)"function"!=typeof n&&console.error(`${e} has invalid validator for key '${r}' ${o}.\n\nIf you're the maintainer: validators must be functions that return either undefined or an error string. Received ${n}.`);const l=i._type;l&&!Object.values(j).includes(l)&&console.error(`${e} has invalid type for key '${r}' ${o}.\n\nIf you're the maintainer: the allowed types are ${Object.values(j).join(", ")}. Received '${l}'`),Object.keys(i).every((e=>["_description","_validators","_elements","_type"].includes(e)))&&!t.includes("._elements")&&console.error(`${e} has bad config schema definition for key '${r}'. ${o}.\n\nIf you're the maintainer: all config elements must have a default. Received ${JSON.stringify(i)}`),s&&l&&![j.Array,j.Object].includes(l)&&console.error(`${e} has bad config schema definition for key '${r}'. ${o}.\n\nIf you're the maintainer: the 'elements' key only works with '_type' equal to 'Array' or 'Object'. Received ${JSON.stringify(l)}`)}}function we(e,n,t){const o=n.schemas[e],a=ze(e,ke(n,t));Be(o,a,e);const r=Pe(o,a);return Me(o,r,e),delete r.extensionSlots,r}function xe(e,n,t){const o=ze(e,ke(n,t)),a=Pe(qe,o);return Me(qe,a,e),delete a.extensionSlots,a}function ze(e,n){return Ee(n.map((({[e]:n})=>n)).filter((e=>!!e)))}function Ee(e){return(0,G.A)(N.A)({},e)}function Be(e,n,t=""){for(const o of Object.keys(n)){const a=n[o],r=t+"."+o,i=e[o];e.hasOwnProperty(o)?Se(i,a,r):"extensionSlots"===o&&""!==t||Fe(r,`Unknown config key '${r}' provided. Ignoring.`)}}function Se(e,n,t){De(t,e._type,n),Oe(n)?e._type===j.Object?function(e,n,t){if(e._elements)for(const o of Object.keys(n)){const a=n[o];Se(e._elements,a,`${t}.${o}`)}}(e,n,t):e.hasOwnProperty("_default")||e.hasOwnProperty("_type")||Be(e,n,t):e._type===j.Array&&function(e,n,t){if(De(t,j.Array,n)){if(Ie(e._elements))for(let o=0;o<n.length;o++)Se(e._elements,n[o],`${t}[${o}]`);for(let o=0;o<n.length;o++)De(`${t}[${o}]`,e._elements?._type,n[o])}}(e,n,t)}function Me(e,n,t=""){if(e)if(n!==e._default&&Te(t,e._validators,n),Oe(n))for(const o of Object.keys(n)){const a=n[o],r=t+"."+o,i=e[o];e._type===j.Object&&e._elements?Me(e._elements,a,r):Me(i,a,r)}else if(Array.isArray(n)&&e._elements)for(let o=0;o<n.length;o++)Me(e._elements,n[o],`${t}[${o}]`)}function De(e,n,t){return!n||Te(e,[{Array:L,Boolean:V,ConceptUuid:X,Number:R,Object:H,String:U,UUID:X,PersonAttributeTypeUuid:X,PatientIdentifierTypeUuid:X}[n]],t)}function Te(e,n,t){let o=!0;if(n)try{for(let a of n){const n=a(t);"string"==typeof n&&(Fe(e,"object"==typeof t?`Invalid configuration for ${e}: ${n}`:`Invalid configuration value ${t} for ${e}: ${n}`),o=!1)}}catch(n){console.error(`Skipping invalid validator at "${e}". Encountered error\n\t${n}`)}return o}ce();const Pe=(e,n)=>{const t=(0,W.A)(n);if(!e)return t;for(const n of Object.keys(e)){const o=t[n],a=e[n];if(a&&(a.hasOwnProperty("_type")||a.hasOwnProperty("_default"))){t.hasOwnProperty(n)||(t[n]=a._default);const e=a._elements;if(o&&Ie(e))if(a._type===j.Array&&Array.isArray(o)){const a=o.map((n=>Pe(e,n)));t[n]=a}else if(a._type===j.Object)for(let n of Object.keys(o))o[n]=Pe(e,o[n])}else if(Oe(a)){const e=o??{};Oe(e)&&(t[n]=Pe(a,e))}}return t};function Ie(e){return!!e&&Object.keys(e).filter((e=>!["_default","_validators"].includes(e))).length>0}function Oe(e){return"object"==typeof e&&!Array.isArray(e)&&null!==e}let Ne=new Set;function Fe(e,n){const t=`${e}:::${n}`;Ne||(Ne=new Set),Ne.has(t)||(console.error(n),Ne.add(t))}function We(e){e?Ne.forEach((n=>{n.startsWith(e)&&Ne.delete(n)})):Ne.clear()}function Ge(){se.forEach((e=>e())),se.length=0,ce()}const je={"Translation overrides":{_description:"Per-language overrides for frontend translations should be keyed by language code and each language dictionary contains the translation key and the display value",_type:j.Object,_default:{},_validators:[q((e=>Object.keys(e).every((e=>/^[a-z]{2,3}(-[A-Z]{2,3})?$/.test(e)))),(e=>`The 'Translation overrides' object should have language codes for keys. Language codes must be in the form of a two-to-three letter language code optionally followed by a hyphen and a two-to-three letter country code. The following keys do not conform: ${Object.keys(e).filter((e=>!/^[a-z]{2,3}(-[A-Z]{2,3})?$/.test(e))).join(", ")}.`))]}},qe={"Display conditions":{privileges:{_description:"The privilege(s) the user must have to use this extension",_type:j.Array,_default:[]},expression:{_description:"The expression that determines whether the extension is displayed",_type:j.String,_default:void 0}},...je},Le=(e,n)=>q((t=>e<=t&&t<=n),`must be between ${e} and ${n}`),Ve=e=>{const n=e.concat(["openmrsBase","openmrsSpaBase"]);return q((e=>{if(!e||"string"!=typeof e)return!1;const t=/\${(.*?)}/g;let o=t.exec(e);for(;o;){if(!n.includes(o[1]))return!1;o=t.exec(e)}return!0}),"Should be a URL or path. The allowed template parameters are "+n.map((e=>"${"+e+"}")).join(", "))},Re=Ve([]),Ue=e=>q((n=>e.includes(n)),`Must be one of the following: '${e.join("', '")}'.`),He={inRange:Le,isUrl:Re,isUrlWithTemplateParameters:Ve,oneOf:Ue};var Xe=t(61809);const Je=B("breadcrumbs",[]);function Ye(e){return e.matcher instanceof RegExp?e.matcher:"string"==typeof e.matcher?(0,Xe.MM)(e.matcher):(0,Xe.MM)(e.path)}function Qe(e){return Ke([e])}function Ke(e){const n=[...Ze(),...e.map((e=>({matcher:Ye(e),settings:e})))];Je.setState(n,!0)}function Ze(){return Je.getState()}function en(e,n){if(n)return function(e,n){const[t]=e.filter((e=>e.matcher.test(n)));return t}(e,n)||function(e,n){const t=n.split("/");for(;t.length>1;){t.pop();const n=en(e,t.join("/"));if(n)return n}}(e,n)}function nn(e,n){if(e.length>0){const t=en(e,n);if(t){const n=[t];let o=en(e,t.settings.parent);for(;void 0!==o;)n.push(o),o=en(e,o.settings.parent);return n.reverse()}}return[]}function tn(e){return nn(Ze(),e)}var on=t(62267);function an(e,n){const t=window.getOpenmrsSpaBase().replace(/\/$/,"");return rn(e,{openmrsBase:window.openmrsBase,openmrsSpaBase:t,...n}).replace(/^\/\//,"/")}function rn(e,n){return Object.keys(n).reduce(((e,t)=>e.split("${"+t+"}").join(n[t])),e)}function sn({to:e,templateParams:n}){const t=window.getOpenmrsSpaBase().replace(/\/$/,""),o=an(e,n).replace(window.location.origin,"");o.startsWith(t)?(0,on.EH)(o):window.location.assign(o)}const ln="openmrs:history";function cn(e){let n=JSON.parse(sessionStorage.getItem(ln)??"[]")||[];n.push(e),n.length>50&&(n=n.slice(-50)),sessionStorage.setItem(ln,JSON.stringify(n))}function pn(){0===JSON.parse(sessionStorage.getItem(ln)??"[]").length&&document.referrer&&cn(document.referrer),window.addEventListener("single-spa:routing-event",(e=>{const n=dn();"replaceState"==e.detail.originalEvent?.singleSpaTrigger?(n[n.length-1]=window.location.href,sessionStorage.setItem(ln,JSON.stringify(n))):!e.detail.originalEvent?.singleSpa&&n.includes(window.location.href)?un({toUrl:window.location.href}):n[n.length-1]!==window.location.href&&cn(window.location.href)}))}function dn(){return JSON.parse(sessionStorage.getItem(ln)??"[]")}function un({toUrl:e}){const n=dn(),t=n.lastIndexOf(e);if(-1==t)throw new Error(`URL ${e} not found in history; cannot go back to it.`);{const e=n.slice(0,t+1);sn({to:n[t]}),sessionStorage.setItem(ln,JSON.stringify(e))}}function fn(){sessionStorage.removeItem(ln)}const mn="${openmrsSpaBase}/login",_n={redirectAuthFailure:{enabled:{_type:j.Boolean,_default:!0,_description:"Whether to redirect logged-out users to `redirectAuthFailure.url`"},url:{_type:j.String,_default:mn,_validators:[He.isUrl],_description:"The url to which users will be redirected when they are logged out. If set to blank, the `location` header from the response will be used."},errors:{_type:j.Array,_default:[401],_elements:{_type:j.Number,_validators:[He.inRange(100,600)]},_description:"The HTTP error codes for which users will be redirected"},resolvePromise:{_type:j.Boolean,_default:!1,_description:"Changes how requests that fail authentication are handled. Try messing with this if redirects to the login page aren't working correctly."}},followRedirects:{_type:j.Boolean,_default:!0,_description:"Whether openmrsFetch should support redirects returned from the backend"}};function gn(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}const hn="/ws/rest/v1",bn="/ws/fhir2/R4",yn=`${hn}/session`;function vn(e){return e&&e.startsWith("http")?e:("/"!==e[0]&&(e="/"+e),window.openmrsBase+e)}function An(e,n={}){if("string"!=typeof e)throw Error("The first argument to @openmrs/api's openmrsFetch function must be a url string");if("object"!=typeof n)throw Error("The second argument to @openmrs/api's openmrsFetch function must be a plain object.");if(!window.openmrsBase)throw Error("@openmrs/api is running in a browser that doesn't have window.openmrsBase, which is provided by openmrs-module-spa's HTML file.");let t=vn(e);if(n.headers||(n.headers={}),(0,I.A)(n.body)&&(n.body=JSON.stringify(n.body)),void 0===n.headers.Accept&&(n.headers.Accept="application/json"),null===n.headers.Accept&&delete n.headers.Accept,e.startsWith(hn)&&void 0===n.headers["Disable-WWW-Authenticate"]&&(n.headers["Disable-WWW-Authenticate"]="true"),e.startsWith(bn)){const e=new URL(t,window.location.toString());e.searchParams.has("_summary")||(e.searchParams.set("_summary","data"),t=e.toString())}const o=Error();return window.fetch(t,n).then((async e=>{const n=e,{redirectAuthFailure:a,followRedirects:r}=await ge("@openmrs/esm-api");if(n.ok){if(204===n.status){if(r&&n.headers.has("location")){const e=n.headers.get("location");e&&sn({to:e})}return n.data=null,n}return n.clone().text().then((e=>{try{e&&(n.data=JSON.parse(e))}catch(e){}return n}))}return t===vn(yn)&&403===n.status||a.enabled&&a.errors.includes(n.status)?(fn(),sn({to:a.url||n.headers.get("location")||mn}),a.resolvePromise?Promise.resolve():new Promise((()=>{}))):n.clone().text().then((e=>{let a=e;try{a=JSON.parse(e)}catch(e){}throw new kn(t,n,a,o)}),(e=>{throw new kn(t,n,null,o)}))}))}function $n(e,n={}){if("object"!=typeof n)throw Error("The second argument to openmrsObservableFetch must be either omitted or an object");const t=new AbortController;return n.signal=t.signal,new P.Observable((o=>{let a=!1;return An(e,n).then((e=>{a=!0,o.next(e),o.complete()}),(e=>{a=!0,o.error(e)})),()=>{a||t.abort()}}))}class kn extends Error{constructor(e,n,t,o){super(),gn(this,"response",void 0),gn(this,"responseBody",void 0),this.message=`Server responded with ${n.status} (${n.statusText}) for url ${e}. Check err.responseBody or network tab in dev tools for more info`,o.message=this.message,this.responseBody=t,this.response=n,this.stack=`Stacktrace for outgoing request:\n${o.stack}\nStacktrace for incoming response:\n${this.stack}`}}const Cn=B("session",{loaded:!1,session:null});let wn=0;function xn(e={includeAuthStatus:!0}){return(wn<Date.now()-6e4||!Cn.getState().loaded)&&Bn(),new P.Observable((n=>{const t=t=>{t.loaded&&(e.includeAuthStatus?n.next(t.session):n.next(t.session?.user))};return t(Cn.getState()),Cn.subscribe(t)}))}function zn(){return(wn<Date.now()-6e4||!Cn.getState().loaded)&&Bn(),Cn}function En(e){let n=e.locale??e.user?.userProperties?.defaultLocale;n&&n.includes("_")&&(n=n.replaceAll("_","-")),function(e){if(void 0===e||"string"!=typeof e)return!1;try{new Intl.Locale(e)}catch(e){return!1}return!0}(n)&&n!==document.documentElement.getAttribute("lang")&&document.documentElement.setAttribute("lang",n)}function Bn(e,n){wn=Date.now();let t={};return e&&n&&(t.Authorization=`Basic ${window.btoa(`${e}:${n}`)}`),On(An(yn,{headers:t}))}function Sn(){Cn.setState({loaded:!0,session:{authenticated:!1,sessionId:""}})}function Mn(e,n){return void 0===n?!Boolean(e):!Boolean(e)||function(e,n){return"string"==typeof e?!(0,T.A)(n.privileges.find((n=>e===n.display))):Array.isArray(e)?e.every((e=>!(0,T.A)(n.privileges.find((n=>e===n.display))))):((0,T.A)(e)||console.error(`Could not understand privileges "${e}"`),!0)}(e,n)||function(e){return!(0,T.A)(e.roles.find((e=>"System Developer"===e.display)))}(n)}function Dn(){let e,n;return new Promise((t=>{const o=o=>{o.loaded&&o.session.user&&(e=o.session.user,t(o.session.user),n&&n())};o(Cn.getState()),e||(n=Cn.subscribe(o))}))}function Tn(){return new Promise(((e,n)=>{xn().subscribe((n=>{e(n.sessionLocation)}),n).unsubscribe()}))}async function Pn(e,n){return On(An(yn,{method:"POST",body:{sessionLocation:e},headers:{"Content-Type":"application/json"},signal:n.signal}))}async function In(e,n,t){return t||(t=new AbortController),await An(`${hn}/user/${e}`,{method:"POST",body:{userProperties:n},headers:{"Content-Type":"application/json"},signal:t.signal}),Bn()}function On(e){return new Promise(((n,t)=>{e.then((e=>{let o;"object"==typeof e?.data?(o={loaded:!0,session:e.data},Cn.setState(o),n(o)):(o={loaded:!1,session:null},Cn.setState(o),t(o))})).catch((e=>{$(`Failed to fetch new session information: ${e}`);const n={loaded:!1,session:null};Cn.setState(n),t(n)}))}))}function Nn(){return"development"===window.spaEnv||"true"===localStorage.getItem("openmrs:devtools")}Cn.subscribe((e=>{e.loaded&&e.session&&En(e.session)}));const Fn={"webservices.rest":"2.24.0",fhir2:"1.0.0-SNAPSHOT"};function Wn(){pe("@openmrs/esm-api",_n),Bn()}const Gn={address1:"Address line 1",address2:"Address line 2",address3:"Address line 3",address4:"Address line 4",address5:"Address line 5",address6:"Address line 6",city:"City",cityVillage:"City",country:"Country",countyDistrict:"District",district:"District",postalCode:"Postal code",state:"State",stateProvince:"State",closeAllOpenedWorkspaces:"Discard changes in {{count}} workspaces",closingAllWorkspacesPromptBody:"There may be unsaved changes in the following workspaces. Do you want to discard changes in the following workspaces? {{workspaceNames}}",closingAllWorkspacesPromptTitle:"You have unsaved changes",discard:"Discard",hide:"Hide",maximize:"Maximize",minimize:"Minimize",openAnyway:"Open anyway",unsavedChangesInOpenedWorkspace:"You may have unsaved changes in the opened workspace. Do you want to discard these changes?",unsavedChangesInWorkspace:'There may be unsaved changes in "{{workspaceName}}". Please save them before opening another workspace.',unsavedChangesTitleText:"Unsaved changes",workspaceHeader:"Workspace header",closeWorkspaces2PromptTitle:"Close workspace(s)",closeWorkspaces2PromptBody:"You are about to close the following workspace(s), which might have unsaved changes:",actions:"Actions",actionableNotification:"Actionable notification",address:"Address",age:"Age",cancel:"Cancel",change:"Change",Clinic:"Clinic",close:"Close",closesActionableNotification:"Closes actionable notification",closeSnackbar:"Close snackbar",confirm:"Confirm",contactAdministratorIfIssuePersists:"Contact your system administrator if the problem persists.",contactDetails:"Contact details",delete:"Delete",discardChanges:"Discard changes",edit:"Edit",emptyStateText:"There are no {{displayText}} to display",error:"Error",errorCopy:"Sorry, there was a problem displaying this information. You can try to reload this page, or contact the site administrator and quote the error code above.",errorLoadingLoginLocations:"Unable to load login locations. Please try again or contact support if the problem persists.",female:"Female",leftNavigation:"Left navigation",loading:"Loading",male:"Male",noResultsToDisplay:"No results to display",other:"Other",paginationItemsCount:"{{pageItemsCount}} / {{totalItems}} items",paginationOfPages:"of {{count}} pages",patientAvatarAlt:"Avatar for {{patientName}}",patientIdentifierSticker:"Patient identifier sticker",patientLists:"Patient lists",patientPhotoAlt:"Profile photo of {{patientName}}",patientPhotoPlaceholder:"Photo placeholder for {{patientName}}",print:"Print",printError:"Print error",printErrorExplainer:"An error occurred in {{errorLocation}}",printIdentifierSticker:"Print identifier sticker",printing:"Printing",recordNewEntry:"Record {{displayText}}",relationships:"Relationships",resetOverrides:"Reset overrides",save:"Save",scriptLoadingFailed:"Error: Script failed to load",scriptLoadingError:"Failed to load overridden script from {{url}}. Please check that the bundled script is available at the expected URL. Click the button below to reset all import map overrides.",searchForLocation:"Search for a location",seeAll:"See all",seeMoreLists:"See {{count}} more lists",sex:"Sex",showLess:"Show less",showMore:"Show more",snackbarNotification:"Snackbar notification",toggleDevTools:"Toggle dev tools",unknown:"Unknown",yearAbbreviation:"yr",yearsAbbreviation:"yrs"};var jn=t(12279);const qn=jn.Ay.default||jn.Ay;function Ln(e,n,t,o){return qn.t(n,{ns:e,defaultValue:t,...o})}function Vn(e,n,t){return Gn[e]?Ln("core",e,n??Gn[e],t):(console.error(`O3 Core Translations does not provide key '${e}'. The key itself is being rendered as text.`),e)}function Rn(e){return e.replace(/[\/\-@]/g,"_")}async function Un(e,n="./start",o){const a=!o?.maxLoadingTime||o.maxLoadingTime<=0?6e5:o.maxLoadingTime;let r;await Promise.race([Hn(e,o?.importMap),new Promise(((n,t)=>{r=setTimeout((()=>{var n;t(new Error(`Could not resolve requested script, ${e}, within ${n=a,n<1e3?`${n} milliseconds`:n<6e4?`${Math.floor(n/1e3)} seconds`:n<36e5?`${Math.floor(n/6e4)} minutes`:n<864e5?`${Math.floor(n/36e5)} hours`:`${Math.floor(n/864e5)} days`}.`))}),a)}))]),r&&clearTimeout(r);const i=Rn(e),s=window[i];if("object"!=typeof(l=s)||null===l||!("init"in l)||"function"!=typeof l.init||!("get"in l)||"function"!=typeof l.get){const e=`The global variable ${i} does not refer to a federated module`;throw console.error(e),new Error(e)}var l;s.init(t.S.default);const c=(await s.get(n))();if("object"!=typeof c||null===c){const n=`Container for ${e} did not return an ESM module as expected`;throw console.error(n),new Error(n)}return c}async function Hn(e,n){if("string"!=typeof e||0===e.trim().length){const e="Attempted to call importDynamic() without supplying a package to load";throw console.error(e),new Error(e)}const t=Rn(e);if(!window[t]){const t=n??await Xn();if(!t.imports.hasOwnProperty(e)){const n=`Could not find the package ${e} defined in the current importmap`;throw console.error(n),new Error(n)}let o=t.imports[e];o.startsWith("./")&&(o=window.spaBase+o.substring(1));const a=!!window.localStorage.getItem(`import-map-override:${e}`);try{return await new Promise(((e,n)=>{!function(e,n,t){const o=document.head.querySelector(`script[src="${e}"]`);let a=window[Jn];if(a||(a=window[Jn]=new Set([])),o)if(a.has(e)){let e,a,r;r=()=>{e&&o.removeEventListener("load",e),a&&o.removeEventListener("error",a)},e=()=>{r(),n(null)},a=e=>{r(),t(e.message)},o.addEventListener("load",e),o.addEventListener("error",a)}else console.warn(`Script at ${e} already loaded. Not loading it again.`),n(null);else{a.add(e);const o=document.createElement("script");o.src=e,o.type="text/javascript",o.async=!0;const r=setTimeout((()=>{console.error(`The script at ${e} did not load within 5 seconds. This may indicate an issue with the imports in the script's entry-point file or with the script's bundler configuration.`)}),5e3);let i,s,l;l=()=>{clearTimeout(r),a.delete(e),i&&o.removeEventListener("load",i),s&&o.removeEventListener("error",s)},i=()=>{l(),n(null)},s=n=>{l();const o=`Failed to load script from ${e}`;console.error(o,n),t(n.message??o)},o.addEventListener("load",i),o.addEventListener("error",s),document.head.appendChild(o)}}(o,e,n)}))}catch(e){return a&&h({kind:"error",title:Vn("scriptLoadingFailed","Error: Script failed to load"),description:Vn("scriptLoadingError","Failed to load overridden script from {{- url}}. Please check that the bundled script is available at the expected URL. Click the button below to reset all import map overrides.",{url:o}),actionButtonLabel:Vn("resetOverrides","Reset overrides"),onActionButtonClick(){window.importMapOverrides.resetOverrides(),window.location.reload()}}),Promise.reject(e)}}return Promise.resolve()}async function Xn(){return window.importMapOverrides.getCurrentPageMap()}qn.on("initialized",(function(){window.i18next.loadNamespaces(["core"])}));const Jn=Symbol("__openmrs_script_loading"),Yn=`${hn}/attachment`;function Qn(e,n){return An(`${Yn}/${e}`,{signal:n.signal})}function Kn(e,n,t){return An(`${Yn}?patient=${e}&includeEncounterless=${n}`,{signal:t.signal})}async function Zn(e,n){const t=new FormData;return t.append("fileCaption",n.fileDescription),t.append("patient",e),n.file?t.append("file",n.file,n.fileName):(t.append("file",new File([""],n.fileName),n.fileName),t.append("base64Content",n.base64Content)),An(`${Yn}`,{method:"POST",body:t})}function et(e,n){return An(`${Yn}/${e}`,{method:"DELETE",signal:n.signal})}var nt=t(68798);let tt;function ot(e,n){if(void 0!==tt)return console.warn(`The application's Service Worker has already been registered. The new service worker at ${e} will not be registered.`),tt;if(!("serviceWorker"in navigator))throw new Error("Registering the Service Worker is not possible due to missing browser capabilities.");const t=new nt.JK(e,n);return tt=t.register().then((()=>t.controlling.then((()=>t)))),tt}function at(){return tt??Promise.resolve(void 0)}const rt="x-omrs-offline-response-body",it="x-omrs-offline-response-status",st="x-omrs-offline-caching-strategy";async function lt(e){const n=await at();return n?await n.messageSW(e):{success:!1,result:void 0,error:"No service worker has been registered. This is typically the case when the application has been built without offline-related features."}}const ct="openmrs3:offline-mode";let pt="unavailable";function dt(){return{current:pt,notAvailable:"unavailable"===pt,active:"on"===pt}}function ut(e){"unavailable"!==pt&&"unavailable"!==e&&(localStorage.setItem(ct,"on"===e?"active":"disabled"),pt=e)}async function ft(){await async function(){return await async function(){return new Promise((e=>{const n=indexedDB.open("test");n.onerror=()=>e(!0),n.onsuccess=()=>e(!1)}))}()||await async function(){return!window.indexedDB}()||await async function(){const e=window.sessionStorage;try{e.setItem("someKeyHere","test"),e.removeItem("someKeyHere")}catch(n){if(n.code===DOMException.QUOTA_EXCEEDED_ERR&&0===e.length)return!0}return!1}()}()||(pt="active"===localStorage.getItem(ct)?"on":"off"),navigator.onLine}var mt=t(98442);function _t(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}class gt extends mt.Ay{constructor(){super("EsmOffline"),_t(this,"syncQueue",void 0),_t(this,"dynamicOfflineData",void 0),this.version(4).stores({syncQueue:"++id,userId,type,[userId+type]",dynamicOfflineData:"++id,type,identifier,*users,&[type+identifier]"}),this.syncQueue=this.table("syncQueue"),this.dynamicOfflineData=this.table("dynamicOfflineData")}}function ht(){return new gt}const bt=new gt,yt={},vt=B("offline-synchronization",{});function At(){return vt}async function $t(){if(vt.getState().synchronization)return;const e=await bt.syncQueue.count(),n={},t=Object.entries(yt),o=t.length,a={},r=new AbortController,i=()=>{const e=vt.getState().synchronization;vt.setState({synchronization:{...e,pendingCount:e.pendingCount-1}})};try{vt.setState({synchronization:{totalCount:e,pendingCount:e,abortController:r}});for(let e=0;e<o&&t.length>0;e++)for(let e=t.length;e--;){const[o,s]=t[e],l=s.dependsOn.map((e=>n[e]));l.every(Boolean)&&(a[o]={},await Promise.all(l),n[o]=kt(s,a,r,i),t.splice(e,1))}await Promise.allSettled(Object.values(n))}finally{vt.setState({synchronization:void 0})}}async function kt({type:e,dependsOn:n,process:t},o,a,r){const i=[],s=[],l=await Ct();await bt.syncQueue.where({type:e,userId:l}).each(((e,n)=>{i.push([n.primaryKey,e.content,e.descriptor]),s.push(e.content)}));for(let c=0;c<i.length;c++){const[p,d,{id:u,dependencies:f=[]}]=i[c];try{const r=await t(d,{abort:a,index:c,items:s,userId:l,dependencies:f.map((({id:e,type:t})=>n.includes(t)?o[t][e]:void 0))});void 0!==u&&(o[e][u]=r),await bt.syncQueue.delete(p)}catch(e){await bt.syncQueue.update(p,{lastError:{name:e?.name,message:e?.message??e?.toString()}})}finally{r()}}}async function Ct(){const e=await Dn();return e?.uuid||"*"}async function wt(e,n,t,o){const a=o&&o.id;return void 0!==a&&await bt.syncQueue.where({type:n,userId:e}).filter((e=>e?.descriptor.id===a)).delete().catch(mt.Ay.errnames.DatabaseClosed),await bt.syncQueue.add({type:n,content:t,userId:e,descriptor:o||{},createdOn:new Date}).catch(mt.Ay.errnames.DatabaseClosed,(()=>-1))}async function xt(e,n,t){const o=await Ct();return await wt(o,e,n,t)}async function zt(e,n){return(await Et(e,n)).map((e=>e.content))}async function Et(e,n){const t=n?{type:n,userId:e}:{userId:e};return await bt.syncQueue.where(t).toArray().catch(mt.Ay.errnames.DatabaseClosed,(()=>[]))}async function Bt(e){const n=await Ct();return await zt(n,e)}async function St(e){const n=await Ct();return await Et(n,e)}async function Mt(e){return await bt.syncQueue.get(e).catch(mt.Ay.errnames.DatabaseClosed,(()=>{}))}function Dt(e){return!!yt[e]?.options.onBeginEditSyncItem}async function Tt(e){const n=await Mt(e);if(!n)throw new Error(`No sync item with the ID ${e} exists.`);const t=yt[n.type]?.options.onBeginEditSyncItem;if(!t)throw new Error(`A sync item with the ID ${e} exists, but the associated handler (if one exists) doesn't support editing the item. You can avoid this error by either verifying that sync items of this type can be edited via the "canEditSynchronizationItemsOfType(type: string)" function or alternatively ensure that the synchronizaton handler for sync items of type "${n.type}" supports editing items.`);t(n)}async function Pt(e){await bt.syncQueue.delete(e).catch(mt.Ay.errnames.DatabaseClosed)}function It(e,n,t,o={}){yt[e]={type:e,dependsOn:n,process:t,options:o}}var Ot=t(51744);const Nt="OFFLINE+";function Ft(){return Nt+(0,Ot.A)()}function Wt(e){return e.startsWith(Nt)}const Gt={};function jt(){return Object.values(Gt)}function qt(e){Gt[e.id]&&console.warn(`[setupDynamicOfflineDataHandler] Another second handler with the ID "${e.id}" was registered. This handler will override the previous one. This could be unintended as the previous handler might run different flows than the newly registered one. If this is the case, ensure that you are setting up the handlers with different IDs.`),Gt[e.id]=e}async function Lt(e){const n=await Qt();return await Vt(n,e)}async function Vt(e,n){const t=n?{type:n,users:e}:{users:e},o=new gt;return await o.dynamicOfflineData.where(t).toArray().catch(mt.Ay.errnames.DatabaseClosed,(()=>[]))}async function Rt(e,n){const t=await Qt();return await Ut(t,e,n)}async function Ut(e,n,t){const o=new gt,a=await o.dynamicOfflineData.get({type:n,identifier:t}).catch(mt.Ay.errnames.DatabaseClosed,(()=>{}));a?a.users.includes(e)||await o.dynamicOfflineData.update(a.id,{users:[...a.users,e]}).catch(mt.Ay.errnames.DatabaseClosed):await o.dynamicOfflineData.add({users:[e],type:n,identifier:t}).catch(mt.Ay.errnames.DatabaseClosed)}async function Ht(e,n){const t=await Qt();return await Xt(t,e,n)}async function Xt(e,n,t){const o=new gt,a=await o.dynamicOfflineData.get({type:n,identifier:t,users:e}).catch(mt.Ay.errnames.DatabaseClosed,(()=>{}));a&&(a.users.length>1?await o.dynamicOfflineData.update(a.id,{users:a.users.filter((n=>n!==e))}).catch(mt.Ay.errnames.DatabaseClosed):await o.dynamicOfflineData.delete(a.id).catch(mt.Ay.errnames.DatabaseClosed))}async function Jt(e,n){const t=await Lt(e);await Promise.all(t.map((async e=>Yt(e.type,e.identifier,n))))}async function Yt(e,n,t){await Rt(e,n);const o=new gt,a=await Qt(),r=await o.dynamicOfflineData.get({type:e,identifier:n}).catch(mt.Ay.errnames.DatabaseClosed,(()=>{})),i=jt().filter((n=>n.type===e));if(!r)return;const s=await Promise.all(i.map((async e=>{try{return e.sync(n,t),{id:e.id,error:void 0}}catch(n){const t=n.message?.toString()??n.toString();return{id:e.id,error:t}}}))),l=s.filter((e=>!e.error)).map((e=>e.id)),c=s.filter((e=>e.error)).map((e=>e.id)),p=s.filter((e=>e.error)).map((e=>({handlerId:e.id,message:e.error}))),d={syncedOn:new Date,syncedBy:a,succeededHandlers:l,erroredHandlers:c,errors:p};r.id&&await o.dynamicOfflineData.update(r.id,{syncState:d}).catch(mt.Ay.errnames.DatabaseClosed)}async function Qt(){const e=(await Dn()).uuid;if(!e)throw new Error("Using the dynamic offline data API requires a logged in user.");return e}const Kt=B("offline-patients",{offlinePatientDataSyncState:{},handlers:{}});function Zt(){return to(),Kt}function eo(e,n){to(),qt({type:"patient",displayName:n.displayName,id:e,isSynced:()=>Promise.resolve(!0),sync:(e,t)=>n.onOfflinePatientAdded({patientUuid:e,signal:t??(new AbortController).signal})})}async function no(e){to(),await Yt("patient",e)}function to(){console.warn("The offline patient API has been deprecated and will be removed in a future release. To prevent future crashes, the functions remain available for the moment, but any invocations should be migrated ASAP.")}async function oo(e,n,t=!0){if(e){let o=null;const[a,r]=await Promise.all([An(`${bn}/Patient/${e}`,n).catch((e=>o=e)),t?ao(e):Promise.resolve(null)]);if(a.ok)return a.data;if(r)return r;if(o)throw o}return null}async function ao(e){const n=(await Bt("patient-registration")).find((n=>n.fhirPatient.id===e));return n?.fhirPatient??null}function ro(e,n){const t=new CustomEvent(`openmrs:${e}`,{detail:n??void 0,cancelable:!0,bubbles:!0});return window.dispatchEvent(t)}function io(e,n){const t=e=>{const t="detail"in e&&null!==e.detail?e.detail:void 0;n(t)};return window.addEventListener(`openmrs:${e}`,t),()=>{window.removeEventListener(`openmrs:${e}`,t)}}var so=t(83492);function lo(e){return{uuid:e.uuid,display:e.display}}function co(e=null,n=null){const t=new URLSearchParams;e&&t.set("tag",e),n&&t.set("q",n);const o=t.toString();return $n(`${hn}/location${o?"?"+o:""}`).pipe((0,so.Tj)((e=>e.data.results.map(lo)))).pipe((0,so.s)(1))}function po(e){return{uuid:e.uuid,display:e.display,name:e.name}}function uo(){return $n(`${hn}/visittype`).pipe((0,so.Tj)((e=>e.data.results.map(po)))).pipe((0,so.s)(1))}var fo=function(e){return e.NEWVISIT="startVisit",e.EDITVISIT="editVisit",e.LOADING="loadingVisit",e}({}),mo=function(e){return e.NOTSTARTED="notStarted",e.ONGOING="ongoing",e}({});const _o="custom:(uuid,display,voided,indication,startDatetime,stopDatetime,encounters:(uuid,display,encounterDatetime,form:(uuid,name),location:ref,encounterType:ref,encounterProviders:(uuid,display,provider:(uuid,display))),patient:(uuid,display),visitType:(uuid,name,display),attributes:(uuid,display,attributeType:(name,datatypeClassname,uuid),value),location:(uuid,name,display))",go=function(){try{return JSON.parse(sessionStorage.getItem("openmrs:visitStoreState")||"null")}catch(e){return null}}()||{patientUuid:null,manuallySetVisitUuid:null,mutateVisitCallbacks:{}};function ho(){return M("visit",go)}function bo(e,n){ho().setState({patientUuid:e,manuallySetVisitUuid:n})}function yo(e,n){return An(`${hn}/visit`,{signal:n.signal,method:"POST",headers:{"Content-type":"application/json"},body:e})}function vo(e,n,t){return An(`${hn}/visit/${e}`,{signal:t.signal,method:"POST",headers:{"Content-type":"application/json"},body:n})}function Ao(e,n,t){return An(`${hn}/visit?patient=${e}&v=${t??_o}`,{signal:n.signal,method:"GET",headers:{"Content-type":"application/json"}})}ho().subscribe((e=>{var n;n=e,sessionStorage.setItem("openmrs:visitStoreState",JSON.stringify(n))}));const $o=new P.BehaviorSubject(null);var ko=t(79225),Co=t(76881),wo=t(56828),xo=t(91956),zo=t(73635),Eo=t(7839),Bo=t(32298);const So={Array,Boolean,Symbol,Infinity:1/0,NaN:NaN,Math,Number,BigInt,String,RegExp,JSON,isFinite,isNaN,parseFloat,parseInt,decodeURI,encodeURI,encodeURIComponent,Object:{__proto__:void 0,assign:Object.assign.bind(null),fromEntries:Object.fromEntries.bind(null),hasOwn:Object.hasOwn.bind(null),keys:Object.keys.bind(null),is:Object.is.bind(null),values:Object.values.bind(null)}},Mo={...So,Promise};function Do(e,n={}){return Fo(e,n,jo)}async function To(e,n={}){return Wo(e,n,jo)}function Po(e,n={}){return Fo(e,n,qo)}function Io(e,n={}){return Wo(e,n,qo)}function Oo(e,n={}){return Fo(e,n,Lo)}function No(e,n={}){return Wo(e,n,Lo)}function Fo(e,n={},t){if(!("string"==typeof e||"object"==typeof e&&e&&"type"in e))throw`Unknown expression type ${e}. Expressions must either be a string or pre-compiled string.`;if("string"==typeof e&&0===e.trim().length)throw{type:"Empty expression",message:"Expression cannot be an empty string"};null==n&&(n={});const o=function(e){return Uo(e,So)}(n),a=Vo("string"==typeof e?(0,ko.A)(e):e,o);if(t(a))return a;throw{type:"Invalid result",message:"string"==typeof e?`The expression ${e} did not produce a valid result`:"The expression did not produce a valid result"}}async function Wo(e,n={},t){if(!("string"==typeof e||"object"==typeof e&&e&&"type"in e))return Promise.reject(`Unknown expression type ${e}. Expressions must either be a string or pre-compiled string.`);if("string"==typeof e&&0===e.trim().length)throw{type:"Empty expression",message:"Expression cannot be an empty string"};null==n&&(n={});const o=function(e){return Uo(e,Mo)}(n);return Promise.resolve(Vo("string"==typeof e?(0,ko.A)(e):e,o)).then((n=>{if(t(n))return n;throw{type:"Invalid result",message:"string"==typeof e?`The expression ${e} did not produce a valid result`:"The expression did not produce a valid result"}}))}function Go(e){return(0,ko.A)(e)}function jo(e){return"string"==typeof e||"number"==typeof e||"boolean"==typeof e||null==e||e instanceof Date}function qo(e){return"boolean"==typeof e}function Lo(e){return"number"==typeof e}function Vo(e,n){switch(e.type){case"UnaryExpression":return function(e,n){const t=Vo(e.argument,n);switch(e.operator){case"+":return+t;case"-":return-t;case"~":return~t;case"!":return!t;default:throw`Expression evaluator does not support operator '${e.operator}''`}}(e,n);case"BinaryExpression":return function(e,n){let t=Vo(e.left,n),o=Vo(e.right,n);switch(e.operator){case"+":return t+o;case"-":return t-o;case"*":return t*o;case"/":return t/o;case"%":return t%o;case"**":return t**o;case"==":return t==o;case"===":return t===o;case"!=":return t!=o;case"!==":return t!==o;case">":return t>o;case">=":return t>=o;case"<":return t<o;case"<=":return t<=o;case"in":return t in o;case"&&":return t&&o;case"||":return t||o;case"??":return t??o;default:throw`Expression evaluator does not support operator '${e.operator}' operator`}}(e,n);case"ConditionalExpression":return function(e,n){const t=Vo(e.test,n);return Vo(t?e.consequent:e.alternate,n)}(e,n);case"CallExpression":return function(e,n){let t=e.arguments?.map(Ho(n)),o=Vo(e.callee,n);if(!o)throw`No function named ${Yo(e.callee)} is defined in this context`;if("function"!=typeof o)throw`${Yo(e.callee)} is not a function`;return o(...t)}(e,n);case"ArrowFunctionExpression":return function(e,n){const t=e.params?.map((e=>{if("Identifier"===e.type)return e.name;throw`Cannot handle parameter of type ${e.type}`}))??[];return function(...o){if(o.length<t.length)throw`Required argument(s) ${t.slice(o.length,-1).join(", ")} were not provided`;const a=Object.fromEntries(t.reduce(((e,n,t)=>{const a=o[t];return Jo(a)&&e.push([n,a]),e}),[]));return Vo(e.body,n.addVariables(a))}.bind(n.thisObj??null)}(e,n);case"MemberExpression":return function(e,n){let t=Vo(e.object,n);if(void 0===t)switch(e.object.type){case"Identifier":{let t=Ro(e.object,n);throw ReferenceError(`ReferenceError: ${t} is not defined`)}case"MemberExpression":{let t=Ro(e.property,n);throw TypeError(`TypeError: cannot read properties of undefined (reading '${t}')`)}default:throw`VisitMemberExpression does not support operator '${e.object.type}' type`}let o,a=t;if("string"==typeof t)a=String.prototype;else if("number"==typeof t)a=Number.prototype;else if("function"==typeof t);else if("object"!=typeof t)throw"VisitMemberExpression does not support member access on type "+typeof t;switch(n.thisObj=a,e.property.type){case"Identifier":case"MemberExpression":o=Vo(e.property,n);break;default:{const a=Vo(e.property,n);if(void 0===a)throw{type:"Illegal property access",message:"No property was supplied to the property access"};Xo(a),o=t[a]}}return"function"==typeof o?o.bind(t):o}(e,n);case"ArrayExpression":return function(e,n){return e.elements?.map(Ho(n))}(e,n);case"SequenceExpression":return function(e,n){const t=e.expressions.map(Ho(n));return t[t.length-1]}(e,n);case"NewExpression":return function(e,n){if(!e.callee||"Identifier"!==e.callee.type)throw e.callee?"new must be called with either Date or RegExp":'Could not handle "new" without a specified class';{let t=e.arguments?.map(Ho(n));switch(e.callee.name){case"Date":return new Date(...t);case"RegExp":return new RegExp(...t);default:throw`Cannot instantiate object of type ${e.callee.name}`}}}(e,n);case"Literal":return function(e){return Xo(e.value),e.value}(e);case"Identifier":return function(e,n){Xo(e.name);const t=n.thisObj;if(t&&("object"==typeof t||"function"==typeof t)&&e.name in t){const n=t[e.name];return Xo(n),n}if(n.variables&&e.name in n.variables){const t=n.variables[e.name];return Xo(t),t}return e.name in n.globals?n.globals[e.name]:void 0}(e,n);case"TemplateLiteral":return function(e,n){const t=e.expressions?.map(Ho(n))??[],o=e.quasis?.map(Ho(n))??[];return o.filter((e=>!e.tail)).map((e=>e.value)).join("")+t.join("")+o.filter((e=>e.tail)).map((e=>e.value)).join("")}(e,n);case"TemplateElement":return function(e){return{value:e.cooked,tail:e.tail}}(e);default:throw`Expression evaluator does not support expression of type '${e.type}'`}}function Ro(e,n){switch(e.type){case"Literal":return e.value;case"Identifier":return e.name;case"MemberExpression":return Ro(e.property,n);default:throw`VisitExpressionName does not support expression of type '${e.type}'`}}function Uo(e,n){const t={thisObj:void 0,variables:{...e},globals:{...n},addVariables(e){return this.variables={...this.variables,...e},this}};return t.addVariables.bind(t),t}function Ho(e){return function(n){return null===n?null:Vo(n,e)}}function Xo(e){if("__proto__"===e||"prototype"===e||"constructor"===e)throw{type:"Illegal property access",message:`Cannot access the ${e} property of objects`}}function Jo(e){if("string"==typeof e||"number"==typeof e||"boolean"==typeof e||"function"==typeof e||null===e||e instanceof RegExp)return!0;if("object"==typeof e){for(const n of Object.keys(e))if(!Jo(e[n]))return!1;return!0}if(Array.isArray(e))for(const n of e)if(!Jo(n))return!1;return!1}function Yo(e){return e?"MemberExpression"===e.type?e.property?.name:e.name:null}function Qo(e){if(!("string"==typeof e||"object"==typeof e&&e&&"type"in e))throw`Unknown expression type ${e}. Expressions must either be a string or pre-compiled string.`;const n=(t=Mo,{globals:{...t},isLocalExpression:!1,variables:new Set});var t;return Ko("string"==typeof e?(0,ko.A)(e):e,n),[...n.variables]}function Ko(e,n){switch(e.type){case"UnaryExpression":return function(e,n){return Ko(e.argument,n)}(e,n);case"BinaryExpression":return function(e,n){return[Ko(e.left,n),Ko(e.right,n)].filter(Boolean)}(e,n);case"ConditionalExpression":return function(e,n){return[Ko(e.consequent,n),Ko(e.test,n),Ko(e.alternate,n)].filter(Boolean)}(e,n);case"CallExpression":return function(e,n){const t=Ko(e.callee,n);return e.arguments?.map(Zo(n)),t}(e,n);case"ArrowFunctionExpression":return function(e,n){const t={...n};t.isLocalExpression=!0;const o=e.params?.map(Zo(t))??[],a=Ko(e.body,t)??[];if(a&&Array.isArray(a))for(const e of a)o.includes(e)||n.variables.add(e)}(e,n);case"MemberExpression":return function(e,n){Ko(e.object,n);const t={...n};t.isLocalExpression=!0,Ko(e.property,t)}(e,n);case"ArrayExpression":return function(e,n){e.elements?.map(Zo(n))}(e,n);case"SequenceExpression":return function(e,n){e.expressions?.map(Zo(n))}(e,n);case"NewExpression":return function(e,n){e.arguments?.map(Zo(n))}(e,n);case"Literal":case"TemplateElement":return;case"Identifier":return function(e,n){if(!(e.name in n.globals)){if(n.isLocalExpression)return e.name;n.variables.add(e.name)}}(e,n);case"TemplateLiteral":return function(e,n){e.expressions?.map(Zo(n)),e.quasis?.map(Zo(n))}(e,n);default:throw`Expression evaluator does not support expression of type '${e.type}'`}}function Zo(e){return function(n){return null===n?null:Ko(n,e)}}ko.A.plugins.register(Co.A),ko.A.plugins.register(wo.A),ko.A.plugins.register(xo.A),ko.A.plugins.register(zo.A),ko.A.plugins.register(Eo.A),ko.A.plugins.register(Bo.A),ko.A.addBinaryOp("in",7),ko.A.addBinaryOp("??",1);const ea=M("feature-flags",{flags:function(){const e={};for(const n of Object.keys(localStorage))if(n.startsWith("openmrs:feature-flag:")){const t=n.replace("openmrs:feature-flag:",""),o=JSON.parse(localStorage.getItem(`openmrs:feature-flag-meta:${t}`)||"{}");e[t]={enabled:"true"===localStorage.getItem(n),...o}}return e}()});function na(e,n,t){ea.setState((o=>({flags:{...o.flags,[e]:{enabled:o.flags[e]?.enabled??!1,label:n,description:t}}})))}function ta(){const e=ea.getState().flags;Object.keys(localStorage).filter((e=>e.startsWith("openmrs:feature-flag:"))).forEach((n=>{const t=n.replace("openmrs:feature-flag:","");e[t]||(localStorage.removeItem(n),localStorage.removeItem(`openmrs:feature-flag-meta:${t}`))}))}function oa(e){return ea.getState().flags[e].enabled}function aa(e,n){ea.subscribe((t=>{n(t.flags[e].enabled)}))}function ra(e,n){ea.setState((t=>({flags:{...t.flags,[e]:{...t.flags[e],enabled:n}}})))}function ia(e){return!window.offlineEnabled||(e??navigator.onLine)}ea.subscribe((e=>{for(const[n,t]of Object.entries(e.flags))localStorage.setItem(`openmrs:feature-flag:${n}`,t.enabled.toString()),localStorage.setItem(`openmrs:feature-flag-meta:${n}`,JSON.stringify({label:t.label,description:t.description}))}));var sa=t(10914),la=t(84298);function ca(e=!0,n=!1){return pa(ia(),e,n)}function pa(e,n=!0,t=!1){return Boolean(e?n:t)}const da=B("extensionsInternal",{slots:{},extensions:{}}),ua=()=>M("extensionsInternal",{slots:{},extensions:{}});function fa(e){const n=da.getState(),t=e(n);t!==n&&da.setState(t)}const ma=()=>M("extensions",{slots:{}});function _a(e){const n=[];for(let t of Object.values(e.extensions))for(let e of t.instances)n.push({slotModuleName:e.slotModuleName,extensionModuleName:t.moduleName,slotName:e.slotName,extensionId:e.id});(0,sa.A)(Q.getState().mountedExtensions,n)||Q.setState({mountedExtensions:n})}_a(da.getState()),da.subscribe(_a);const ga=ua(),ha=ma(),ba=Z(),ya=te();function va(e,n,t,o,a){const r={},i=ia(),s=Object.entries(o.flags).filter((([,{enabled:e}])=>e)).map((([e])=>e));for(let[o,l]of Object.entries(e.slots)){const{config:c}=ne(n,l.name),p=Ma(o,e,c,t,s,i,a.session);r[o]={moduleName:l.moduleName,assignedExtensions:p}}(0,sa.A)(ha.getState().slots,r)||ha.setState({slots:r})}function Aa(){va(ga.getState(),ba.getState(),ya.getState(),ea.getState(),Cn.getState())}function $a(e,n,t){return{moduleName:n,name:e,attachedIds:[],config:null,state:t}}function ka(e){const[n]=e.split("#");return n}function Ca(e,n){const t=ka(n);return e.extensions[t]}function wa(e){return Ca(ga.getState(),e)}ga.subscribe((e=>{va(e,ba.getState(),ya.getState(),ea.getState(),Cn.getState())})),ba.subscribe((e=>{va(ga.getState(),e,ya.getState(),ea.getState(),Cn.getState())})),ya.subscribe((e=>{va(ga.getState(),ba.getState(),e,ea.getState(),Cn.getState())})),ea.subscribe((e=>{va(ga.getState(),ba.getState(),ya.getState(),e,Cn.getState())})),Cn.subscribe((e=>{va(ga.getState(),ba.getState(),ya.getState(),ea.getState(),e)})),Aa(),r(Aa);const xa=e=>ga.setState((n=>(n.extensions[e.name]={...e,instances:[]},n)));function za(e,n){fa((t=>{const o=t.slots[e];return o?{...t,slots:{...t.slots,[e]:{...o,attachedIds:[...o.attachedIds,n]}}}:{...t,slots:{...t.slots,[e]:{...$a(e),attachedIds:[n]}}}}))}function Ea(e,n){fa((t=>{const o=t.slots[e];return o&&o.attachedIds.includes(n)?{...t,slots:{...t.slots,[e]:{...o,attachedIds:o.attachedIds.filter((e=>e!==n))}}}:t}))}function Ba(e){fa((n=>{const t=n.slots[e];return t?{...n,slots:{...n.slots,[e]:{...t,attachedIds:[]}}}:n}))}function Sa(e,n,t,o){const a=n.indexOf(e);if(-1!==a)return a;if(void 0!==t)return 1e3+t;{const n=o.indexOf(e);return-1!==n?2e3+n:-1}}function Ma(e,n,t,o,a,r,i){const s=function(e,n){const t=e.add||[],o=e.remove||[],a=e.order||[],{extensions:r}=ga.getState();return[...n,...t].filter((e=>!o.includes(e))).sort(((e,t)=>{const o=Sa(e,a,r[ka(e)]?.order,n),i=Sa(t,a,r[ka(t)]?.order,n);return-1===i?-1:-1===o?1:o-i}))}(t,n.slots[e].attachedIds),l=[],c=n.slots[e]?.state,p=c&&"object"==typeof c?{session:i,...c}:{session:i};for(let c of s){const{config:s}=ae(o,e,c),d=re(t,0,c),u=(0,la.A)(s,d),f=ka(c),m=n.extensions[f];if(m){const n=u?.["Display conditions"]?.privileges??m.privileges??[];if(n&&("string"==typeof n||Array.isArray(n)&&n.length>0)){if(!i?.user)continue;if(!Mn(n,i.user))continue}const t=u?.["Display conditions"]?.expression||m.displayExpression;if(void 0!==t&&"string"==typeof t&&t.trim().length>0)try{if(!Po(t,p))continue}catch(n){console.error(`Error while evaluating expression '${t}' for extension ${f} in slot ${e}`,n);continue}if(m.featureFlag&&!a.includes(m.featureFlag))continue;if(window.offlineEnabled&&!pa(r,m.online,m.offline))continue;l.push({id:c,name:f,moduleName:m.moduleName,config:u,featureFlag:m.featureFlag,meta:m.meta,online:u?.["Display conditions"]?.online??m.online??!0,offline:u?.["Display conditions"]?.offline??m.offline??!1})}}return l}function Da(e){const n=ga.getState(),{config:t}=ee(e),o=ya.getState(),a=ea.getState(),r=Cn.getState(),i=ia();return Ma(e,n,t,o,Object.entries(a.flags).filter((([,{enabled:e}])=>e)).map((([e])=>e)),i,r.session)}const Ta=(e,n,t)=>ga.setState((o=>{const a=o.slots[n]?.moduleName;if(a&&a!=e)return console.warn(`An extension slot with the name '${n}' already exists. Refusing to register the same slot name twice (in "registerExtensionSlot"). The existing one is from module ${a}.`),o;if(a&&a==e)return o;if(o.slots[n])return{...o,slots:{...o.slots,[n]:{...o.slots[n],moduleName:e,state:t}}};const r=$a(n,e,t);return{...o,slots:{...o.slots,[n]:{...r}}}}));function Pa(e,n,t=!1){ga.setState((o=>{const a=t?(0,la.A)(o.slots[e].state,n):n;return{...o,slots:{...o.slots,[e]:{...o.slots[e],state:a}}}}))}const Ia=()=>ha.setState((()=>({slots:{},extensions:{}}))),Oa=B("left-nav",{slotName:null,basePath:window.spaBase,mode:"normal"});function Na({name:e,basePath:n,mode:t,componentContext:o,state:a}){Oa.setState({slotName:e,basePath:n,mode:t??"normal",componentContext:o,state:a})}function Fa(e){Oa.getState().slotName===e&&Oa.setState(Oa.getInitialState(),!0)}const Wa=B("modalRegistry",{modals:{}});function Ga(e){Wa.setState((n=>(n.modals[e.name]=e,n)))}function ja(e){let n=Wa.getState().modals[e];if(!n){const t=wa(e);t&&(n={name:e,load:t.load,moduleName:t.moduleName},console.warn(`Modal ${e} was registered as an extension. This is deprecated and will be removed in the future. Please register it in the "modals" section of routes.json instead of the "extensions" section.`),Ga(n))}return n}const qa=B("workspaceRegistrations",{workspaces:{}}),La=B("workspaceGroups",{workspaceGroups:{}});function Va(e){qa.setState((n=>({workspaces:{...n.workspaces,[e.name]:{...e,load:e.load,preferredWindowSize:e.preferredWindowSize??"normal",type:e.type??"form",canHide:e.canHide??!1,canMaximize:e.canMaximize??!1,width:e.width??"narrow",groups:e.groups??[]}}})))}function Ra(e){La.setState((n=>{const t=n.workspaceGroups[e.name];return t?{workspaceGroups:{...n.workspaceGroups,[e.name]:{...t,members:Array.from(new Set([...t.members,...e.members]))}}}:{workspaceGroups:{...n.workspaceGroups,[e.name]:{name:e.name,members:e.members}}}}))}const Ua=new Set;function Ha(e){const n=qa.getState().workspaces;if(n[e])return n[e];{const n=wa(e);if(n)return Ua.has(e)||(console.warn(`The workspace '${e}' is registered as an extension. This is deprecated. Please register it in the "workspaces" section of the routes.json file.`),Ua.add(e)),{name:n.name,title:Ja(n),moduleName:n.moduleName,preferredWindowSize:n.meta?.screenSize??"normal",load:n.load,type:n.meta?.type??"form",canHide:n.meta?.canHide??!1,canMaximize:n.meta?.canMaximize??!1,width:n.meta?.width??"narrow",groups:n.meta?.groups??[]};throw new Error(`No workspace named '${e}' has been registered.`)}}function Xa(e){const n=La.getState().workspaceGroups;if(n[e])return n[e];throw new Error(`No workspace group named '${e}' has been registered.`)}function Ja(e){const n=e?.meta?.title;return"string"==typeof n?n:n&&"object"==typeof n?Ln(e.moduleName,n.key,n.default):e.name}const Ya=B("workspace2",{registeredGroupsByName:{},registeredWindowsByName:{},registeredWorkspacesByName:{},openedGroup:null,openedWindows:[],workspaceTitleByWorkspaceName:{}});function Qa(e){const{registeredWorkspacesByName:n,registeredWindowsByName:t}=Ya.getState(),o=n[e];if(o){const n=t[o.window];if(n)return n;throw new Error(`No workspace window found with name: ${o.window} for workspace: ${e}`)}throw new Error(`No workspace found with name: ${e}`)}function Ka(e){const{registeredGroupsByName:n,registeredWindowsByName:t}=Ya.getState(),o=t[e];if(o){const t=n[o.group];if(t)return t;throw new Error(`No workspace group found with name: ${o.group} for window: ${e}`)}throw new Error(`No workspace window found with name: ${e}`)}function Za(e){const{openedWindows:n}=Ya.getState();return n.findIndex((n=>n.openedWorkspaces.find((n=>n.workspaceName===e))))}function er(e){if(0==e.length)return;const{registeredGroupsByName:n}=Ya.getState(),t={...n};for(const n of e){if(t[n.name])throw new Error(`Cannot register workspace group ${n.name} more than once`);t[n.name]=n}Ya.setState({registeredGroupsByName:t})}function nr(e,n){if(0==n.length)return;const{registeredWindowsByName:t}=Ya.getState(),o={...t};for(const t of n){if(o[t.name])throw new Error(`Cannot register workspace window ${t.name} more than once`);const n={...t,moduleName:e};o[t.name]=n}Ya.setState({registeredWindowsByName:o})}function tr(e,n){if(0==n.length)return;const{registeredWorkspacesByName:t}=Ya.getState(),o={...t};for(const t of n){if(o[t.name])throw new Error(`Cannot register workspace ${t.name} more than once`);const n={...t,moduleName:e};o[t.name]=n}Ya.setState({registeredWorkspacesByName:o})}let or=0;async function ar(e,n,t,o,a=e=>e,r={}){const i=ka(o),s=wa(o);let l=null;if(e){if(!s)throw Error(`Couldn't find extension '${i}' to attach to '${n}'`);const{meta:c,moduleName:p,online:d,offline:u,load:f}=s;if(ca(d,u)){fa((a=>{const r={domElement:e,id:o,slotName:n,slotModuleName:t};return{...a,extensions:{...a.extensions,[i]:{...a.extensions[i],instances:[...a.extensions[i].instances,r]}}}}));const s=await f(),d=or++;l=(0,on.xL)(a({...s,name:`${n}/${i}-${d}`}),{...r,_meta:c,_extensionContext:{extensionId:o,extensionSlotName:n,extensionSlotModuleName:t,extensionModuleName:p},domElement:e})}}else console.warn(`Tried to render ${o} into ${n} but no DOM element was available.`);return l}var rr=t(20796),ir=t.n(rr);const sr=(0,rr.createContext)({moduleName:"",featureName:""});function lr({to:e,templateParams:n,onBeforeNavigate:t,children:o,...a}){return(0,rr.useEffect)((()=>{a.href&&console.warn(`ConfigurableLink does not support the href prop. Use the 'to' prop instead. The provided href value is '${a.href}'`),a.onClick&&console.warn(`ConfigurableLink does not support the onClick prop. Use the 'onBeforeNavigate' prop instead. The 'to' prop of the offending link is ${e}`)}),[]),rr.createElement("a",{onClick:o=>function(e,n,t,o){0!==e.button||e.ctrlKey||e.shiftKey||e.altKey||e.metaKey||(e.preventDefault(),o?.(e),sn({to:n,templateParams:t})),0===e.button&&(e.ctrlKey||e.metaKey)&&o?.(e),0===e.button&&e.shiftKey&&o?.(e),1===e.button&&o?.(e)}(o,e,n,t),href:an(e,n),...a},o)}const cr=({state:e,children:n,...t})=>{const{extension:o}=(0,rr.useContext)(sr),a=(0,rr.useRef)(null),r=(0,rr.useRef)(Promise.resolve()),i=(0,rr.useCallback)((n=>{o?.extensionSlotName&&o.extensionSlotModuleName&&o.extensionSlotModuleName&&!a.current&&ar(n,o.extensionSlotName,o.extensionSlotModuleName,o.extensionId,void 0,e).then((e=>{a.current=e}))}),[]);return(0,rr.useEffect)((()=>()=>{if(a&&a.current)switch(a.current.getStatus()){case"MOUNTING":a.current.mountPromise.then((()=>{"MOUNTED"===a.current?.getStatus()&&a.current.unmount()}));break;case"MOUNTED":a.current.unmount();break;case"UPDATING":r.current&&r.current.then((()=>{"MOUNTED"===a.current?.getStatus()&&a.current.unmount()}))}}),[]),(0,rr.useEffect)((()=>{a.current&&a.current.update&&"UNMOUNTING"!==a.current.getStatus()&&Promise.all([a.current.mountPromise,r.current]).then((()=>{"MOUNTED"===a?.current?.getStatus()&&a.current.update&&(r.current=a.current.update({...e}).catch((e=>{if(!(e instanceof Error&&e.message.includes("minified message #32")&&"MOUNTED"!==a.current?.getStatus()))throw e})))}))}),[e]),o?rr.createElement("div",{ref:i,"data-extension-id":o?.extensionId,style:{position:"relative"},...t}):null};function pr(e,n){"function"==typeof n&&(n=n(e));const t={};for(const[o,a]of Object.entries(n)){const n=function(...n){e.setState((e=>a(e,...n)))};t[o]=n}return t}const dr=()=>e=>e;function ur(e,n=dr(),t){const o=(0,rr.useCallback)((n=>e.subscribe(n)),[e]),a=(0,rr.useCallback)((()=>n(e.getState())),[e,n]);return{...(0,rr.useSyncExternalStore)(o,a,a),...(0,rr.useMemo)((()=>t?pr(e,t):{}),[e,t])}}function fr(e,n){return ur(e,dr(),n)}function mr(e){return function(n){const t=(0,rr.useCallback)((n=>e.subscribe(n)),[]),o=(0,rr.useCallback)((()=>e.getState()),[]);return{...(0,rr.useSyncExternalStore)(t,o,o),...(0,rr.useMemo)((()=>n?pr(e,n):{}),[n])}}}const _r=e=>ur(ma(),(n=>n.slots?.[e]));function gr(e){const n=_r(e);return n?.assignedExtensions??[]}function hr(e,n){const{moduleName:t}=(0,rr.useContext)(sr),o=(0,rr.useRef)(!0);if(!t)throw Error("ComponentContext has not been provided. This should come from @openmrs/esm-react-utils.");return(0,rr.useEffect)((()=>{Ta(t,e,n),o.current=!1}),[]),(0,rr.useEffect)((()=>{o.current||Pa(e,n)}),[e,n]),{extensions:gr(e),extensionSlotName:e,extensionSlotModuleName:t}}function br(e){return e}function yr({name:e,extensionSlotName:n,select:t=br,children:o,state:a,style:r,...i}){if(o&&a)throw new Error("Both children and state have been provided. If children are provided, the state must be passed as a prop to the `Extension` component.");const s=e??n,l=(0,rr.useRef)(null),{extensions:c,extensionSlotModuleName:p}=hr(s,a),d=(0,rr.useMemo)((()=>t(c)),[t,c]),u=(0,rr.useMemo)((()=>{if("function"==typeof o&&!rr.isValidElement(o))return d.map((e=>o(e,a)))}),[o,d]);return rr.createElement("div",{ref:l,"data-extension-slot-name":s,"data-extension-slot-module-name":p,style:{...r,position:"relative"},...i},s&&d?.map(((e,n)=>rr.createElement(sr.Provider,{key:e.id,value:{moduleName:p,featureName:"",extension:{extensionId:e.id,extensionSlotName:s,extensionSlotModuleName:p}}},u?.[n]??("function"!=typeof o?o:null)??rr.createElement(cr,{state:a})))))}const vr=(0,x.y)()((()=>({})));S("openmrs-app-context",vr);const Ar=Object();function $r(e,n){vr.setState((t=>(e in t||(t[e]={}),t[e]=n(t[e]),Object.assign({},t))))}function kr(e,n){const t=(0,rr.useRef)(n??{}),o=(0,rr.useRef)((n=>$r(e,n)));return(0,rr.useEffect)((()=>(function(e,n=Ar){vr.setState((t=>{if(e in t)throw new Error(`Attempted to re-register namespace ${e} in the app context. Each namespace must be unregistered before the name can be registered again.`);return Object.assign({},t,{[e]:n===Ar?{}:n})}))}(e,n??{}),()=>{!function(e){vr.setState((n=>(e in n&&delete n[e],n)))}(e)})),[e]),(0,rr.useEffect)((()=>{let o=n??{};w(t.current,o)||($r(e,(()=>o)),t.current=o)}),[n]),o.current}function Cr({namespace:e,value:n}){return kr(e,n),null}const wr=({children:e,value:n,fallback:t})=>Boolean(n)?rr.createElement(rr.Fragment,null,e):t?rr.createElement(rr.Fragment,null,t):null,xr=({privilege:e,fallback:n,children:t})=>{const[o,a]=(0,rr.useState)(null);return(0,rr.useEffect)((()=>{const e=xn({includeAuthStatus:!1}).subscribe(a);return()=>e.unsubscribe()}),[]),o&&Mn(e,o)?rr.createElement(rr.Fragment,null,t):n?rr.createElement(rr.Fragment,null,n):null};var zr=t(63776),Er=t(69568),Br=t(94728),Sr=t(47488);const Mr={strictMode:!0,throwErrorsToConsole:!0,disableTranslations:!1},Dr=new Map,Tr={errorRetryCount:3,fetcher:An,focusThrottleInterval:18e5,revalidateIfStale:!0,revalidateOnFocus:!1,revalidateOnReconnect:!1,refreshInterval:0,shouldRetryOnError:e=>{if(e instanceof kn){const n=e.response.status;return n>=500||401===n||403===n||429===n}return!0},provider:()=>Dr};function Pr(e){if("object"!=typeof e||"string"!=typeof e.featureName||"string"!=typeof e.moduleName)throw new Error("Invalid options");const n=Object.assign({},Mr,e),t={...Tr,...n.swrConfig};return function(e){var o,a,r,i;return a=o=class extends rr.Component{componentDidCatch(e,t){t&&t.componentStack&&(e.extra=Object.assign(e.extra||{},{componentStack:t.componentStack})),n.throwErrorsToConsole&&setTimeout((()=>{throw e})),this.setState({caughtError:e,caughtErrorInfo:t})}render(){if(this.state.caughtError)return rr.createElement("div",null,"An error has occurred. Please try reloading the page.");{const o=rr.createElement(rr.Suspense,{fallback:null},rr.createElement(Sr.BE,{value:t},rr.createElement(sr.Provider,{value:this.state.config},n.disableTranslations?rr.createElement(e,this.props):rr.createElement(Br.I18nextProvider,{i18n:window.i18next,defaultNS:this.state.config.extension?`${this.state.config.moduleName}___${this.state.config.extension.extensionSlotName}___${this.state.config.extension.extensionId}`:this.state.config.moduleName},rr.createElement(e,this.props)))));return n.strictMode&&rr.StrictMode?rr.createElement(rr.StrictMode,null,o):o}}constructor(e){super(e),this.state={caughtError:null,caughtErrorInfo:null,config:{moduleName:n.moduleName,featureName:n.featureName,extension:e._extensionContext}}}},r="displayName",i=`OpenmrsReactComponent(${n.featureName})`,r in a?Object.defineProperty(a,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[r]=i,o}}function Ir(e,n){return(0,Er.A)({React:rr,ReactDOMClient:zr,rootComponent:Pr(n)(e)})}function Or(e,n){return()=>e().then((({default:e})=>Ir(e,n)))}function Nr(e,n){return()=>Promise.resolve(Ir(e,n))}const Fr=Or;function Wr(){const e=(0,rr.useRef)();return e.current&&!e.current.signal.aborted||(e.current=new AbortController),(0,rr.useEffect)((()=>{const n=e.current;return()=>n?.abort()}),[]),e.current}const Gr=Wr;function jr(e,n=e=>e??{}){const[t,o]=(0,rr.useState)();return(0,rr.useEffect)((()=>{if(null==e||""===e.replace(" ",""))throw new Error(`The namespace supplied to useAppContext must be a non-empty string, but was "${e}".`)}),[e]),(0,rr.useEffect)((()=>function(e,n){let t=function(e,n=e=>e){const t=vr.getState();return e in t?Object.freeze(Object.assign({},n?n(t[e]):t[e])):null}(e);return n(Object.freeze(Object.assign({},t))),vr.subscribe((o=>{let a=e in o?o[e]:null;a!==t&&(t=a,n(Object.freeze(Object.assign({},a))))}))}(e,(e=>{if(void 0!==e){const a=n?n(e):e??{};w(t,a)||o(a)}}))),[]),t}function qr(e){const[n,t]=(0,rr.useState)([]);return(0,rr.useEffect)((()=>ma().subscribe((o=>{const a=o.slots[e]?.assignedExtensions.map((e=>e.id))??[];(0,sa.A)(a,n)||t(a)}))),[]),n}function Lr(e,n){const{data:t,error:o,mutate:a,isLoading:r,isValidating:i}=(0,Sr.Ay)(`${Yn}?patient=${e}&includeEncounterless=${n}`,An);return(0,rr.useMemo)((()=>({isLoading:r,data:t?.data.results??[],error:o,mutate:a,isValidating:i})),[t,o,r,i,a])}function Vr(e){(0,rr.useEffect)((()=>{if(e){const e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[e])}const Rr={},Ur='No ComponentContext has been provided. This should come from "openmrsComponentDecorator".\nUsually this is already applied when using "getAsyncLifecycle" or "getSyncLifecycle".';function Hr(e){const n=(0,rr.useMemo)(te,[]),t=function(e,n){const[t,o]=(0,rr.useState)(function(e,n){return n?()=>{const t=ae(e.getState(),n.extensionSlotName,n.extensionId);if(t.loaded&&t.config)return t.config}:null}(e,n));return(0,rr.useEffect)((()=>{if(n)return e.subscribe((e=>{const a=ae(e,n.extensionSlotName,n.extensionId);a.loaded&&a.config&&!(0,sa.A)(a.config,t)&&o(a.config)}))}),[e,n,t]),t}(n,e);if(!t&&e){const t=`${e.extensionSlotName}-${e.extensionId}`;throw!Rr[t]&&n&&(Rr[t]=function(e,n){return new Promise((t=>{const o=e.subscribe((e=>{const a=ae(e,n.extensionSlotName,n.extensionId);a.loaded&&a.config&&(t(a.config),o())}))}))}(n,e)),Rr[t]}return t||{}}function Xr(e){const{moduleName:n,extension:t}=(0,rr.useContext)(sr),o=e?.externalModuleName??n;if(!o&&!t)throw Error(Ur);const a=function(e){const n=(0,rr.useMemo)((()=>K(e)),[e]),t=e,o=function(e){const[n,t]=(0,rr.useState)(function(e){return()=>{const n=e.getState();return n.loaded&&n.config?n.config:null}}(e));return(0,rr.useEffect)((()=>e?.subscribe((e=>{e.loaded&&e.config&&t(e.config)}))),[e]),n}(n);if(!o)throw Rr[t]||(Rr[t]=function(e){return new Promise((n=>{const t=e.subscribe((e=>{e.loaded&&e.config&&(n(e.config),t())}))}))}(n)),Rr[t];return o}(o),r=Hr(t);return(0,rr.useMemo)((()=>e?.externalModuleName&&o===e.externalModuleName?{...a}:{...a,...r}),[o,e?.externalModuleName,a,r])}const Jr=gr;function Yr(){let[e,n]=(0,rr.useState)(ia());return(0,rr.useEffect)((()=>r((({online:e})=>n(e)))),[]),e}function Qr(e,n=300){const[t,o]=(0,rr.useState)(e);return(0,rr.useEffect)((()=>{const t=setTimeout((()=>{o(e)}),n);return()=>{clearTimeout(t)}}),[e,n]),t}var Kr=t(96269);const Zr=`custom:${[["admissionDecisionConcept","ref"],["admissionEncounterType","ref"],["admissionForm","ref"],["atFacilityVisitType","ref"],["bedAssignmentEncounterType","ref"],["cancelADTRequestEncounterType","ref"],["checkInClerkEncounterRole","ref"],["checkInEncounterType","ref"],["clinicianEncounterRole","ref"],["conceptSourcesForDiagnosisSearch","ref"],["consultEncounterType","ref"],["consultFreeTextCommentsConcept","ref"],["denyAdmissionConcept","ref"],["diagnosisMetadata","ref"],["diagnosisSets","ref"],["dischargeForm","ref"],["dispositionDescriptor","ref"],["dispositions","ref"],["emrApiConceptSource","ref"],["exitFromInpatientEncounterType","ref"],["extraPatientIdentifierTypes","ref"],["fullPrivilegeLevel","ref"],["highPrivilegeLevel","ref"],["identifierTypesToSearch","ref"],["inpatientNoteEncounterType","ref"],["lastViewedPatientSizeLimit","ref"],["metadataSourceName","ref"],["motherChildRelationshipType","ref"],["narrowerThanConceptMapType","ref"],["nonDiagnosisConceptSets","ref"],["orderingProviderEncounterRole","ref"],["patientDiedConcept","ref"],["personImageDirectory","ref"],["primaryIdentifierType","ref"],["sameAsConceptMapType","ref"],["suppressedDiagnosisConcepts","ref"],["supportsAdmissionLocationTag","(uuid,display,name,links)"],["supportsLoginLocationTag","(uuid,display,name,links)"],["supportsTransferLocationTag","(uuid,display,name,links)"],["supportsVisitsLocationTag","(uuid,display,name,links)"],["telephoneAttributeType","ref"],["testPatientPersonAttributeType","ref"],["transferForm","ref"],["transferRequestEncounterType","ref"],["transferWithinHospitalEncounterType","ref"],["unknownCauseOfDeathConcept","ref"],["unknownLocation","ref"],["unknownPatientPersonAttributeType","ref"],["unknownProvider","ref"],["visitAssignmentHandlerAdjustEncounterTimeOfDayIfNecessary","ref"],["visitExpireHours","ref"],["visitNoteEncounterType","ref"]].map((([e,n])=>`${e}:${n}`)).join(",")}`;function ei(){const e=`${hn}/emrapi/configuration?v=${Zr}`,n=(0,Kr.A)(e,An);return(0,rr.useMemo)((()=>({emrConfiguration:n.data?.data,isLoadingEmrConfiguration:n.isLoading,mutateEmrConfiguration:n.mutate,errorFetchingEmrConfiguration:n.error})),[n])}const ni=mr(ua());function ti(e){const n=gr(e);return(0,rr.useMemo)((()=>Object.fromEntries(n.map((e=>[e.name,e.meta])))),[n])}const oi=mr(ma());function ai(e){const{flags:n}=ur(ea);return n[e]?.enabled??!1}function ri(){const[,e]=(0,rr.useState)(0);return(0,rr.useCallback)((()=>{e((e=>e+1))}),[])}function ii(e,n,t={}){return li(e,n,si,t)}const si={getPaginatedUrl:(e,n,t)=>{if(e){const o=new URL(vn(e.toString()),window.location.toString());return o.searchParams.set("limit",""+n),o.searchParams.set("startIndex",""+t),o.searchParams.set("totalCount","true"),o.toString()}return null},getNextUrl:e=>{const n=e?.links?.find((e=>"next"==e.rel))?.uri;if(n){const e=new URL(n);return e.host=window.location.host,e.protocol=window.location.protocol,e.toString()}return null},getTotalCount:e=>e?.totalCount??Number.NaN,getCurrentPageSize:e=>e?.results?.length??Number.NaN,getData:e=>e?.results};function li(e,n,t,o={}){const{getPaginatedUrl:a,getTotalCount:r,getCurrentPageSize:i,getData:s}=t,{immutable:l,swrConfig:c}=o,p=o.fetcher??An,[d,u]=(0,rr.useState)(1),f=(0,rr.useRef)(Number.NaN),m=(0,rr.useRef)(Number.NaN),_=n,g=(d-1)*n,h=(0,rr.useMemo)((()=>a(e,_,g)),[e,_,g]),b=l?Kr.A:Sr.Ay,{data:y,...v}=b(h,p,c);y?.data&&(f.current=r(y?.data),m.current=i(y?.data));const A=Math.ceil(f.current/n),$=(0,rr.useCallback)((e=>{0<e&&e<=A?u(e):console.warn("Invalid attempt to go to out of bounds page: "+e)}),[e,d,A]),k=(0,rr.useCallback)((()=>{$(d+1)}),[e,d,A]),C=(0,rr.useCallback)((()=>{$(d-1)}),[e,d,A]);return{data:s(y?.data),totalPages:A,totalCount:f.current,currentPage:d,currentPageSize:m,paginated:A>1,showNextButton:d<A,showPreviousButton:d>1,goTo:$,goToNext:k,goToPrevious:C,...v}}function ci(e,n,t={}){return li(e,n,pi(),t)}function pi(){return{getPaginatedUrl:(e,n,t)=>{if(e){const o=new URL(vn(e.toString()),window.location.toString());return o.searchParams.set("_count",""+n),o.searchParams.set("_getpagesoffset",""+t),o.toString()}return null},getNextUrl:e=>{const n=e?.link?.find((e=>"next"==e.relation))?.url;if(n){const e=new URL(n);return e.host=window.location.host,e.protocol=window.location.protocol,e.toString()}return null},getTotalCount:e=>e?.total??Number.NaN,getCurrentPageSize:e=>e?.entry?.length??Number.NaN,getData:e=>e?.entry?.map((e=>e.resource))}}var di=t(13709);function ui(e,n={}){return fi(e,si,n)}function fi(e,n,t={}){const{swrInfiniteConfig:o,immutable:a}=t,{getNextUrl:r,getTotalCount:i,getData:s}=n,l=t.fetcher??An,c=(0,rr.useCallback)(((t,o)=>0==t?e?.toString()??null:n.getNextUrl(o.data)),[e]),{data:p,size:d,setSize:u,...f}=(0,di.Ay)(c,l,{...o,...a?{revalidateIfStale:!1,revalidateOnFocus:!1,revalidateOnReconnect:!1}:{}}),m=r(p?.[p.length-1].data),_=null!=m,g=i(p?.[0]?.data);return{data:p?.flatMap((e=>s(e.data))),totalCount:g,hasMore:_,loadMore:()=>{u((p?.length??0)+1)},nextUri:m,...f}}function mi(e,n={}){return _i(e,si,n)}function _i(e,n,t={}){const o=fi(e,n,t),{hasMore:a,error:r,data:i,loadMore:s,isLoading:l,nextUri:c}=o;return(0,rr.useEffect)((()=>{a&&!r&&s()}),[a,c]),t.partialData?o:{...o,data:a||r?void 0:i,isLoading:l||a}}function gi(e,n={}){return _i(e,pi(),n)}function hi(e,n={}){return fi(e,pi(),n)}function bi(){let e="tablet";return document.body.classList.forEach((n=>{switch(n){case"omrs-breakpoint-lt-tablet":e="phone";break;case"omrs-breakpoint-gt-small-desktop":e="large-desktop";break;case"omrs-breakpoint-gt-tablet":e="small-desktop"}})),e}function yi(){const[e,n]=(0,rr.useState)(bi);return(0,rr.useEffect)((()=>{const e=()=>{n(bi())};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]),e}const vi=e=>"small-desktop"===e||"large-desktop"===e;function Ai(e){const n=(0,rr.useContext)(sr);(0,rr.useEffect)((()=>(n&&n.moduleName&&(e.componentContext=n),Na(e),()=>{Fa(e.name)})),[n,e])}function $i(){return ur(Oa)}function ki(e=null,n=null){const[t,o]=(0,rr.useState)([]);return(0,rr.useEffect)((()=>{const t=co(e,n).subscribe((e=>{o(e)}),(e=>{console.error(e)}));return()=>t.unsubscribe()}),[e,n]),t}function Ci(e,n=!0){const t=(0,rr.useRef)(null);return(0,rr.useEffect)((()=>{const o=o=>{n&&t.current&&o.target&&o.target instanceof Node&&(t.current.contains(o.target)||e(o))};return window.addEventListener("mousedown",o),window.addEventListener("touchstart",o),()=>{window.removeEventListener("mousedown",o),window.removeEventListener("touchstart",o)}}),[e,n]),t}function wi(e){const n=(0,rr.useRef)();return(0,rr.useEffect)((()=>{const t=new IntersectionObserver((n=>{for(const t of n)if(t.isIntersecting)return void e()}),{threshold:1});return n.current&&t.observe(n.current),()=>{n.current&&t.unobserve(n.current)}}),[n.current,e]),n}function xi(e,n={}){const{abortController:t,fetchInit:o,url:a,swrConfig:r}=n,i=Gr(),s=(0,rr.useMemo)((()=>o?.signal??t?.signal??i.signal),[t?.signal,o?.signal,i.signal]),l=(0,rr.useCallback)((e=>{const n=function(e,n){if(n)return"function"==typeof n?n(e):n;if("string"==typeof e)return e;throw new Error(`When using useOpenmrsSWR with a key that is not a string, you must provide a url() function that converts the key to a valid url. The key for this hook is ${e}.`)}(e,a);return An(n,{...o,signal:s})}),[s,o,a]);return(0,Sr.Ay)(e,l,r)}const zi=10;function Ei(e=[],n=zi){const[t,o]=(0,rr.useState)(1),a=(0,rr.useMemo)((()=>"number"==typeof n&&n>0?Math.max(1,Math.ceil(e.length/n)):1),[e.length,n]),r=(0,rr.useMemo)((()=>{const o=(t-1)*n,a=(t+0)*n;return e.slice(o,a)}),[e,t,n]),i=(0,rr.useCallback)((e=>{o(Math.max(1,Math.min(a,e)))}),[o,a]),s=(0,rr.useCallback)((()=>{t<a&&o(t+1)}),[t,a,o]),l=(0,rr.useCallback)((()=>{t>1&&o(t-1)}),[t,o]);return(0,rr.useMemo)((()=>({results:r,totalPages:a,currentPage:t,paginated:e.length>n,showNextButton:t<a,showPreviousButton:t>1,goTo:i,goToNext:s,goToPrevious:l})),[r,a,e.length,n,t,i,s,l])}function Bi(e,n,t,o){return{pageSizes:(0,rr.useMemo)((()=>{let t=Math.ceil(n/e);return isNaN(t)&&(t=0),[...Array(t).keys()].map((n=>(n+1)*e))}),[e,n]),pageItemsCount:(0,rr.useMemo)((()=>{let a=0;return a=e>n?n:e*t>n?e*(t-1)+o:e*t,a}),[e,n,t,o])}}function Si(){const e=/\/patient\/([a-zA-Z0-9\-]+)\/?/.exec(location.pathname);return e&&e[1]}function Mi(e){const[n,t]=(0,rr.useState)(e??Si()),{data:o,error:a,isValidating:r}=(0,Sr.Ay)(n?["patient",n]:null,(()=>oo(n,{})));return(0,rr.useEffect)((()=>{const e=()=>{const e=Si();e!==n&&t(e)};return window.addEventListener("single-spa:routing-event",e),()=>window.removeEventListener("single-spa:routing-event",e)}),[n]),(0,rr.useMemo)((()=>({isLoading:r&&!a&&!o,patient:o,patientUuid:n,error:a})),[r,a,o,n])}function Di(){const e=`${hn}/metadatamapping/termmapping?v=custom:(metadataUuid)&code=emr.primaryIdentifierType`,{data:n,error:t,isLoading:o}=(0,Sr.Ay)(e,An);return(0,rr.useMemo)((()=>({primaryIdentifierCode:n?.data?.results[0]?.metadataUuid,isLoading:o,error:t})),[n,t,o])}function Ti(e){const{extensions:n,extensionSlotModuleName:t}=hr(e);return e?n.map((n=>({state:o})=>rr.createElement(sr.Provider,{value:{moduleName:t,featureName:"",extension:{extensionId:n.id,extensionSlotName:e,extensionSlotModuleName:t}}},rr.createElement(cr,{state:o})))):[]}var Pi=t(94343),Ii=t.n(Pi),Oi=t(93355);const Ni={setVisitContext:(e,n)=>null==n?{manuallySetVisitUuid:null}:{manuallySetVisitUuid:n.uuid,patientUuid:n.patient?.uuid},mutateVisit(e){for(const n of Object.values(e.mutateVisitCallbacks??{}))n();return{}}};function Fi(e){const n=(0,rr.useId)();return(0,rr.useEffect)((()=>{const t=ho();return e&&t.setState({mutateVisitCallbacks:{...t.getState().mutateVisitCallbacks,[n]:e}}),()=>{if(e){const e={...t.getState().mutateVisitCallbacks};delete e[n],t.setState({mutateVisitCallbacks:e})}}}),[n,e]),fr(ho(),Ni)}function Wi(e,n=_o){const{patientUuid:t,manuallySetVisitUuid:o,setVisitContext:a}=Fi(),r=e&&t==e?o:null,i=`?patient=${e}&v=${n}&includeInactive=false`,s=`/${r}?v=${n}`,{data:l,error:c,mutate:p,isValidating:d}=(0,Sr.Ay)(e?`${hn}/visit${i}`:null,An),{data:u,error:f,mutate:m,isValidating:_}=(0,Sr.Ay)(e&&r?`${hn}/visit${s}`:null,An),g=(0,rr.useMemo)((()=>l?.data.results.find((e=>null===e.stopDatetime))??null),[l]),h=(0,rr.useMemo)((()=>r&&u?u.data:null),[u,r]),b=(0,rr.useRef)(null);(0,rr.useEffect)((()=>{!d&&g&&t===e&&null===o&&a(g),_||(b.current&&h&&b.current.uuid===h.uuid&&!b.current.stopDatetime&&h.stopDatetime&&a(null),b.current=h)}),[h,o,g,d,_,t]);const y=(0,rr.useCallback)((()=>{p(),m()}),[p,m]);Fi(y);const v=Boolean(!l||r&&!u),A=Boolean(r?f:c),$=v&&!A;return{error:c||f,mutate:y,isValidating:d||_,activeVisit:g,currentVisit:h,currentVisitIsRetrospective:Boolean(r),isLoading:$}}function Gi(){const[e,n]=(0,rr.useState)([]);return(0,rr.useEffect)((()=>{const e=uo().subscribe((e=>{n(e)}),(e=>console.error(e)));return()=>e.unsubscribe()}),[]),e}let ji;function qi(){const e=(0,rr.useRef)(),[n,t]=(0,rr.useState)(null);let o=null;if(!n){if(ji){const e=zn().getState();e.loaded&&(o=e.session)}else ji=new Promise((n=>{const t=({loaded:t,session:a})=>{t&&(n(a),o=a,e.current&&(e.current(),e.current=void 0))};t(zn().getState()),o||(e.current=zn().subscribe(t))}));if(!o)throw ji;t(o)}(0,rr.useEffect)((()=>(e.current||(e.current=zn().subscribe((({loaded:e,session:n})=>{e&&(o=n,t(n))}))),()=>{e.current&&(e.current(),e.current=void 0)})),[]);const a=n||o;if(!a)throw ji?(console.warn("useSession is in an unexpected state. Attempting to recover."),ji):Error("useSession is in an invalid state.");return a}Pi.extend(Oi);const Li="openmrs-routes:",Vi=new Map;async function Ri(e,n){const t=n.indexOf("#"),o=t>=0,a=o?n.substring(0,t):e,r=o?n.substring(t+1):n,i=await Un(a);return i&&Object.hasOwn(i,r)&&"function"==typeof i[r]?async function(e,n){if(e in Vi)await Vi[e];else{let t=n??await Un(e);await(Vi[e]=new Promise(((n,o)=>{if(Object.hasOwn(t,"startupApp")){const a=t.startupApp;if("function"==typeof a)return Promise.resolve(a()).then((()=>{ue(e),n(null)})).catch(o)}ue(e),n(null)})))}}(a,i).then((()=>i[r]())):(i?i&&Object.hasOwn(i,r)?console.warn(`The export ${n}, defined in ${e}'s routes.json, is not a function`):console.warn(`${a} does not define a component called "${r}", referenced in ${e}'s routes.json. This cannot be loaded.`):console.warn(`Unknown app ${a} for ${n} defined in ${e}'s routes.json`),Ui)}const Ui={bootstrap:()=>Promise.resolve(),mount:()=>Promise.resolve(),unmount:()=>Promise.resolve()};function Hi(e,n){const t=n.name;if(!t)return void console.error(`An extension definition in ${e} is missing an name and thus cannot be\nregistered. To fix this, ensure that you define the "name" field inside the\nextension definition.`,n);n.slots&&n.slot&&console.warn(`The extension ${t} from ${e} declares both a 'slots' property and\na 'slot' property. Only the 'slots' property will be honored.`);const o=n.slots?n.slots:n.slot?[n.slot]:[];if(n.component){xa({name:t,load:()=>Ri(e,n.component),meta:n.meta||{},order:n.order,moduleName:e,privileges:n.privileges,online:n.online??!0,offline:n.offline??!1,featureFlag:n.featureFlag,displayExpression:n.displayExpression});for(const e of o)za(e,t)}else console.error(`The extension ${t} from ${e} is missing a 'component' entry and thus cannot be registered.\nTo fix this, ensure that you define a 'component' field inside the extension definition.`,n)}const Xi=[];function Ji(e){if(Array.isArray(e)){const n=e.map(Ji);return e=>n.some((n=>n(e)))}return"string"==typeof e?(0,on.fz)(window.getOpenmrsSpaBase()+e):e instanceof RegExp?n=>function(e,n){return e.test(n.pathname.replace(window.getOpenmrsSpaBase(),""))}(e,n):()=>e}function Yi(e,n){if(e&&n&&"object"==typeof n){de(e);const t=n.extensions??[],o=n.modals??[],a=n.workspaces??[],r=n.workspaceGroups??[],i=n.featureFlags??[],s=n.workspaceGroups2??[],l=n.workspaceWindows2??[],c=n.workspaces2??[];n.pages?.forEach((n=>{n&&"object"==typeof n&&Object.hasOwn(n,"component")&&(Object.hasOwn(n,"route")||Object.hasOwn(n,"routeRegex")||Object.hasOwn(n,"routes"))?Xi.push({...n,appName:e}):console.warn(`A page for ${e} could not be registered as it does not appear to have the required properties`,n)})),t.forEach((n=>{n&&"object"==typeof n&&Object.hasOwn(n,"name")&&Object.hasOwn(n,"component")?Hi(e,n):console.warn(`An extension for ${e} could not be registered as it does not appear to have the required properties`,n)})),o.forEach((n=>{n&&"object"==typeof n&&Object.hasOwn(n,"name")&&Object.hasOwn(n,"component")?function(e,n){const t=n.name;t?n.component?Ga({name:t,moduleName:e,load:()=>Ri(e,n.component)}):console.error(`The modal ${t} from ${e} is missing a 'component' entry and thus cannot be registered.\nTo fix this, ensure that you define a 'component' field inside the modal definition.`,n):console.error(`A modal definition in ${e} is missing an name and thus cannot be\nregistered. To fix this, ensure that you define the "name" field inside the\nmodal definition.`,n)}(e,n):console.warn(`A modal for ${e} could not be registered as it does not appear to have the required properties`,n)})),a.forEach((n=>{n&&"object"==typeof n&&Object.hasOwn(n,"name")&&Object.hasOwn(n,"component")?function(e,n){const t=n.name;if(!t)return void console.error(`A workspace definition in ${e} is missing a name and thus cannot be registered.\nTo fix this, ensure that you define the "name" field inside the workspace definition.`,n);const o=n.title;if(o)if(n.component){Va({name:t,title:o,component:n.component,moduleName:e,type:n.type,canHide:n.canHide,canMaximize:n.canMaximize,width:n.width,preferredWindowSize:n.preferredWindowSize,groups:n.groups,load:()=>Ri(e,n.component)});for(const e of n.groups||[])Ra({name:e,members:[t]})}else console.error(`The workspace ${t} from ${e} is missing a 'component' entry and thus cannot be registered.\nTo fix this, ensure that you define a 'component' field inside the workspace definition.`,n);else console.error(`A workspace definition in ${e} is missing a title and thus cannot be registered.\nTo fix this, ensure that you define the "title" field inside the workspace definition.`,n)}(e,n):console.warn(`A workspace for ${e} could not be registered as it does not appear to have the required properties`,n)})),r.forEach((n=>{n&&"object"==typeof n&&Object.hasOwn(n,"name")?function(e,n){const t=n.name;t?Ra({name:t,members:n.members??[]}):console.error(`A workspace group definition in ${e} is missing a name and thus cannot be registered.\nTo fix this, ensure that you define the "name" field inside the workspace definition.`,n)}(e,n):console.warn(`A workspace group for ${e} could not be registered as it does not appear to have the required properties`,n)})),er(s),function(e,n){nr(e,n)}(e,l),function(e,n){tr(e,n)}(e,c),i.forEach((n=>{n&&"object"==typeof n&&Object.hasOwn(n,"flagName")?function(e,n){n.flagName?n.label?n.description?na(n.flagName,n.label,n.description):console.error(`A feature flag definition in ${e} is missing a description and thus cannot be registered.\nTo fix this, ensure that you define the "description" field inside the feature flag definition.`,n):console.error(`A feature flag definition in ${e} is missing a description and thus cannot be registered.\nTo fix this, ensure that you define the "label" field inside the feature flag definition.`,n):console.error(`A feature flag definition in ${e} is missing a name and thus cannot be registered.\nTo fix this, ensure that you define the "name" field inside the feature flag definition.`,n)}(e,n):console.warn(`A feature flag for ${e} could not be registered as it does not appear to have the required properties`,n)}))}}function Qi(){Xi.sort(((e,n)=>e.appName.localeCompare(n.appName,"en")));let e=new Map;for(let n of Xi){e.has(n.appName)?e.set(n.appName,e.get(n.appName)+1):e.set(n.appName,0);const t=e.get(n.appName),o=`${n.appName}-page-${t}`,a=n.containerDomId??"omrs-apps-container",r=document.getElementById(a),i=`single-spa-application:${o}`;if(!r)throw new Error(`${n.appName} ${n.component} cannot be mounted to "${a}"; DOM element does not exist.`);{const e=document.createElement("div");e.id=i,r?.appendChild(e)}Ki(o,n)}}function Ki(e,n){const t=void 0!==n.route?n.route:void 0!==n.routeRegex&&new RegExp(n.routeRegex);if(!1===t)return void console.warn('A registered page definition is missing a route and thus cannot be registered.\nTo fix this, ensure that you define the "route" (or alternatively the "routeRegex") field inside the extension definition.',e);if(!n.component)return void console.warn('A registered page definition is missing a component and thus cannot be registered.\nTo fix this, ensure that you define the "component" field inside the page definition.',e);const o=function(e,{online:n,offline:t,featureFlag:o}){return window.offlineEnabled?a=>!!(navigator.onLine&&(n??1)||!navigator.onLine&&t)&&!(o&&!oa(o))&&e(a):e}(Ji(t),n);(0,on.AG)(e,(()=>Ri(n.appName,n.component)),o)}function Zi(e=window.localStorage){try{return e.getItem("test"),!0}catch{return!1}}const es=Zi();function ns(e,n){if(es){if("string"==typeof n){if(n.startsWith("http"))return as(e,n);try{const t=JSON.parse(n);if(rs(t))return as(e,t);console.error(`The supplied routes for ${e} is not a valid OpenmrsAppRoutes object`,n)}catch(n){console.error(`Could not add routes override for ${e}: `,n)}}else{if(n instanceof URL)return as(e,n.toString());if(rs(n))return as(e,n)}console.error(`Override for ${e} is not in a valid format. Expected either a Javascript Object, a JSON string of a Javascript object, or a URL`,n)}}function ts(e){if(!es)return;const n=Li+e;localStorage.removeItem(n)}function os(){if(!es)return;const e=window.localStorage;for(let n=0;n<e.length;n++){const t=e.key(n);t?.startsWith(Li)&&e.removeItem(t)}}function as(e,n){const t=Li+e;localStorage.setItem(t,JSON.stringify(n))}function rs(e){if(e&&"object"==typeof e){const n=Object.prototype.hasOwnProperty,t=e;return!!((!n.call(e,"pages")||Boolean(t.pages)&&Array.isArray(t.pages))&&(!n.call(e,"extensions")||Boolean(t.extensions)&&Array.isArray(t.extensions))&&(!n.call(e,"workspaces")||Boolean(t.workspaces)&&Array.isArray(t.workspaces))&&(!n.call(e,"modals")||Boolean(t.modals)&&Array.isArray(t.modals)))}return!1}function is(e){if(e&&"object"==typeof e){const n=e;return Object.entries(n).every((([e,n])=>"string"==typeof e&&rs(n)))}return!1}var ss={PHONE_MIN:0,PHONE_MAX:600,TABLET_MIN:601,TABLET_MAX:1023,SMALL_DESKTOP_MIN:1024,SMALL_DESKTOP_MAX:1439,LARGE_DESKTOP_MIN:1440,LARGE_DESKTOP_MAX:Number.MAX_SAFE_INTEGER};function ls(){document.body.classList.toggle("omrs-breakpoint-lt-tablet",window.innerWidth<ss.TABLET_MIN),document.body.classList.toggle("omrs-breakpoint-gt-phone",window.innerWidth>ss.PHONE_MAX),document.body.classList.toggle("omrs-breakpoint-gt-tablet",window.innerWidth>ss.TABLET_MAX),document.body.classList.toggle("omrs-breakpoint-lt-desktop",window.innerWidth<ss.SMALL_DESKTOP_MIN),document.body.classList.toggle("omrs-breakpoint-lt-small-desktop",window.innerWidth<ss.SMALL_DESKTOP_MIN),document.body.classList.toggle("omrs-breakpoint-lt-large-desktop",window.innerWidth<ss.LARGE_DESKTOP_MIN),document.body.classList.toggle("omrs-breakpoint-gt-small-desktop",window.innerWidth>ss.SMALL_DESKTOP_MAX)}function cs(){window.addEventListener("resize",ls),ls()}var ps=t(55530),ds=t.n(ps),us=t(97478),fs=t.n(us),ms=t(27135),_s=t.n(ms),gs=t(61301),hs=t.n(gs),bs=t(49222),ys=t.n(bs),vs=t(6626),As=t.n(vs),$s=t(88279),ks=t.n($s),Cs=t(32589),ws={};ws.styleTagTransform=ks(),ws.setAttributes=ys(),ws.insert=hs().bind(null,"head"),ws.domAPI=_s(),ws.insertStyleElement=As(),fs()(Cs.A,ws);const xs=Cs.A&&Cs.A.locals?Cs.A.locals:void 0;function zs(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Es(e){var n,t=e.title,o=e.children,a="tablet"===yi();return ir().createElement("div",{className:ds()((n={},zs(n,xs.tabletHeader,a),zs(n,xs.desktopHeader,!a),n))},ir().createElement("h4",null,t),o)}var Bs=["red","magenta","purple","blue","teal","cyan","gray","green","warm-gray","cool-gray","high-contrast","outline"],Ss={primaryColor:{_type:j.String,_description:"The color for displaying primary diagnoses tags",_default:"red",_validators:[He.oneOf(Bs)]},secondaryColor:{_type:j.String,_description:"The color for displaying secondary diagnoses tags",_default:"blue",_validators:[He.oneOf(Bs)]}},Ms={"Brand color #1":{_default:"#005d5d",_type:j.String},"Brand color #2":{_default:"#004144",_type:j.String},"Brand color #3":{_default:"#007d79",_type:j.String},excludePatientIdentifierCodeTypes:{uuids:{_type:j.Array,_description:"List of UUIDs of patient identifier types to exclude from rendering in the patient banner",_default:[],_elements:{_type:j.UUID}}},implementationName:{_type:j.String,_description:"A name of the place (or authority) where all possible locations a user can choose are located.",_default:"Clinic"},patientPhotoConceptUuid:{_type:j.ConceptUuid,_default:"736e8771-e501-4615-bfa7-570c03f4bef5",_description:"Used to look up the patient photo, which is stored as an attachment obs. Set to `null` in order to disable the feature and use only generated avatars. To remove the avatars entirely, use extension configuration's `remove` feature."},preferredCalendar:{_type:j.Object,_description:"Keys should be locale codes, and values should be the preferred calendar for that locale. For example, {'am': 'ethiopic'}.",_default:{am:"ethiopic"},_elements:{_validators:[He.oneOf(["buddhist","chinese","coptic","dangi","ethioaa","ethiopic","gregory","hebrew","indian","islamic","islamic-umalqura","islamic-tbla","islamic-civil","islamic-rgsa","iso8601","japanese","persian","roc","islamicc"])]}},preferredDateLocale:{_type:j.Object,_description:"Allows setting the locale used for date formatting for any browser locale. Does not affect time formatting. Keys should be locale codes, and values should be the preferred locale for formatting dates. For example, {'en': 'en-US', 'fr-CA': 'en-CA'}.",_default:{en:"en-GB"},_elements:{_type:j.String}},diagnosisTags:Ss},Ds=t(48370),Ts={};Ts.styleTagTransform=ks(),Ts.setAttributes=ys(),Ts.insert=hs().bind(null,"head"),Ts.domAPI=_s(),Ts.insertStyleElement=As(),fs()(Ds.A,Ts);const Ps=Ds.A&&Ds.A.locals?Ds.A.locals:void 0;function Is(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function Os(e){var n,t,o,a,r,i=e.menuTitle,s=e.children,l=(a=ir().useState(!1),r=2,function(e){if(Array.isArray(e))return e}(a)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,a,r=[],i=!0,s=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(s)throw a}}return r}}(a,r)||function(e,n){if(e){if("string"==typeof e)return Is(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Is(e,n):void 0}}(a,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=l[0],p=l[1],d=Ci((function(){return p(!1)}),c),u="tablet"===yi(),f=(0,rr.useCallback)((function(){return p((function(e){return!e}))}),[]);return ir().createElement("div",{"data-overflow-menu":!0,className:ds()("cds--overflow-menu",Ps.container),ref:d},ir().createElement("button",{className:ds()("cds--btn","cds--btn--ghost","cds--overflow-menu__trigger",{"cds--overflow-menu--open":c},Ps.overflowMenuButton),"aria-haspopup":"true","aria-expanded":c,id:"custom-actions-overflow-menu-trigger","aria-controls":"custom-actions-overflow-menu",onClick:f},i),ir().createElement("div",{className:ds()("cds--overflow-menu-options","cds--overflow-menu--flip",Ps.menu,(n={},t=Ps.show,o=c,t in n?Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[t]=o,n)),tabIndex:0,"data-floating-menu-direction":"bottom",role:"menu","aria-labelledby":"custom-actions-overflow-menu-trigger",id:"custom-actions-overflow-menu"},ir().createElement("ul",{className:ds()("cds--overflow-menu-options__content",{"cds--overflow-menu-options--lg":u})},s),ir().createElement("span",null)))}var Ns=t(42277),Fs=t(4194),Ws=t(19287),Gs=t(76856),js={};js.styleTagTransform=ks(),js.setAttributes=ys(),js.insert=hs().bind(null,"head"),js.domAPI=_s(),js.insertStyleElement=As(),fs()(Gs.A,js);const qs=Gs.A&&Gs.A.locals?Gs.A.locals:void 0;function Ls(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var Vs=function(e){var n=e.path,t=e.title,o=e.basePath,a=e.icon,r=(0,Br.useTranslation)().t,i=(0,Ns.zy)(),s=(0,rr.useMemo)((function(){if(!n)return!1;var e=n.startsWith("/")?n.slice(1):n;if(e.startsWith("http"))return e===window.location.href;var t,o=e.split("/").map((function(e){return decodeURIComponent(e)}));return w(o,(null!==(t=i.pathname)&&void 0!==t?t:"").split("/").slice(-1*o.length).map((function(e){return decodeURIComponent(e)})))}),[i.pathname,n]);return ir().createElement("div",{key:n},ir().createElement(Ws.ConfigurableLink,{className:ds()("cds--side-nav__link",{"active-left-nav-link":s}),to:"".concat(o,"/").concat(encodeURIComponent(n))},ir().createElement("span",{className:qs.menu},ir().createElement(Ws.MaybeIcon,{icon:a,className:qs.icon,size:16}),ir().createElement("span",null,r(t)))))};function Rs(e){return function(n){var t=n.basePath;return ir().createElement(Fs.Kd,null,ir().createElement(Vs,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){Ls(e,n,t[n])}))}return e}({basePath:t},e)))}}var Us=t(67591),Hs=t(56513),Xs=t(25295),Js=t(82520),Ys=t(71033),Qs=t(70217),Ks=t(3692),Zs=t(37615),el=t(98036),nl=t(26816),tl=t(18009),ol=t(19962);function al(){let e=window.i18next.language;return e=e.replace("_","-"),"ht"===e&&(e="fr-HT"),e}var rl=t(26991),il=t(7883),sl=t(424),ll=t(41492),cl=t(8271),pl=t(39990);function dl(e,n){var t=function(e,n){if(!n.has(e))throw new TypeError("attempted to get private field on non-instance");return n.get(e)}(e,n);return function(e,n){return n.get?n.get.call(e):n.value}(e,t)}Pi.extend(Oi),Pi.extend(ll),Pi.extend(sl);const ul="YYYY-MM-DDTHH:mm:ss.SSSZZ";function fl(e){return null!=e&&28===e.trim().length&&"T"===(e=e.trim())[10]&&":"===e[13]&&":"===e[16]&&"."===e[19]&&("+"===e[23]||"-"===e[23])&&Pi(e,ul).isValid()}function ml(e){return Pi(e).isToday()}function _l(e){return fl(e)?Pi(e,ul).toDate():null}function gl(e,n=!1){let t=Pi(e);return n&&(t=t.utc()),t.format(ul)}function hl(e){return Pi(e).toDate()}var bl=new WeakMap;const yl=new class{register(e,n){dl(this,bl).set(e,n)}getCalendar(e){if(!Boolean(e))return;if(e.calendar)return e.calendar;if(e.region){const n=`${e.language}-${e.region}`;if(dl(this,bl).has(n))return dl(this,bl).get(n)}if(e.language&&dl(this,bl).has(e.language))return dl(this,bl).get(e.language);const n=new Intl.DateTimeFormat(e.toString()).resolvedOptions().calendar;return dl(this,bl).set(`${e.language}${e.region?`-${e.region}`:""}`,n),n}constructor(){var e,n,t;e=this,n=bl,t={writable:!0,value:new Map},function(e,n){if(n.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}(e,n),n.set(e,t)}};function vl(e,n){yl.register(e,n)}function Al(e){const n=e??al();return yl.getCalendar(n instanceof Intl.Locale?n:new Intl.Locale(n))}const $l={mode:"standard",time:"for today",day:!0,month:!0,year:!0,noToday:!1};function kl(e,n={}){const t=al();let o=(0,il.CD)(e,t);if(o.invalid)return console.warn(`Could not parse invalid date '${e}'`),null;!(0,cl.A)(o.day)&&(0,cl.A)(o.month)&&(o=Object.assign({},(0,pl.A)(o,"day"),{month:o.day})),o.month&&(o.month-=1),o.day&&(o=Object.assign({},(0,pl.A)(o,"day"),{date:o.day}));const a=Pi().set(o).toDate();return(0,cl.A)(o.year)&&(n.year=!1),(0,cl.A)(o.month)&&(n.month=!1),(0,cl.A)(o.date)&&(n.day=!1),Cl(a,n)}function Cl(e,n){let t=n?.locale??al();const o=new Intl.Locale(t),{calendar:a,mode:r,time:i,day:s,month:l,year:c,noToday:p,numberingSystem:d}={...$l,noToday:"am"===o.language,...n},u={calendar:a??Al(o),year:c?"numeric":void 0,month:l?"short":void 0,day:s?"2-digit":void 0,numberingSystem:d};let f;const m=Pi(e).isToday();if(m&&!p)f=new Intl.RelativeTimeFormat(t,{numeric:"auto"}).format(0,"day"),f=f[0].toLocaleUpperCase(t)+f.slice(1);else{"en"===o.language&&(t="en-GB");let n=new Intl.DateTimeFormat(t,u).formatToParts(e);("en"===o.language||"am"===o.language)&&"standard"==r&&c&&s&&(n=n.map(wl("-"))),"wide"==r&&(n=n.map(wl(" — "))),"ethiopic"===u.calendar&&(n=n.filter(((e,n,t)=>!("era"===e.type||"literal"===e.type&&n<t.length-1&&"era"===t[n+1].type)))),f=n.map((e=>e.value)).join("")}return(!0===i||m&&"for today"===i)&&(f+=`, ${xl(e)}`),f}const wl=e=>(n,t,o)=>"literal"!==n.type||" "!==n.value||t<o.length-1&&"era"===o[t+1].type?n:{type:"literal",value:e};function xl(e){return e.toLocaleTimeString(al(),{hour:"2-digit",minute:"2-digit"})}function zl(e,n){return Cl(e,{...n,time:!0})}function El(e,n){const t=Al("string"==typeof n?new Intl.Locale(n):n);return t?(0,Hs.yP)(e,(0,Us.d)(t)):e}function Bl(e,n){return new rl.DurationFormat(al(),n).format(e)}var Sl=t(68644),Ml={};Ml.styleTagTransform=ks(),Ml.setAttributes=ys(),Ml.insert=hs().bind(null,"head"),Ml.domAPI=_s(),Ml.insertStyleElement=As(),fs()(Sl.A,Ml);const Dl=Sl.A&&Sl.A.locals?Sl.A.locals:void 0;var Tl=["omrs-icon-activity","omrs-icon-add","omrs-icon-arrow-down","omrs-icon-arrow-left","omrs-icon-arrow-right","omrs-icon-arrow-up","omrs-icon-baby","omrs-icon-calendar-heat-map","omrs-icon-calendar","omrs-icon-caret-down","omrs-icon-caret-left","omrs-icon-caret-right","omrs-icon-caret-up","omrs-icon-chart-average","omrs-icon-checkmark-filled","omrs-icon-checkmark-outline","omrs-icon-chemistry","omrs-icon-chevron-down","omrs-icon-chevron-left","omrs-icon-chevron-right","omrs-icon-chevron-up","omrs-icon-close","omrs-icon-close-filled","omrs-icon-close-outline","omrs-icon-document","omrs-icon-document-attachment","omrs-icon-download","omrs-icon-drug-order","omrs-icon-edit","omrs-icon-event-schedule","omrs-icon-events","omrs-icon-gender-female","omrs-icon-gender-male","omrs-icon-gender-other","omrs-icon-gender-unknown","omrs-icon-generic-order-type","omrs-icon-group","omrs-icon-group-access","omrs-icon-hospital-bed","omrs-icon-image-medical","omrs-icon-information","omrs-icon-information-filled","omrs-icon-information-square","omrs-icon-inventory-management","omrs-icon-lab-order","omrs-icon-list-checked","omrs-icon-location","omrs-icon-material-order","omrs-icon-maximize","omrs-icon-medication","omrs-icon-message-queue","omrs-icon-microscope","omrs-icon-money","omrs-icon-mother","omrs-icon-movement","omrs-icon-overflow-menu--horizontal","omrs-icon-overflow-menu--vertical","omrs-icon-password","omrs-icon-pedestrian-family","omrs-icon-pen","omrs-icon-printer","omrs-icon-procedure-order","omrs-icon-programs","omrs-icon-renew","omrs-icon-referral-order","omrs-icon-report","omrs-icon-reset","omrs-icon-save","omrs-icon-search","omrs-icon-settings","omrs-icon-shopping-cart","omrs-icon-shopping-cart--arrow-down","omrs-icon-sticky-note-add","omrs-icon-switcher","omrs-icon-syringe","omrs-icon-table-of-contents","omrs-icon-table","omrs-icon-time","omrs-icon-tools","omrs-icon-translate","omrs-icon-trash-can","omrs-icon-tree-view--alt","omrs-icon-user-avatar","omrs-icon-user-follow","omrs-icon-user-xray","omrs-icon-user","omrs-icon-view-off","omrs-icon-view","omrs-icon-warning"],Pl=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-activity",iconProps:e})}))),Il=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-add",iconProps:e})}))),Ol=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-arrow-down",iconProps:e})}))),Nl=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-arrow-left",iconProps:e})}))),Fl=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-arrow-right",iconProps:e})}))),Wl=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-arrow-up",iconProps:e})}))),Gl=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-baby",iconProps:e})}))),jl=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-calendar-heat-map",iconProps:e})}))),ql=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-calendar",iconProps:e})}))),Ll=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-caret-down",iconProps:e})}))),Vl=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-caret-left",iconProps:e})}))),Rl=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-caret-right",iconProps:e})}))),Ul=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-caret-up",iconProps:e})}))),Hl=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-chart-average",iconProps:e})}))),Xl=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-checkmark-filled",iconProps:e})}))),Jl=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-checkmark-outline",iconProps:e})}))),Yl=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-chemistry",iconProps:e})}))),Ql=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-chevron-down",iconProps:e})}))),Kl=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-chevron-left",iconProps:e})}))),Zl=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-chevron-right",iconProps:e})}))),ec=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-chevron-up",iconProps:e})}))),nc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-close",iconProps:e})}))),tc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-close-filled",iconProps:e})}))),oc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-close-outline",iconProps:e})}))),ac=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-document",iconProps:e})}))),rc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-document-attachment",iconProps:e})}))),ic=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-download",iconProps:e})}))),sc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-drug-order",iconProps:e})}))),lc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-edit",iconProps:e})}))),cc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-event-schedule",iconProps:e})}))),pc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-events",iconProps:e})}))),dc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-gender-female",iconProps:e})}))),uc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-gender-male",iconProps:e})}))),fc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-gender-other",iconProps:e})}))),mc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-gender-unknown",iconProps:e})}))),_c=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-generic-order-type",iconProps:e})}))),gc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-group",iconProps:e})}))),hc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-group-access",iconProps:e})}))),bc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-hospital-bed",iconProps:e})}))),yc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-image-medical",iconProps:e})}))),vc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-information",iconProps:e})}))),Ac=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-information-filled",iconProps:e})}))),$c=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-information-square",iconProps:e})}))),kc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-inventory-management",iconProps:e})}))),Cc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-lab-order",iconProps:e})}))),wc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-list-checked",iconProps:e})}))),xc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-location",iconProps:e})}))),zc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-material-order",iconProps:e})}))),Ec=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-maximize",iconProps:e})}))),Bc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-medication",iconProps:e})}))),Sc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-message-queue",iconProps:e})}))),Mc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-microscope",iconProps:e})}))),Dc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-money",iconProps:e})}))),Tc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-mother",iconProps:e})}))),Pc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-movement",iconProps:e})}))),Ic=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-overflow-menu--horizontal",iconProps:e})}))),Oc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-overflow-menu--horizontal",iconProps:e})}))),Nc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-password",iconProps:e})}))),Fc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-pedestrian-family",iconProps:e})}))),Wc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-pen",iconProps:e})}))),Gc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-printer",iconProps:e})}))),jc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-procedure-order",iconProps:e})}))),qc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-programs",iconProps:e})}))),Lc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-referral-order",iconProps:e})}))),Vc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-renew",iconProps:e})}))),Rc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-report",iconProps:e})}))),Uc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-reset",iconProps:e})}))),Hc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-save",iconProps:e})}))),Xc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-search",iconProps:e})}))),Jc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-settings",iconProps:e})}))),Yc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-switcher",iconProps:e})}))),Qc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-shopping-cart",iconProps:e})}))),Kc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-shopping-cart--arrow-down",iconProps:e})}))),Zc=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-sticky-note-add",iconProps:e})}))),ep=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-syringe",iconProps:e})}))),np=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-table-of-contents",iconProps:e})}))),tp=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-table",iconProps:e})}))),op=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-time",iconProps:e})}))),ap=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-tools",iconProps:e})}))),rp=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-translate",iconProps:e})}))),ip=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-trash-can",iconProps:e})}))),sp=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-tree-view--alt",iconProps:e})}))),lp=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-user-avatar",iconProps:e})}))),cp=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-user-follow",iconProps:e})}))),pp=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-user-xray",iconProps:e})}))),dp=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-user",iconProps:e})}))),up=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-view-off",iconProps:e})}))),fp=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-view",iconProps:e})}))),mp=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(Ap,{ref:n,icon:"omrs-icon-warning",iconProps:e})}))),_p=mp,gp=rc,hp=wc,bp=yc,yp=Kc,vp=(0,rr.memo)((0,rr.forwardRef)((function(e,n){var t=e.icon,o=e.fallback,a=function(e,n){if(null==e)return{};var t,o,a=function(e,n){if(null==e)return{};var t,o,a={},r=Object.keys(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,["icon","fallback"]),r=(0,rr.useRef)(t?document.getElementById(t):void 0);return(0,rr.useEffect)((function(){var e=document.getElementById("omrs-svgs-container"),n=new MutationObserver((function(e){var n=!0,o=!1,a=void 0;try{for(var i,s=e[Symbol.iterator]();!(n=(i=s.next()).done);n=!0)"childList"===i.value.type&&(r.current=t?document.getElementById(t):void 0)}catch(e){o=!0,a=e}finally{try{n||null==s.return||s.return()}finally{if(o)throw a}}}));return e&&n.observe(e,{childList:!0}),function(){return n.disconnect()}}),[t]),ir().createElement(wr,{value:r.current,fallback:o},ir().createElement(Ap,{ref:n,icon:t,iconProps:a}))}))),Ap=(0,rr.memo)((0,rr.forwardRef)((function(e,n){var t=e.icon,o=e.iconProps,a=Object.assign({},{fill:"currentColor",size:20},o),r=a.className,i=a.fill,s=a.size;(s<=0||s>72)&&(console.error("Invalid size '".concat(s,"' specified for ").concat(t,". Defaulting to 20.")),s=20);var l=(0,rr.useRef)(null);return(0,rr.useImperativeHandle)(n,(function(){return l.current})),(0,rr.useEffect)((function(){l.current&&"currentColor"!==i&&l.current.style.setProperty("--omrs-icon-fill",i)}),[]),ir().createElement("svg",{ref:l,className:ds()("omrs-icon",Dl.icon,r),height:s,width:s,viewBox:"0 0 16 16"},ir().createElement("use",{href:"#".concat(t)}))}))),$p=t(41900);function kp(e,n){return null!=n&&"undefined"!=typeof Symbol&&n[Symbol.hasInstance]?!!n[Symbol.hasInstance](e):e instanceof n}function Cp(e,n){var t=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(null==e)return t?e:void 0;if("string"==typeof e&&!e)return t?null:void 0;if(kp(e,$p.ng)||kp(e,$p._l)||kp(e,$p.Ip))return n?(0,Hs.yP)(e,n):e;var o=Ii()(e).toDate(),a=new $p.ng(o.getFullYear(),o.getMonth()+1,o.getDate());return n?(0,Hs.yP)(a,n):a}function wp(e){if(e)return e.toDate((0,Xs.Xj)())}var xp=(0,rr.createContext)(null),zp=t(2687),Ep=t(51202);function Bp(e,n){return parseInt(Cl(e,{calendar:n.calendar,locale:n.baseName,day:!1,month:!1,noToday:!0,numberingSystem:"latn"}))}var Sp=(0,rr.forwardRef)((function(e,n){var t=e.className,o=(0,rr.useContext)(ol.f2),a=(0,rr.useContext)(ol._I),r=null!=o?o:a,i=(0,rr.useContext)(xp),s=(0,Xs.Xj)(),l=Cl(r.visibleRange.start.toDate(s),{calendar:i.calendar,locale:i.baseName,day:!1,year:!1,noToday:!0}),c=Bp(r.visibleRange.start.toDate(s),i),p=r.maxValue?Bp(r.maxValue.toDate(s),i):void 0,d=r.minValue?Bp(r.minValue.toDate(s),i):void 0,u=(0,rr.useCallback)((function(e){r.setFocusedDate(r.focusedDate.cycle("year",e-r.focusedDate.year))}),[]);return r&&ir().createElement("span",{ref:n,className:t},ir().createElement("span",null,l),ir().createElement(zp.oz,{formatOptions:{useGrouping:!1},maxValue:p,minValue:d,onChange:u,value:c},ir().createElement(Ep.p,null),ir().createElement(Zs.Y,null,ir().createElement(el.$,{slot:"increment"},ir().createElement(Ul,{size:8})),ir().createElement(el.$,{slot:"decrement"},ir().createElement(Ll,{size:8})))))})),Mp=t(58017),Dp=t(89774),Tp=t(5111);function Pp(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function Ip(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Op(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){Ip(e,n,t[n])}))}return e}function Np(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}var Fp=(0,rr.forwardRef)((function(e,n){var t,o,a=(0,rr.useContext)(Qs.Pg),r=(t=(0,Ys.JT)({slot:e.slot},n,Dp.cQ),o=2,function(e){if(Array.isArray(e))return e}(t)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,a,r=[],i=!0,s=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(s)throw a}}return r}}(t,o)||function(e,n){if(e){if("string"==typeof e)return Pp(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Pp(e,n):void 0}}(t,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=r[0],s=r[1],l=(0,Js.Y)().locale,c=(0,Tp.F)(Np(Op({},i),{locale:l,createCalendar:Us.d})),p=(0,rr.useRef)(null),d=(0,Mp.cJ)(Np(Op({},i),{inputRef:p}),c,s),u=d.fieldProps,f=d.inputProps,m=(0,rr.useCallback)((function(){c.isDisabled||a.toggle()}),[]);return ir().createElement(Ys.Kq,{values:[[Dp.$,c],[Ep.E,Np(Op({},f),{ref:p})],[Zs.t,Np(Op({},u),{ref:s,isInvalid:c.isInvalid})]]},ir().createElement(Zs.Y,Np(Op({},e),{id:e.id,ref:n,slot:e.slot||void 0,className:e.className,isDisabled:c.isDisabled,isInvalid:c.isInvalid,onClick:m}),c.segments.map((function(n,t){return(0,rr.cloneElement)(e.children(n),{key:t})}))),ir().createElement(Ep.p,null))}));function Wp(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Gp(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){Wp(e,n,t[n])}))}return e}var jp=(0,rr.forwardRef)((function(e,n){return(0,rr.useContext)(Qs.Pg).isInvalid?ir().createElement(mp,Gp({ref:n,size:16},e)):ir().createElement(ql,Gp({ref:n,size:16},e))})),qp=t(60064),Lp=t(46049),Vp=t(51697),Rp=t(7866),Up=t(99066),Hp=t(32231);function Xp(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Jp(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){Xp(e,n,t[n])}))}return e}function Yp(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function Qp(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Kp(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){Qp(e,n,t[n])}))}return e}function Zp(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}var ed=(0,rr.forwardRef)((function(e,n){var t,o,a,r,i,s,l,c,p,d,u=e.segment,f=function(e,n){if(null==e)return{};var t,o,a=function(e,n){if(null==e)return{};var t,o,a={},r=Object.keys(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,["segment"]),m=(0,rr.useContext)(Dp.$),_=(0,qp.U)(n),g=(0,Lp.V)(u,m,_).segmentProps,h=(0,Vp.o)(),b=h.focusProps,y=h.isFocused,v=h.isFocusVisible,A=(0,Rp.M)(Zp(Kp({},f),{isDisabled:m.isDisabled||"literal"===u.type})),$=A.hoverProps,k=A.isHovered,C=(t=Zp(Kp({},f),{values:Zp(Kp({},u),{isReadOnly:!u.isEditable,isInvalid:m.isInvalid,isDisabled:m.isDisabled,isHovered:k,isFocused:y,isFocusVisible:v}),defaultChildren:u.text}),o=t.className,a=t.style,r=t.children,i=t.defaultClassName,s=void 0===i?void 0:i,l=t.defaultChildren,c=void 0===l?void 0:l,p=t.defaultStyle,d=t.values,(0,rr.useMemo)((function(){var e,n,t;return e="function"==typeof o?o(Yp(Jp({},d),{defaultClassName:s})):o,n="function"==typeof a?a(Yp(Jp({},d),{defaultStyle:p||{}})):a,t="function"==typeof r?r(Yp(Jp({},d),{defaultChildren:c})):null==r?c:r,{className:null!=e?e:s,style:n||p?Jp({},p,n):void 0,children:null!=t?t:c,"data-rac":""}}),[o,a,r,s,c,p,d])),w=(0,rr.useCallback)((function(e){e.stopPropagation()}),[]);return ir().createElement("span",Zp(Kp({},(0,Up.v)((0,Hp.$)(f),g,b,$),C),{ref:_,style:g.style,"data-placeholder":u.isPlaceholder||void 0,"data-invalid":m.isInvalid||void 0,"data-readonly":!u.isEditable||void 0,"data-disabled":m.isDisabled||void 0,"data-type":u.type,"data-hovered":k||void 0,"data-focused":y||void 0,"data-focus-visible":v||void 0,onClick:w}))})),nd=t(84808),td=t(46986),od={};od.styleTagTransform=ks(),od.setAttributes=ys(),od.insert=hs().bind(null,"head"),od.domAPI=_s(),od.insertStyleElement=As(),fs()(td.A,od);const ad=td.A&&td.A.locals?td.A.locals:void 0;function rd(e){var n=e.children,t=e.isRangePicker,o=void 0!==t&&t,a=(0,rr.useContext)(Qs.Pg),r=(0,rr.useContext)(Qs.a8),i=o?r:a,s=(0,Ws.useOnClickOutside)((function(){return null==i?void 0:i.close()}));return ir().createElement(nd.lG,{className:ad.dialog,ref:s},n)}function id(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var sd={short:!1,size:"md"};function ld(e){return ir().createElement(Js.C,e)}var cd=(0,rr.forwardRef)((function(e,n){var t,o,a,r=Object.assign({},sd,e),i=r.className,s=r.defaultValue,l=r.isDisabled,c=r.invalid,p=r.invalidText,d=r.isInvalid,u=r.label,f=r.labelText,m=r.light,_=r.maxDate,g=r.minDate,h=r.onChange,b=r.onChangeRaw,y=r.short,v=r.size,A=r.value,$=function(e,n){if(null==e)return{};var t,o,a=function(e,n){if(null==e)return{};var t,o,a={},r=Object.keys(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(r,["className","defaultValue","isDisabled","invalid","invalidText","isInvalid","label","labelText","light","maxDate","minDate","onChange","onChangeRaw","short","size","value"]),k=Xr({externalModuleName:"@openmrs/esm-styleguide"}).preferredDateLocale,C=(0,rr.useId)(),w=!!(null!=f?f:u),x=(0,rr.useMemo)((function(){var e=al();return k[e]&&(e=k[e]),e}),[window.i18next.language]),z=(0,rr.useMemo)((function(){var e=Al(x);return void 0!==e?(0,Us.d)(e):void 0}),[x]),E=(0,rr.useMemo)((function(){return new Intl.Locale(x,{calendar:null==z?void 0:z.identifier})}),[x,z]),B=(0,rr.useMemo)((function(){return Cp(s,z)}),[s]),S=(0,rr.useMemo)((function(){return Cp(A,z,!0)}),[A]),M=(0,rr.useMemo)((function(){return Cp(_,z)}),[_]),D=(0,rr.useMemo)((function(){return Cp(g,z)}),[g]),T=(0,rr.useMemo)((function(){return null!=c?c:d}),[c,d]),P=z?(0,Hs.yP)((0,Xs.Ec)((0,Xs.Xj)()),z):(0,Xs.Ec)((0,Xs.Xj)()),I=(0,rr.useMemo)((function(){return b&&h&&console.error("An OpenmrsDatePicker component was created with both onChange and onChangeRaw handlers defined. Only onChangeRaw will be used."),b||function(e){return null==h?void 0:h(wp(e))}}),[b,h]);return ir().createElement(ld,{locale:E.toString()},ir().createElement("div",{className:ds()("cds--form-item",i)},ir().createElement(Ys.Kq,{values:[[xp,E]]},ir().createElement(Qs.lr,(o=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){id(e,n,t[n])}))}return e}({className:ds()("cds--date-picker","cds--date-picker--single",(t={},id(t,"cds--date-picker--short",y),id(t,"cds--date-picker--light",m),t)),defaultValue:B,isDisabled:l,isInvalid:T,maxValue:M,minValue:D,value:S,shouldForceLeadingZeros:"en"===E.language||void 0},$),a=null!=(a={onChange:I})?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(a)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(a)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(a,e))})),o),ir().createElement("div",{className:"cds--date-picker-container"},w&&ir().createElement(Ks.J,{className:ds()("cds--label",{"cds--label--disabled":l}),htmlFor:C},null!=f?f:u),ir().createElement(Zs.Y,{className:ad.inputGroup},ir().createElement(Fp,{id:w?C:void 0,ref:n,className:ds()("cds--date-picker-input__wrapper",ad.inputWrapper,id({},ad.inputWrapperMd,"md"===v||!v||0===v.length))},(function(e){return"era"!==e.type?ir().createElement(ed,{className:ad.inputSegment,segment:e}):ir().createElement(ir().Fragment,null)})),ir().createElement(el.$,{className:ds()(ad.flatButton,ad.flatButtonMd)},ir().createElement(jp,null))),T&&p&&ir().createElement(nl.b,{className:ad.invalidText},p)),ir().createElement(tl.A,{className:ad.popover,placement:"bottom start",offset:1,isNonModal:!0},ir().createElement(rd,null,ir().createElement(ol.Vv,null,ir().createElement("header",{className:ad.header},ir().createElement(el.$,{className:ds()(ad.flatButton,ad.flatButtonMd),slot:"previous"},ir().createElement(Kl,{size:16})),ir().createElement(Sp,{className:ad.monthYear}),ir().createElement(el.$,{className:ds()(ad.flatButton,ad.flatButtonMd),slot:"next"},ir().createElement(Zl,{size:16}))),ir().createElement(ol.r8,{className:ad.calendarGrid},(function(e){return ir().createElement(ol.Zr,{key:e.toString(),className:ds()("cds--date-picker__day",id({},ad.today,0===P.compare(e))),date:e})})))))))))})),pd=t(6370),dd={};dd.styleTagTransform=ks(),dd.setAttributes=ys(),dd.insert=hs().bind(null,"head"),dd.domAPI=_s(),dd.insertStyleElement=As(),fs()(pd.A,dd);const ud=pd.A&&pd.A.locals?pd.A.locals:void 0;function fd(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function md(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){fd(e,n,t[n])}))}return e}var _d=(0,rr.forwardRef)((function(e,n){return(0,rr.useContext)(Qs.a8).isInvalid?ir().createElement(mp,md({ref:n,size:16},e)):ir().createElement(ql,md({ref:n,size:16},e))}));function gd(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var hd=(0,rr.forwardRef)((function(e,n){var t,o,a=e.className,r=e.defaultValue,i=e.invalid,s=e.invalidText,l=e.isDisabled,c=e.isInvalid,p=e.label,d=e.labelText,u=e.light,f=e.maxDate,m=e.minDate,_=e.onChange,g=e.onChangeRaw,h=e.value,b=function(e,n){if(null==e)return{};var t,o,a=function(e,n){if(null==e)return{};var t,o,a={},r=Object.keys(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,["className","defaultValue","invalid","invalidText","isDisabled","isInvalid","label","labelText","light","maxDate","minDate","onChange","onChangeRaw","value"]),y=Xr({externalModuleName:"@openmrs/esm-styleguide"}).preferredDateLocale,v=(0,rr.useId)(),A=!!(null!=d?d:p),$=(0,rr.useMemo)((function(){var e=al();return y[e]&&(e=y[e]),e}),[window.i18next.language]),k=(0,rr.useMemo)((function(){var e=Al($);return void 0!==e?(0,Us.d)(e):void 0}),[$]),C=(0,rr.useMemo)((function(){return new Intl.Locale($,{calendar:null==k?void 0:k.identifier})}),[$,k]),w=(0,rr.useMemo)((function(){if(h)return{start:Cp(h[0],k,!0),end:Cp(h[1],k,!0)}}),[h]),x=(0,rr.useMemo)((function(){if(r)return{start:Cp(r[0],k,!0),end:Cp(r[1],k,!0)}}),[r]),z=(0,rr.useMemo)((function(){return Cp(m,k,!0)}),[m]),E=(0,rr.useMemo)((function(){return Cp(f,k,!0)}),[f]),B=(0,rr.useMemo)((function(){return null!=i?i:c}),[i,c]),S=k?(0,Hs.yP)((0,Xs.Ec)((0,Xs.Xj)()),k):(0,Xs.Ec)((0,Xs.Xj)()),M=(0,rr.useMemo)((function(){return g&&_&&console.error("An OpenmrsDateRangePicker component was created with both onChange and onChangeRaw handlers defined. Only onChangeRaw will be used."),g||function(e){return null==_?void 0:_([wp(e.start),wp(e.end)])}}),[g,_]);return ir().createElement(ld,{locale:C.toString()},ir().createElement("div",{className:ds()("cds--form-item",a)},ir().createElement(Ys.Kq,{values:[[xp,C]]},ir().createElement(Qs.Ur,(t=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){gd(e,n,t[n])}))}return e}({id:A?v:void 0,className:ds()("cds--date-picker",{"cds--date-picker--light":u,"cds--date-picker--disabled":l}),isInvalid:B,shouldForceLeadingZeros:"en"===C.language||void 0,maxValue:E,minValue:z,value:w,defaultValue:x,ref:n,isDisabled:l},b),o=null!=(o={onChange:M})?o:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))})),t),ir().createElement("div",{className:"cds--date-picker-container"},A&&ir().createElement(Ks.J,{className:ds()("cds--label",{"cds--label--disabled":l}),htmlFor:v},null!=d?d:p),ir().createElement(Zs.Y,{className:ud.inputGroup},ir().createElement("div",{className:ud.inputsWrapper},ir().createElement(Dp.J3,{className:ds()("cds--date-picker-input__wrapper",ud.startInput,ud.dateInputWrapper),slot:"start"},(function(e){return ir().createElement(ed,{className:ud.inputSegment,segment:e})})),ir().createElement("div",{className:ud.separator},ir().createElement("span",{"aria-hidden":"true","data-readonly":!0},"–")),ir().createElement(Dp.J3,{className:ds()("cds--date-picker-input__wrapper",ud.endInput,ud.dateInputWrapper),slot:"end"},(function(e){return ir().createElement(ed,{className:ud.inputSegment,segment:e})}))),ir().createElement(el.$,{className:ds()(ud.flatButton,ud.flatButtonMd)},ir().createElement(_d,null))),B&&s&&ir().createElement(nl.b,{className:ud.invalidText},s),ir().createElement(tl.A,{className:ud.popover,placement:"bottom start",offset:1,isNonModal:!0},ir().createElement(rd,{isRangePicker:!0},ir().createElement(ol._e,{minValue:z,maxValue:E,className:"cds--date-picker__calendar"},ir().createElement("header",{className:ud.header},ir().createElement(el.$,{className:ds()(ud.flatButton,ud.flatButtonMd),slot:"previous"},ir().createElement(Kl,{size:16})),ir().createElement(Sp,{className:ud.monthYear}),ir().createElement(el.$,{className:ds()(ud.flatButton,ud.flatButtonMd),slot:"next"},ir().createElement(Zl,{size:16}))),ir().createElement(ol.r8,{className:ud.calendarGrid},(function(e){return ir().createElement(ol.Zr,{key:e.toString(),className:ds()("cds--date-picker__day",gd({},ud.today,0===S.compare(e))),date:e})}))))))))))})),bd=t(95315),yd=t(51584),vd={};vd.styleTagTransform=ks(),vd.setAttributes=ys(),vd.insert=hs().bind(null,"head"),vd.domAPI=_s(),vd.insertStyleElement=As(),fs()(yd.A,vd);const Ad=yd.A&&yd.A.locals?yd.A.locals:void 0;var $d=function(e){var n=e.diagnoses,t=Xr({externalModuleName:"@openmrs/esm-styleguide"}).diagnosisTags;return ir().createElement("div",{className:Ad.container},n.map((function(e){var n=e.rank,o=e.uuid,a=e.display,r=t[1===n?"primaryColor":"secondaryColor"];return ir().createElement(bd.Tag,{key:o,type:r},a)})))},kd=t(92470),Cd={};Cd.styleTagTransform=ks(),Cd.setAttributes=ys(),Cd.insert=hs().bind(null,"head"),Cd.domAPI=_s(),Cd.insertStyleElement=As(),fs()(kd.A,Cd);const wd=kd.A&&kd.A.locals?kd.A.locals:void 0;var xd=function(e){var n=e.width,t=void 0===n?"64":n,o=e.height,a=void 0===o?"64":o;return ir().createElement("svg",{width:t,height:a,viewBox:"0 0 64 64"},ir().createElement("use",{href:"#omrs-empty-data-illustration"}))},zd=function(e){var n="tablet"===yi(),t=e.launchForm;return ir().createElement(bd.Layer,{className:wd.layer},ir().createElement(bd.Tile,{className:wd.tile},ir().createElement(Es,{title:e.headerTitle}),ir().createElement(xd,null),ir().createElement("p",{className:wd.content},Vn("emptyStateText","There are no {{displayText}} to display",{displayText:e.displayText})),ir().createElement("p",{className:wd.action},t&&ir().createElement(bd.Button,{onClick:function(){return t()},kind:"ghost",size:n?"lg":"sm"},Vn("recordNewEntry","Record {{ displayText }}",{displayText:e.displayText})))))},Ed=t(95388),Bd={};Bd.styleTagTransform=ks(),Bd.setAttributes=ys(),Bd.insert=hs().bind(null,"head"),Bd.domAPI=_s(),Bd.insertStyleElement=As(),fs()(Ed.A,Bd);const Sd=Ed.A&&Ed.A.locals?Ed.A.locals:void 0;var Md=function(e){var n,t,o=e.error,a=e.headerTitle;return ir().createElement(bd.Layer,null,ir().createElement(bd.Tile,{className:Sd.tile},ir().createElement(Es,{title:a}),ir().createElement("p",{className:Sd.errorMessage},Vn("error","Error")," ","".concat(null==o||null===(n=o.response)||void 0===n?void 0:n.status,": "),null==o||null===(t=o.response)||void 0===t?void 0:t.statusText),ir().createElement("p",{className:Sd.errorCopy},Vn("errorCopy"))))},Dd=Md,Td=t(56240),Pd={};Pd.styleTagTransform=ks(),Pd.setAttributes=ys(),Pd.insert=hs().bind(null,"head"),Pd.domAPI=_s(),Pd.insertStyleElement=As(),fs()(Td.A,Pd);const Id=Td.A&&Td.A.locals?Td.A.locals:void 0;function Od(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Nd(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){Od(e,n,t[n])}))}return e}var Fd=ir().forwardRef((function(e,n){var t,o=$i(),a=o.slotName,r=o.basePath,i=o.componentContext,s=o.state,l=null!==(t=window.location)&&void 0!==t?t:{pathname:""},c=gr(null!=a?a:"");return e.isChildOfHeader&&a&&c.length>0?ir().createElement(bd.SideNav,Nd({"aria-label":Vn("leftNavigation","Left navigation"),className:Id.leftNav,expanded:!0,ref:n},e),ir().createElement(yr,{name:"global-nav-menu-slot"}),a?ir().createElement(wr,{value:i,fallback:ir().createElement(yr,{name:a,state:Nd({basePath:r,currentPath:l},s)})},ir().createElement(sr.Provider,{value:i},ir().createElement(yr,{name:a,state:Nd({basePath:r,currentPath:l},s)}))):null):null})),Wd=t(92416),Gd={};Gd.styleTagTransform=ks(),Gd.setAttributes=ys(),Gd.insert=hs().bind(null,"head"),Gd.domAPI=_s(),Gd.insertStyleElement=As(),fs()(Wd.A,Gd);const jd=Wd.A&&Wd.A.locals?Wd.A.locals:void 0;function qd(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function Ld(e,n){if(e){if("string"==typeof e)return qd(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?qd(e,n):void 0}}var Vd=function(e){var n,t,o=e.selectedLocationUuid,a=e.defaultLocationUuid,r=e.locationTag,i=e.locationsPerRequest,s=void 0===i?50:i,l=e.onChange,c=(n=(0,rr.useState)(""),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,a,r=[],i=!0,s=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(s)throw a}}return r}}(n,t)||Ld(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),p=c[0],d=c[1],u=(0,rr.useId)(),f=function(e){var n=e?"/ws/fhir2/R4/Location?_id=".concat(e):null,t=(0,Kr.A)(n,An,{shouldRetryOnError:function(e){var n;return!!(null==e||null===(n=e.response)||void 0===n?void 0:n.status)&&e.response.status>=500}}),o=t.data,a=t.error,r=t.isLoading;return(0,rr.useMemo)((function(){var e;return{location:(null==o||null===(e=o.data)||void 0===e?void 0:e.entry)?o.data.entry[0]:null,error:n?a:null,isLoading:!!n&&r}}),[o,r,a,n])}(a),m=f.location,_=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=Qr(arguments.length>2&&void 0!==arguments[2]?arguments[2]:""),o=(0,di.Ay)((function(o,a){if(a){var r,i,s=null===(i=a.data)||void 0===i||null===(r=i.link)||void 0===r?void 0:r.find((function(e){return"next"===e.relation}));if(!s)return null;var l=new URL(s.url);return l.origin===window.location.origin?s.url:new URL("".concat(l.pathname).concat(l.search?"?".concat(l.search):""),window.location.origin).toString()}var c="".concat(bn,"/Location?"),p=new URLSearchParams;return p.append("_summary","data"),n&&p.append("_count",""+n),o&&p.append("_getpagesoffset",""+o*n),e&&p.append("_tag",e),"string"==typeof t&&""!==t&&p.append("name:contains",t),c+p.toString()}),An),a=o.data,r=o.isLoading,i=o.isValidating,s=o.setSize,l=o.error;return(0,rr.useMemo)((function(){var e,n,t,o,c;return{locations:(null==a?void 0:a.length)?null==a?void 0:a.flatMap((function(e){var n,t;return null!==(t=null==e||null===(n=e.data)||void 0===n?void 0:n.entry)&&void 0!==t?t:[]})):[],isLoading:r,totalResults:null==a||null===(n=a[0])||void 0===n||null===(e=n.data)||void 0===e?void 0:e.total,hasMore:!!(null==a?void 0:a.length)&&(null==a||null===(c=a[a.length-1])||void 0===c||null===(o=c.data)||void 0===o||null===(t=o.link)||void 0===t?void 0:t.some((function(e){return"next"===e.relation}))),loadingNewData:i,error:l||null,setPage:s}}),[r,a,i,s,l])}(r,s,p),g=_.locations,h=_.isLoading,b=_.hasMore,y=_.loadingNewData,v=_.error,A=_.setPage,$=(0,rr.useMemo)((function(){return m&&!p&&a?[m].concat(function(e){return function(e){if(Array.isArray(e))return qd(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Ld(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(g.filter((function(e){return e.resource.id!==a})))):null!=g?g:[]}),[m,g,a,p]),k=(0,rr.useCallback)((function(e){l(),d(e.trim())}),[l]),C=(0,rr.useCallback)((function(){!y&&b&&A((function(e){return e+1}))}),[y,b,A]),w=(0,Ws.useOnVisible)(C),x=b?Math.max(0,Math.floor($.length-s/2)):-1;return ir().createElement(ir().Fragment,null,ir().createElement(bd.Search,{"aria-describedby":v?"".concat(u,"-error"):void 0,labelText:Vn("searchForLocation"),id:u,placeholder:Vn("searchForLocation"),onChange:function(e){return k(e.target.value)},size:"lg"}),v&&ir().createElement("div",{className:jd.errorNotification,id:"".concat(u,"-error")},ir().createElement(bd.InlineNotification,{kind:"error",subtitle:Vn("errorLoadingLoginLocations","Unable to load login locations. Please try again or contact support if the problem persists."),title:Vn("error","Error")})),ir().createElement("div",{className:jd.searchResults},h?ir().createElement("div",{className:jd.loadingContainer},Array.from({length:5}).map((function(e,n){return ir().createElement(bd.RadioButtonSkeleton,{key:n,className:jd.radioButtonSkeleton,role:"progressbar"})}))):ir().createElement(ir().Fragment,null,ir().createElement("div",{className:jd.locationResultsContainer},$.length>0?ir().createElement(bd.RadioButtonGroup,{name:"loginLocations",onChange:function(e){l(null==e?void 0:e.toString())},orientation:"vertical",valueSelected:o},$.map((function(e,n){return ir().createElement(bd.RadioButton,{className:jd.locationRadioButton,id:e.resource.id,key:e.resource.id,labelText:ir().createElement("span",{ref:n===x?w:null},e.resource.name),name:e.resource.name,value:e.resource.id})}))):ir().createElement("div",{className:jd.emptyState},ir().createElement("p",{className:jd.locationNotFound},Vn("noResultsToDisplay")))),y&&ir().createElement("div",{className:jd.loadingIcon},ir().createElement(bd.InlineLoading,{description:Vn("loading")})))))};function Rd(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function Ud(e,n,t,o,a,r,i){try{var s=e[r](i),l=s.value}catch(e){return void t(e)}s.done?n(l):Promise.resolve(l).then(o,a)}function Hd(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Xd(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){Hd(e,n,t[n])}))}return e}function Jd(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function Yd(e,n){if(e){if("string"==typeof e)return Rd(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Rd(e,n):void 0}}var Qd=B("modalState",{modalContainer:null,modalStack:[]}),Kd=0;function Zd(e,n){return(t=function(e,n){var t,o,a,r,i,s=arguments;return function(e,n){var t,o,a,r={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return i.next=s(0),i.throw=s(1),i.return=s(2),"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(s){return function(l){return function(s){if(t)throw new TypeError("Generator is already executing.");for(;i&&(i=0,s[0]&&(r=0)),r;)try{if(t=1,o&&(a=2&s[0]?o.return:s[0]?o.throw||((a=o.return)&&a.call(o),0):o.next)&&!(a=a.call(o,s[1])).done)return a;switch(o=0,a&&(s=[2&s[0],a.value]),s[0]){case 0:case 1:a=s;break;case 4:return r.label++,{value:s[1],done:!1};case 5:r.label++,o=s[1],s=[0];continue;case 7:s=r.ops.pop(),r.trys.pop();continue;default:if(!((a=(a=r.trys).length>0&&a[a.length-1])||6!==s[0]&&2!==s[0])){r=0;continue}if(3===s[0]&&(!a||s[1]>a[0]&&s[1]<a[3])){r.label=s[1];break}if(6===s[0]&&r.label<a[1]){r.label=a[1],a=s;break}if(a&&r.label<a[2]){r.label=a[2],r.ops.push(s);break}a[2]&&r.ops.pop(),r.trys.pop();continue}s=n.call(e,r)}catch(e){s=[6,e],o=0}finally{t=a=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(l){switch(l.label){case 0:if(t=s.length>2&&void 0!==s[2]?s[2]:{},o=ja(n),a=null,!e)return[3,2];if(!o)throw Error("No modal named '".concat(n,"' has been registered."));return[4,(0,o.load)()];case 1:return r=l.sent(),i=Kd++,a=(0,on.xL)(Jd(Xd({},r),{name:"".concat(n,"-").concat(i)}),Jd(Xd({},t),{domElement:e})),[3,3];case 2:$("Failed to launch modal. Please notify your administrator. Modal name: ".concat(n)),l.label=3;case 3:return[2,a]}}))},function(){var e=this,n=arguments;return new Promise((function(o,a){var r=t.apply(e,n);function i(e){Ud(r,o,a,i,s,"next",e)}function s(e){Ud(r,o,a,i,s,"throw",e)}i(void 0)}))}).apply(this,arguments);var t}var eu=window.getComputedStyle(document.body).overflow;function nu(e){var n=e.modalStack,t=e.modalContainer;t&&(n.length?(t.style.visibility||(addEventListener("keydown",ou),document.body.style.overflow="hidden",t.style.visibility="unset"),n.forEach((function(e,o){switch(e.state){case"NEW":var a,r,i=function(e){var n=e.size,t=document.createElement("div");return t.className="cds--modal-container cds--modal-container--".concat(n),t.setAttribute("role","dialog"),t.setAttribute("tabindex","-1"),t.setAttribute("aria-modal","true"),t}({size:null!==(r=null===(a=e.props)||void 0===a?void 0:a.size)&&void 0!==r?r:"md"});e.container=i,Zd(i,e.modalName,e.props).then((function(n){e.parcel=n,e.state="MOUNTED",t.prepend(i),i.style.visibility="unset"}));break;case"MOUNTED":e.container&&(e.container.style.visibility=o?"hidden":"unset");break;case"TO_BE_DELETED":var s,l,c;e.onClose(),null===(l=e.parcel)||void 0===l||null===(s=l.unmount)||void 0===s||s.call(l),null===(c=e.container)||void 0===c||c.remove(),setTimeout((function(){Qd.setState({modalContainer:t,modalStack:n.filter((function(n){return n!==e}))})}),0)}}))):(t.style.removeProperty("visibility"),document.body.style.overflow=eu,removeEventListener("keydown",ou)))}function tu(e){var n=Qd.getState(),t=n.modalStack.map((function(n){return n===e?Jd(Xd({},n),{state:"TO_BE_DELETED"}):n}));Qd.setState(Jd(Xd({},n),{modalStack:t}))}function ou(e){var n,t,o;"Escape"===e.key&&(n=(t=Qd.getState().modalStack,o=1,function(e){if(Array.isArray(e))return e}(t)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,a,r=[],i=!0,s=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(s)throw a}}return r}}(t,o)||Yd(t,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0])&&tu(n)}function au(e){Qd.subscribe(nu),Qd.setState(Jd(Xd({},Qd.getState()),{modalContainer:e}))}function ru(e){var n,t,o,a,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},s=function(){var e=Qd.getState().modalStack.find((function(e){return e.onClose===i}));e&&tu(e)};return ja(e)?(n={state:"NEW",onClose:i,modalName:e,props:Xd({close:s},r)},t=Qd.getState(),o=[n].concat(function(e){if(Array.isArray(e))return Rd(e)}(a=t.modalStack)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(a)||Yd(a)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),Qd.setState(Jd(Xd({},t),{modalStack:o}))):$('Failed to launch modal. Please notify your administrator. Modal name: "'.concat(e,'"')),s}var iu=function(e){var n=e.notification,t=n.description,o=n.action,a=n.kind,r=n.critical,i=n.title,s=n.onAction;return ir().createElement(bd.ActionableNotification,{actionButtonLabel:o,kind:a||"info",lowContrast:r,subtitle:t,title:i||"",inline:!0,onActionButtonClick:s})};function su(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function lu(e,n){if(e){if("string"==typeof e)return su(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?su(e,n):void 0}}const cu=function(e){var n,t,o=e.subject,a=(n=(0,rr.useState)([]),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,a,r=[],i=!0,s=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(s)throw a}}return r}}(n,t)||lu(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),r=a[0],i=a[1];return(0,rr.useEffect)((function(){var e=o.subscribe((function(e){return i((function(n){return function(e){return function(e){if(Array.isArray(e))return su(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||lu(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(n.filter((function(n){return n.description!==e.description||n.action!==e.action||n.kind!==e.kind||n.title!==e.title}))).concat([e])}))}));return function(){return e.unsubscribe()}}),[o]),ir().createElement(ir().Fragment,null,r.map((function(e){return ir().createElement(iu,{key:e.id,notification:e})})))};function pu(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function du(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var uu=function(e){var n,t,o=e.notification,a=o.actionButtonLabel,r=o.onActionButtonClick,i=void 0===r?function(){}:r,s=o.subtitle,l=o.kind,c=o.title,p=o.critical,d=o.progressActionLabel,u=(o.id,function(e,n){if(null==e)return{};var t,o,a=function(e,n){if(null==e)return{};var t,o,a={},r=Object.keys(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(o,["actionButtonLabel","onActionButtonClick","subtitle","kind","title","critical","progressActionLabel","id"])),f=(n=(0,rr.useState)(a),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,a,r=[],i=!0,s=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(s)throw a}}return r}}(n,t)||function(e,n){if(e){if("string"==typeof e)return pu(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?pu(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),m=f[0],_=f[1];return ir().createElement(bd.ActionableNotification,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){du(e,n,t[n])}))}return e}({kind:l||"info",actionButtonLabel:m,ariaLabel:Vn("closesActionableNotification","Closes actionable notification"),onActionButtonClick:function(){i(),d&&_(d)},statusIconDescription:Vn("actionableNotification","Actionable notification"),subtitle:s,title:c,lowContrast:p,inline:!0},u))};function fu(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function mu(e,n){if(e){if("string"==typeof e)return fu(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?fu(e,n):void 0}}const _u=function(e){var n,t,o=e.subject,a=(n=(0,rr.useState)([]),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,a,r=[],i=!0,s=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(s)throw a}}return r}}(n,t)||mu(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),r=a[0],i=a[1];return(0,rr.useEffect)((function(){var e=o.subscribe((function(e){return i((function(n){return function(e){return function(e){if(Array.isArray(e))return fu(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||mu(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(n.filter((function(n){return n.subtitle!==e.subtitle||n.actionButtonLabel!==e.actionButtonLabel||n.onActionButtonClick!==e.onActionButtonClick||n.kind!==e.kind||n.title!==e.title}))).concat([e])}))}));return function(){return e.unsubscribe()}}),[o]),ir().createElement(ir().Fragment,null,r.map((function(e){return ir().createElement(uu,{key:e.id,notification:e})})))};var gu=t(9685);function hu(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function bu(e,n){return null!=n&&"undefined"!=typeof Symbol&&n[Symbol.hasInstance]?!!n[Symbol.hasInstance](e):e instanceof n}function yu(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){hu(e,n,t[n])}))}return e}function vu(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function Au(e){return e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e}var $u=new P.Subject,ku=0,Cu=new P.Subject,wu=0;function xu(e){e&&(0,zr.createRoot)(e).render(ir().createElement(cu,{subject:$u}))}function zu(e){var n;e&&("string"==typeof(n=e.description)?n.trim().length>0:"object"===(void 0===n?"undefined":Au(n))&&(bu(n,Error)||!(0,gu.A)(n)))?(bu(e.description,Error)&&(e.description=e.description.toLocaleString()),setTimeout((function(){$u.next(vu(yu({},e),{id:ku++}))}),0)):console.error("showNotification must be called with an object having a 'description' property that is a non-empty string or object")}function Eu(e){e&&(0,zr.createRoot)(e).render(ir().createElement(_u,{subject:Cu}))}function Bu(e){var n;e&&("string"==typeof(n=e.actionButtonLabel)?n.trim().length>0:"object"===(void 0===n?"undefined":Au(n))&&!(0,gu.A)(n))?setTimeout((function(){Cu.next(vu(yu({},e),{id:wu++}))}),0):console.error("showActionableNotification must be called with an actionButtonLabel that is a non-empty string")}var Su=t(41440),Mu={};Mu.styleTagTransform=ks(),Mu.setAttributes=ys(),Mu.insert=hs().bind(null,"head"),Mu.domAPI=_s(),Mu.insertStyleElement=As(),fs()(Su.A,Mu);const Du=Su.A&&Su.A.locals?Su.A.locals:void 0;function Tu(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function Pu(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Iu(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){Pu(e,n,t[n])}))}return e}function Ou(e,n){if(null==e)return{};var t,o,a=function(e,n){if(null==e)return{};var t,o,a={},r=Object.keys(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var Nu=function(e){if(function(e){return"children"in e}(e)){var n=e.children,t=e.className,o=Ou(e,["children","className"]);return ir().createElement("div",Iu({className:ds()(Du.pageHeader,t)},o),n)}var a=e.title,r=e.illustration,i=e.className,s=Ou(e,["title","illustration","className"]);return ir().createElement("div",Iu({className:ds()(Du.pageHeader,i)},s),ir().createElement(Fu,{title:a,illustration:r}))},Fu=function(e){var n,t,o=e.title,a=e.illustration,r=e.className,i=(n=(0,rr.useState)(null),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,a,r=[],i=!0,s=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(s)throw a}}return r}}(n,t)||function(e,n){if(e){if("string"==typeof e)return Tu(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Tu(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),s=i[0],l=i[1];return(0,rr.useEffect)((function(){ge("@openmrs/esm-styleguide").then((function(e){l(e)}))}),[]),ir().createElement("div",{className:ds()(Du.pageHeaderContent,r)},a,ir().createElement("div",{className:Du.pageLabels},(null==s?void 0:s.implementationName)&&ir().createElement("p",null,Vn(s.implementationName)),ir().createElement("p",{className:Du.pageName},o)))},Wu=t(16514),Gu={};Gu.styleTagTransform=ks(),Gu.setAttributes=ys(),Gu.insert=hs().bind(null,"head"),Gu.domAPI=_s(),Gu.insertStyleElement=As(),fs()(Wu.A,Gu);const ju=Wu.A&&Wu.A.locals?Wu.A.locals:void 0;function qu(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var Lu=function(e){var n,t=e.totalItems,o=e.pageSize,a=e.onPageNumberChange,r=e.pageNumber,i=e.dashboardLinkUrl,s=e.currentItems,l=e.dashboardLinkLabel,c=Bi(o,t,r,s),p=c.pageSizes,d=c.pageItemsCount,u="tablet"===yi(),f=Vn("paginationItemsCount","{{pageItemsCount}} / {{totalItems}} items",{totalItems:t,pageItemsCount:d});return ir().createElement(ir().Fragment,null,t>0&&ir().createElement("div",{className:ds()((n={},qu(n,ju.tablet,u),qu(n,ju.desktop,!u),n))},ir().createElement("div",null,f,i&&ir().createElement(lr,{to:i,className:ju.configurableLink},null!=l?l:Vn("seeAll","See all"))),ir().createElement(bd.Pagination,{className:ju.pagination,page:r,pageSize:o,pageSizes:p,totalItems:t,onChange:a,pageRangeText:function(e,n){return Vn("paginationOfPages","of {{count}} pages",{count:n})},size:u?"lg":"sm"})))};function Vu(e){return Uu(Xu(e,"usual","official"))}function Ru(e){return Vu(e)}function Uu(e){return e?e.text??function(e){const n=e.given??[];return(e.family?n.concat(e.family):n).join(" ")}(e):""}function Hu(e){return Uu(e)}function Xu(e,...n){0==n.length&&(n=["usual"]);for(const t of n){const n=e.name?.find((e=>Ju(e,t)));if(n)return n}}function Ju(e,n){return e.use?e.use===n:"usual"===n}function Yu(e,n=Pi()){if(null==e)return null;const t=al(),o=Pi(n);let a;if("string"==typeof e){let n=(0,il.CD)(e,t);if(n.invalid)return console.warn(`Could not interpret '${e}' as a date`),null;n.day&&!n.month&&(n=Object.assign({},(0,pl.A)(n,"day"),{month:n.day})),n.month&&(n.month-=1),n.day&&(n=Object.assign({},(0,pl.A)(n,"day"),{date:n.day})),a=Pi(o).set(n)}else a=Pi(e);const r=o.diff(a,"hours"),i=o.diff(a,"days"),s=o.diff(a,"weeks"),l=o.diff(a,"months"),c=o.diff(a,"years"),p={},d={style:"short",localeMatcher:"lookup"};if(r<2){const e=o.diff(a,"minutes");p.minutes=e,0===e&&(d.minutesDisplay="always")}else if(i<2)p.hours=r;else if(s<4)p.days=i;else if(c<1){const e=o.subtract(s,"weeks").diff(a,"days");p.weeks=s,p.days=e}else if(c<2){const e=o.subtract(l,"months").diff(a,"days");p.months=l,p.days=e}else if(c<18){const e=o.subtract(c,"year").diff(a,"months");p.years=c,p.months=e}else p.years=c;return new rl.DurationFormat(t,d).format(p)}Pi.extend(sl);var Qu=t(77238),Ku={};Ku.styleTagTransform=ks(),Ku.setAttributes=ys(),Ku.insert=hs().bind(null,"head"),Ku.domAPI=_s(),Ku.insertStyleElement=As(),fs()(Qu.A,Ku);const Zu=Qu.A&&Qu.A.locals?Qu.A.locals:void 0;function ef(e){var n=e.showIdentifierLabel,t=e.type,o=e.value;return ir().createElement("span",{className:Zu.primaryIdentifier},ir().createElement(bd.Tag,{className:Zu.tag,type:"gray"},n&&(null==t?void 0:t.text)&&ir().createElement("span",{className:Zu.label},t.text,": "),ir().createElement("span",{className:Zu.value},o)))}function nf(e){var n=e.showIdentifierLabel,t=e.type,o=e.value;return ir().createElement(bd.FormLabel,{className:Zu.secondaryIdentifier,id:"patient-banner-identifier-".concat(o)},n&&ir().createElement("span",{className:Zu.label},null==t?void 0:t.text,": "),ir().createElement("span",{className:Zu.value},o))}function tf(e){var n,t=e.identifiers,o=e.showIdentifierLabel,a=Xr().excludePatientIdentifierCodeTypes,r=Di().primaryIdentifierCode,i=null!==(n=null==t?void 0:t.filter((function(e){var n,t,o,r=null===(o=e.type)||void 0===o||null===(t=o.coding)||void 0===t||null===(n=t[0])||void 0===n?void 0:n.code;return r&&!(null==a?void 0:a.uuids.includes(r))})))&&void 0!==n?n:[];return ir().createElement(ir().Fragment,null,(null==i?void 0:i.length)?i.map((function(e,n){var t,a,s=e.value,l=e.type;return ir().createElement(ir().Fragment,{key:s},ir().createElement("span",{className:Zu.identifier},(null==l||null===(a=l.coding)||void 0===a||null===(t=a[0])||void 0===t?void 0:t.code)===r?ir().createElement(ef,{showIdentifierLabel:o,type:l,value:s}):ir().createElement(nf,{showIdentifierLabel:o,type:l,value:s})),n<i.length-1&&ir().createElement("span",{className:Zu.separator},"·"))})):"")}const of=tf;var af={Female:dc,Male:uc,Other:fc,Unknown:mc},rf=function(e){var n=e.gender,t=af[n];return t?ir().createElement(t,{fill:"#525252"}):null},sf={male:"Male",female:"Female",other:"Other",unknown:"Unknown"},lf=function(e){var n,t=e.toLowerCase(),o=null!==(n=sf[t])&&void 0!==n?n:"Unknown";return{displayText:Vn(t,e),iconKey:o}};function cf(e){var n=e.patient,t=e.renderedFrom,o=Vu(n),a=(null==n?void 0:n.gender)&&lf(n.gender),r=(0,rr.useMemo)((function(){return{patientUuid:n.id,patient:n,renderedFrom:t}}),[n.id,n,t]);return ir().createElement("div",{className:Zu.patientInfo},ir().createElement("div",{className:ds()(Zu.row,Zu.patientNameRow)},ir().createElement("div",{className:Zu.flexRow},ir().createElement("span",{className:Zu.patientName},o),a&&ir().createElement("div",{className:Zu.gender},ir().createElement(rf,{gender:a.iconKey}),ir().createElement("span",null,a.displayText)),ir().createElement(yr,{className:Zu.tagsSlot,name:"patient-banner-tags-slot",state:r}))),ir().createElement("div",{className:Zu.demographics},n.birthDate&&ir().createElement(ir().Fragment,null,ir().createElement("span",null,Yu(n.birthDate)),ir().createElement("span",{className:Zu.separator},"·"),ir().createElement("span",null,kl(n.birthDate,{time:!1})),ir().createElement("span",{className:Zu.separator},"·")),ir().createElement(of,{identifiers:n.identifier,showIdentifierLabel:!0}),ir().createElement(yr,{className:Zu.extensionSlot,name:"patient-banner-bottom-slot",state:r})))}var pf=t(57683),df=t(69514),uf={};uf.styleTagTransform=ks(),uf.setAttributes=ys(),uf.insert=hs().bind(null,"head"),uf.domAPI=_s(),uf.insertStyleElement=As(),fs()(df.A,uf);const ff=df.A&&df.A.locals?df.A.locals:void 0;function mf(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function _f(e){var n=e.patient,t=e.patientUuid,o=e.actionsSlotName,a=e.additionalActionsSlotState,r=hr(o).extensions,i=(0,rr.useMemo)((function(){return function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){mf(e,n,t[n])}))}return e}({patientUuid:t,patient:n},a)}),[t,a]);return ir().createElement(ir().Fragment,null,r.length>0?ir().createElement("div",{className:ff.overflowMenuContainer},ir().createElement(Os,{menuTitle:ir().createElement(ir().Fragment,null,ir().createElement("span",{className:ff.actionsButtonText},Vn("actions","Actions"))," ",ir().createElement(pf.CH,{size:16,style:{marginLeft:"0.5rem",fill:"#78A9FF"}}))},ir().createElement(yr,{name:o,key:o,state:i}))):null)}var gf=t(19638),hf=t(10397),bf=t.n(hf);function yf(e){var n,t,o,a=Xr({externalModuleName:"@openmrs/esm-styleguide"}).patientPhotoConceptUuid,r=a?"".concat(hn,"/obs?patient=").concat(e,"&concept=").concat(a,"&v=full"):null,i=(0,Sr.Ay)(e?r:null,An),s=i.data,l=i.error,c=i.isLoading,p=null==s||null===(n=s.data)||void 0===n?void 0:n.results[0];return{data:p?{dateTime:null==p?void 0:p.obsDatetime,imageSrc:null==p||null===(o=p.value)||void 0===o||null===(t=o.links)||void 0===t?void 0:t.uri}:null,error:l,isLoading:c}}const vf=function(e){var n=e.width,t=void 0===n?56:n,o=e.height,a=void 0===o?56:o,r=e["aria-label"],i=(0,Br.useTranslation)().t;return ir().createElement("svg",{"aria-label":null!=r?r:i("patientPhotoPlaceholder","Patient photo placeholder"),width:t,height:a,fill:"none",xmlns:"http://www.w3.org/2000/svg"},ir().createElement("path",{fill:"#ffffff",d:"M0 0h56v56H0z"}),ir().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m36.75 20.134-.884-.884L19.25 35.866l.884.884 1.25-1.25H34.25a1.252 1.252 0 0 0 1.25-1.25V21.384l1.25-1.25Zm-2.5 14.116H22.634l4.87-4.87 1.487 1.486a1.25 1.25 0 0 0 1.768 0l.991-.991 2.5 2.498v1.877Zm0-3.645-1.616-1.616a1.25 1.25 0 0 0-1.768 0l-.991.991-1.486-1.486 5.861-5.86v7.971Zm-12.5 1.145v-1.875l3.125-3.123.858.859.885-.885-.86-.86a1.25 1.25 0 0 0-1.767 0l-2.241 2.242V21.75h10V20.5h-10c-.69 0-1.25.56-1.25 1.25v10h1.25Z",fill:"#8D8D8D"}))};var Af=t(70160),$f={};$f.styleTagTransform=ks(),$f.setAttributes=ys(),$f.insert=hs().bind(null,"head"),$f.domAPI=_s(),$f.insertStyleElement=As(),fs()(Af.A,$f);const kf=Af.A&&Af.A.locals?Af.A.locals:void 0;function Cf(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function wf(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,a,r=[],i=!0,s=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(s)throw a}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Cf(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Cf(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function xf(e){var n=e.patientUuid,t=e.patientName,o=e.alt,a=yf(n),r=a.data,i=a.isLoading,s=wf((0,rr.useState)(null),2),l=s[0],c=s[1],p=wf((0,rr.useState)(!1),2),d=p[0],u=p[1],f=(0,rr.useMemo)((function(){return bf().generate(n)}),[n]);(0,rr.useEffect)((function(){if(null==r?void 0:r.imageSrc){u(!0);var e=!1,n=new Image;return n.onload=function(){e||(c(r.imageSrc),u(!1))},n.onerror=function(){e||(c(null),u(!1))},n.src=r.imageSrc,function(){e=!0}}c(null),u(!1)}),[null==r?void 0:r.imageSrc]);var m=(0,rr.useMemo)((function(){return o||(l?Vn("patientPhotoAlt","Profile photo of {{patientName}}",{patientName:t}):Vn("patientAvatarAlt","Avatar for {{patientName}}",{patientName:t}))}),[o,l,t]);return i||d?ir().createElement(bd.SkeletonIcon,{className:kf.skeleton,"data-testid":"skeleton-icon"}):(null==r?void 0:r.imageSrc)&&!l?ir().createElement(vf,{"aria-label":Vn("patientPhotoPlaceholder","Photo placeholder for {{patientName}}",{patientName:t})}):ir().createElement("div",{"aria-label":m},ir().createElement(gf.Ay,{alt:m,color:"rgba(0,0,0,0)",maxInitials:3,name:t,size:"56",src:null!=l?l:void 0,style:l?void 0:{backgroundImage:f.toDataUrl(),backgroundRepeat:"round"},textSizeRatio:2}))}var zf=t(85472),Ef={};Ef.styleTagTransform=ks(),Ef.setAttributes=ys(),Ef.insert=hs().bind(null,"head"),Ef.domAPI=_s(),Ef.insertStyleElement=As(),fs()(zf.A,Ef);const Bf=zf.A&&zf.A.locals?zf.A.locals:void 0;var Sf=["omrs-pict-appointments","omrs-pict-assessment-1","omrs-pict-assessment-2","omrs-pict-blood-bank","omrs-pict-cardiology","omrs-pict-ct-scan","omrs-pict-dentistry","omrs-pict-emergency-department","omrs-pict-facility","omrs-pict-geriatrics","omrs-pict-gynaecology","omrs-pict-in-patient","omrs-pict-laboratory","omrs-pict-labs-2","omrs-pict-obstetrics","omrs-pict-patient-search","omrs-pict-patients","omrs-pict-payments-desk","omrs-pict-pharmacy","omrs-pict-pharmacy-2","omrs-pict-registration","omrs-pict-service-queues","omrs-pict-stock-management","omrs-pict-transfer","omrs-pict-triage","omrs-pict-x-ray"],Mf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-appointments",pictogramProps:e})}))),Df=Mf,Tf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-assessment-1",pictogramProps:e})}))),Pf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-assessment-2",pictogramProps:e})}))),If=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-blood-bank",pictogramProps:e})}))),Of=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-cardiology",pictogramProps:e})}))),Nf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-ct-scan",pictogramProps:e})}))),Ff=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-dentistry",pictogramProps:e})}))),Wf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-emergency-department",pictogramProps:e})}))),Gf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-facility",pictogramProps:e})}))),jf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-geriatrics",pictogramProps:e})}))),qf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-gynaecology",pictogramProps:e})}))),Lf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-in-patient",pictogramProps:e})}))),Vf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-laboratory",pictogramProps:e})}))),Rf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-labs-2",pictogramProps:e})}))),Uf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-obstetrics",pictogramProps:e})}))),Hf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-patient-search",pictogramProps:e})}))),Xf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-patients",pictogramProps:e})}))),Jf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-payments-desk",pictogramProps:e})}))),Yf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-pharmacy",pictogramProps:e})}))),Qf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-pharmacy-2",pictogramProps:e})}))),Kf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-registration",pictogramProps:e})}))),Zf=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-service-queues",pictogramProps:e})}))),em=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-stock-management",pictogramProps:e})}))),nm=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-transfer",pictogramProps:e})}))),tm=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-triage",pictogramProps:e})}))),om=(0,rr.memo)((0,rr.forwardRef)((function(e,n){return ir().createElement(sm,{ref:n,pictogram:"omrs-pict-x-ray",pictogramProps:e})}))),am=Gf,rm=Xf,im=(0,rr.memo)((0,rr.forwardRef)((function(e,n){var t=e.pictogram,o=e.fallback,a=function(e,n){if(null==e)return{};var t,o,a=function(e,n){if(null==e)return{};var t,o,a={},r=Object.keys(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,["pictogram","fallback"]),r=(0,rr.useRef)(document.getElementById(t));return(0,rr.useEffect)((function(){var e=document.getElementById("omrs-svgs-container"),n=new MutationObserver((function(e){var n=!0,o=!1,a=void 0;try{for(var i,s=e[Symbol.iterator]();!(n=(i=s.next()).done);n=!0)"childList"===i.value.type&&(r.current=document.getElementById(t))}catch(e){o=!0,a=e}finally{try{n||null==s.return||s.return()}finally{if(o)throw a}}}));return e&&n.observe(e,{childList:!0}),function(){return n.disconnect()}}),[t]),ir().createElement(wr,{value:r.current,fallback:o},ir().createElement(sm,{ref:n,pictogram:t,pictogramProps:a}))}))),sm=(0,rr.memo)((0,rr.forwardRef)((function(e,n){var t=e.pictogram,o=e.pictogramProps,a=Object.assign({},{size:92},o),r=a.className,i=a.size;return(i<=26||i>144)&&(console.error("Invalid size '".concat(i,"' specified for ").concat(t,". Defaulting to 92.")),i=92),ir().createElement("svg",{ref:n,className:ds()(Bf.pictogram,r),height:i,width:i},ir().createElement("use",{href:"#".concat(t)}))}))),lm=function(e){var n=e.children;return"tablet"===yi()?ir().createElement(bd.Layer,null,n):ir().createElement(ir().Fragment,null,n)},cm=t(35097),pm={};pm.styleTagTransform=ks(),pm.setAttributes=ys(),pm.insert=hs().bind(null,"head"),pm.domAPI=_s(),pm.insertStyleElement=As(),fs()(cm.A,pm);const dm=cm.A&&cm.A.locals?cm.A.locals:void 0;function um(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function fm(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function mm(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,a,r=[],i=!0,s=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(s)throw a}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return um(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?um(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var _m=function(e){var n,t=e.snackbar,o=e.closeSnackbar,a=t.actionButtonLabel,r=void 0===a?"":a,i=t.kind,s=void 0===i?"success":i,l=t.onActionButtonClick,c=void 0===l?function(){}:l,p=t.isLowContrast,d=void 0===p?"error"!==s:p,u=t.progressActionLabel,f=t.subtitle,m=void 0===f?"":f,_=t.timeoutInMs,g=void 0===_?5e3:_,h=t.autoClose,b=void 0===h?"error"!==s:h,y=t.title,v=(t.id,function(e,n){if(null==e)return{};var t,o,a=function(e,n){if(null==e)return{};var t,o,a={},r=Object.keys(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(t,["actionButtonLabel","kind","onActionButtonClick","isLowContrast","progressActionLabel","subtitle","timeoutInMs","autoClose","title","id"])),A=mm((0,rr.useState)(r),2),$=A[0],k=A[1],C=mm((0,rr.useState)(!0),2),w=C[0],x=C[1],z=mm((0,rr.useState)(!1),2),E=z[0],B=z[1],S=(0,rr.useCallback)((function(){setTimeout(o,250)}),[o]),M=(0,rr.useCallback)((function(){B(!0),S()}),[S]);return(0,rr.useEffect)((function(){if(b){var e=setTimeout(M,g);return function(){return clearTimeout(e)}}}),[g,b,M]),(0,rr.useEffect)((function(){x(!1),window.setTimeout((function(){x(!0)}),0)}),[]),ir().createElement(bd.ActionableNotification,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){fm(e,n,t[n])}))}return e}({actionButtonLabel:$,"aria-label":Vn("closeSnackbar","Close snackbar"),className:ds()(dm.slideIn,(n={},fm(n,dm.animated,w),fm(n,dm.slideOut,E),n)),inline:!0,kind:s,lowContrast:d,onActionButtonClick:function(){c(),M(),u&&k(u)},onClose:S,statusIconDescription:Vn("snackbarNotification","Snackbar notification"),subtitle:m,title:y},v))};function gm(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function hm(e,n){if(e){if("string"==typeof e)return gm(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?gm(e,n):void 0}}const bm=function(e){var n,t,o=e.subject,a=(n=(0,rr.useState)([]),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,a,r=[],i=!0,s=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(s)throw a}}return r}}(n,t)||hm(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),r=a[0],i=a[1],s=(0,rr.useCallback)((function(e){i((function(n){return n.filter((function(n){return n!==e}))}))}),[]);return(0,rr.useEffect)((function(){var e=o.subscribe((function(e){return i((function(n){return function(e){return function(e){if(Array.isArray(e))return gm(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||hm(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(n.filter((function(n){return n.subtitle!==e.subtitle||n.actionButtonLabel!==e.actionButtonLabel||n.onActionButtonClick!==e.onActionButtonClick||n.kind!==e.kind||n.title!==e.title}))).concat([e])}))}));return function(){return e.unsubscribe()}}),[o]),ir().createElement(ir().Fragment,null,r.map((function(e){return ir().createElement(_m,{key:e.id,snackbar:e,closeSnackbar:function(){return s(e)}})})))};function ym(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var vm=new P.Subject,Am=0;function $m(e){e&&(0,zr.createRoot)(e).render(ir().createElement(bm,{subject:vm}))}function km(e){var n;e&&"string"==typeof(n=e.title)&&n.trim().length>0?setTimeout((function(){var n,t;vm.next((n=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){ym(e,n,t[n])}))}return e}({},e),t=null!=(t={id:Am++})?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})),n))}),0):console.error("showSnackbar must be called with an object having a 'title' property that is a non-empty string")}var Cm=function(e){var n=e.toast,t=e.closeToast,o=n.description,a=n.kind,r=n.critical,i=n.title,s=n.actionButtonLabel,l=n.onActionButtonClick,c=void 0===l?function(){}:l,p=(0,rr.useCallback)((function(){c(),t()}),[t,c]);return ir().createElement("div",null,ir().createElement(bd.ActionableNotification,{actionButtonLabel:s,kind:a||"info",lowContrast:r,subtitle:o,title:i||"",onActionButtonClick:p,onClose:t}))};function wm(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function xm(e,n){if(e){if("string"==typeof e)return wm(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?wm(e,n):void 0}}const zm=function(e){var n,t,o=e.subject,a=(n=(0,rr.useState)([]),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,a,r=[],i=!0,s=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(s)throw a}}return r}}(n,t)||xm(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),r=a[0],i=a[1],s=(0,rr.useCallback)((function(e){i((function(n){return n.filter((function(n){return n!==e}))}))}),[]);return(0,rr.useEffect)((function(){var e=o.subscribe((function(e){return i((function(n){return function(e){return function(e){if(Array.isArray(e))return wm(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||xm(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(n.filter((function(n){return n.description!==e.description||n.kind!==e.kind||n.title!==e.title||n.actionButtonLabel!==e.actionButtonLabel||n.onActionButtonClick!==e.onActionButtonClick}))).concat([e])}))}));return function(){return e.unsubscribe()}}),[o]),ir().createElement(ir().Fragment,null,r.map((function(e){return ir().createElement(Cm,{key:e.id,toast:e,closeToast:function(){return s(e)}})})))};function Em(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var Bm=new P.Subject,Sm=0;function Mm(e){e&&(0,zr.createRoot)(e).render(ir().createElement(zm,{subject:Bm}))}function Dm(e){var n,t;e&&("string"==typeof(n=e.description)?n.trim().length>0:"object"==(void 0===n?"undefined":(t=n)&&"undefined"!=typeof Symbol&&t.constructor===Symbol?"symbol":typeof t)&&!(0,gu.A)(n))?setTimeout((function(){var n,t;Bm.next((n=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){Em(e,n,t[n])}))}return e}({},e),t=null!=(t={id:Sm++})?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})),n))}),0):console.error("showToast must be called with an object having a 'description' property that is a non-empty string or object")}function Tm(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function Pm(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Im(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){Pm(e,n,t[n])}))}return e}function Om(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function Nm(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1])return!0;var n=Rm(e);return!n||!n()}function Fm(e,n){var t,o=Km(),a=null===(t=o.getState())||void 0===t?void 0:t.workspaceGroup,r=null==a?void 0:a.name;r&&e===r&&n_((function(){var t=i_(e);t&&(t.setState({},!0),t.subscribe((function(){}))()),"function"==typeof(null==a?void 0:a.cleanup)&&a.cleanup(),o.setState((function(e){return Om(Im({},e),{workspaceGroup:void 0})})),"function"==typeof n&&n()}),r?function(e){return e.currentWorkspaceGroup===r}:function(){return!0})}function Wm(e,n){var t=Xa(e),o=n.state,a=n.onWorkspaceGroupLaunch,r=n.workspaceGroupCleanup,i=n.workspaceToLaunch,s=Km();if(s.getState().openWorkspaces.length){var l=s.getState().workspaceGroup;l?Fm(null==l?void 0:l.name,(function(){Wm(e,n)})):n_((function(){Wm(e,n)}))}else{var c;s.setState((function(n){return Om(Im({},n),{workspaceGroup:{name:e,members:t.members,cleanup:r}})})),i_(e,o),null==a||a(),i&&jm(i.name,null!==(c=i.additionalProps)&&void 0!==c?c:{})}}function Gm(e,n){var t,o=n.name,a=n.additionalProps,r=(Ha(o),function(){Xm(e.name,{ignoreChanges:!0,onWorkspaceClose:function(){return jm(o,a)},closeWorkspaceGroup:!1})});Nm(e.name)?r():o_("closing-workspace-launching-new-workspace",r,null!==(t=e.title)&&void 0!==t?t:e.name)}function jm(e,n){var t,o,a=Km(),r=Ha(e),i=a.getState().workspaceGroup;if(!i||(null===(t=i.members)||void 0===t?void 0:t.includes(e))){var s=null===(o=a.getState().workspaceGroup)||void 0===o?void 0:o.name,l=Om(Im({},r),{title:a_(r,n),closeWorkspace:function(){return Xm(e,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})},closeWorkspaceWithSavedChanges:function(n){return Xm(e,Im({ignoreChanges:!0},n))},promptBeforeClosing:function(n){return Vm(e,n)},setTitle:function(n,t){l.title=n,l.titleNode=t,a.setState((function(n){var t=n.openWorkspaces.map((function(n){return n.name===e?l:n}));return Om(Im({},n),{openWorkspaces:t})}))},currentWorkspaceGroup:s,additionalProps:null!=n?n:{}});s&&i_(s,n);var c=a.getState().openWorkspaces,p=c.findIndex((function(n){return n.name===e})),d=p>=0,u=c.find((function(e){return e.type==l.type}));if(0===c.length)_(l);else if(c[0].canHide||0===p)if(d){var f=c[p];f.title===a_(f,f.additionalProps)&&(f.title=a_(l,l.additionalProps)),f.additionalProps=l.additionalProps;var m=c.filter((function(n){return n.name!=e}));_(c[p],m)}else u?(_(u,a.getState().openWorkspaces.filter((function(e){return e.type!=l.type}))),Gm(u,{name:e,additionalProps:n})):_(l);else Gm(c[0],{name:e,additionalProps:n})}else Fm(i.name,(function(){jm(e,n)}));function _(e,n){a.setState((function(t){var o,a=[e].concat(function(e){if(Array.isArray(e))return Tm(e)}(o=null!=n?n:t.openWorkspaces)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(o)||function(e,n){if(e){if("string"==typeof e)return Tm(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Tm(e,n):void 0}}(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),r=e_(e);return Om(Im({},t),{openWorkspaces:a,workspaceWindowState:r})}))}}function qm(e){var n=e.targetUrl,t=e.contextKey,o=e.workspaceName,a=e.additionalProps;Jm(t),jm(o,a),sn({to:n})}var Lm={};function Vm(e,n){Lm[e]=n}function Rm(e){return Lm[e]}function Um(){var e=Km(),n=e.getState();e.setState(Om(Im({},n),{prompt:null}))}var Hm={ignoreChanges:!1,onWorkspaceClose:function(){},closeWorkspaceGroup:!0};function Xm(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};n=Im({},Hm,n);var t,o=Km(),a=function(){var t,a,r=o.getState(),i=(r.openWorkspaces.find((function(n){return n.name===e})),r.openWorkspaces.filter((function(n){return n.name!=e}))),s=null===(t=o.getState().workspaceGroup)||void 0===t?void 0:t.name;s&&n.closeWorkspaceGroup&&Fm(s),Vm(e,(function(){return!1})),o.setState((function(e){return Om(Im({},e),{prompt:null,openWorkspaces:i,workspaceWindowState:e_(null==i?void 0:i[0])})})),null==n||null===(a=n.onWorkspaceClose)||void 0===a||a.call(n)};return Nm(e,null==n?void 0:n.ignoreChanges)?(a(),!0):(o_("closing-workspace",a,null!==(t=Ha(e).title)&&void 0!==t?t:e),!1)}function Jm(e){var n=Km();n.getState().context!=e&&n.setState({context:e,openWorkspaces:[],prompt:null})}var Ym={context:"",openWorkspaces:[],prompt:null,workspaceWindowState:"normal",workspaceGroup:void 0},Qm=B("workspace",Ym);function Km(){return Qm}function Zm(e){var n=Km(),t=n.getState();n.setState(Om(Im({},t),{workspaceWindowState:e}))}function e_(e){var n;return null!==(n=null==e?void 0:e.preferredWindowSize)&&void 0!==n?n:"normal"}function n_(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:function(){},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){return!0},t=function(){r_(),null==e||e()};Km().getState().openWorkspaces.filter(n).every((function(e){return Nm(e.name)}))?t():o_("closing-all-workspaces",t)}function t_(){var e=ur(Qm),n=e.workspaceWindowState,t=e.openWorkspaces,o=e.prompt,a=e.workspaceGroup;return(0,rr.useMemo)((function(){return{active:t.length>0,prompt:o,workspaceWindowState:n,workspaces:t,workspaceGroup:a}}),[t,n,o,a])}function o_(e){var n,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){},o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=Km();switch(e){case"closing-workspace":n={title:Vn("unsavedChangesTitleText","Unsaved changes"),body:Vn("unsavedChangesInOpenedWorkspace","You may have unsaved changes in the opened workspace. Do you want to discard these changes?"),onConfirm:function(){null==t||t()},confirmText:Vn("discard","Discard")};break;case"closing-all-workspaces":var r=a.getState().openWorkspaces.filter((function(e){return!Nm(e.name)})).map((function(e,n){var t=e.title;return"".concat(n+1,". ").concat(t)}));n={title:Vn("closingAllWorkspacesPromptTitle","You have unsaved changes"),body:Vn("closingAllWorkspacesPromptBody","There may be unsaved changes in the following workspaces. Do you want to discard changes in the following workspaces? {{workspaceNames}}",{workspaceNames:r.join(",")}),onConfirm:function(){null==t||t()},confirmText:Vn("closeAllOpenedWorkspaces","Discard changes in {{count}} workspaces",{count:r.length})};break;case"closing-workspace-launching-new-workspace":n={title:Vn("unsavedChangesTitleText","Unsaved changes"),body:Vn("unsavedChangesInWorkspace",'There may be unsaved changes in "{{workspaceName}}". Please save them before opening another workspace.',{workspaceName:o}),onConfirm:function(){a.setState((function(e){return Om(Im({},e),{prompt:null})})),null==t||t()},confirmText:Vn("openAnyway","Open anyway")};break;default:return console.error('Workspace system trying to open unknown prompt type "'.concat(e,'" in function "showWorkspacePrompts"')),void(null==t||t())}a.setState((function(e){return Om(Im({},e),{prompt:n})}))}function a_(e,n){var t;return null!==(t=null==n?void 0:n.workspaceTitle)&&void 0!==t?t:e.title}function r_(){Km().setState(Ym)}function i_(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(e&&"default"!==e){var t=M(e,{});return n&&t.setState((function(e){return Im({},e,n)})),t}}var s_=t(25329),l_={};l_.styleTagTransform=ks(),l_.setAttributes=ys(),l_.insert=hs().bind(null,"head"),l_.domAPI=_s(),l_.insertStyleElement=As(),fs()(s_.A,l_);const c_=s_.A&&s_.A.locals?s_.A.locals:void 0;function p_(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function d_(e){var n=e.getIcon,t=e.formOpenInTheBackground,o=e.tagContent;return ir().createElement(ir().Fragment,null,n({size:16}),t?ir().createElement("span",{className:c_.interruptedTag},"!"):ir().createElement("span",{className:c_.countTag},o))}var u_=function(e){var n,t=e.getIcon,o=e.label,a=e.iconDescription,r=e.handler,i=e.type,s=e.tagContent,l=yi(),c=t_(),p=c.workspaces,d=c.workspaceWindowState,u=null!==(n=null==p?void 0:p.findIndex((function(e){return e.type===i})))&&void 0!==n?n:-1,f="hidden"!==d&&0===u,m=u>0||0===u&&"hidden"===d;return"tablet"===l||"phone"===l?ir().createElement(bd.Button,{className:ds()(c_.container,p_({},c_.active,f)),iconDescription:a,kind:"ghost",onClick:r,role:"button",tabIndex:0,size:"md"},ir().createElement("span",{className:c_.elementContainer},ir().createElement(d_,{formOpenInTheBackground:m,getIcon:t,tagContent:s})),ir().createElement("span",null,o)):ir().createElement(bd.IconButton,{align:"left","aria-label":a,className:ds()(c_.container,p_({},c_.active,f)),enterDelayMs:300,kind:"ghost",label:o,onClick:r,size:"md"},ir().createElement("div",{className:c_.elementContainer},ir().createElement(d_,{formOpenInTheBackground:m,getIcon:t,tagContent:s})))},f_=t(73173),m_=t(30185),__=t(34564),g_=t(97097),h_={};h_.styleTagTransform=ks(),h_.setAttributes=ys(),h_.insert=hs().bind(null,"head"),h_.domAPI=_s(),h_.insertStyleElement=As(),fs()(g_.A,h_);const b_=g_.A&&g_.A.locals?g_.A.locals:void 0;function y_(e){var n,t,o=e.contextKey,a=t_().prompt;return(0,rr.useEffect)((function(){new RegExp("/".concat((0,__.A)(o),"(/|$)")).test(window.location.pathname)||$('WorkspaceContainer has provided an invalid context key: "'.concat(o,'". The context key must be part of the URL path, with no initial or trailing slash.'))}),[]),(0,rr.useEffect)((function(){return Jm(o),function(){Jm(null)}}),[o]),(0,rr.useEffect)((function(){var e=function(e){var n=e.detail,t=n.cancelNavigation,a=n.newUrl,r=new RegExp("/".concat((0,__.A)(o),"(/|$)")),i=new URL(a),s=r.test(i.pathname),l=Km().getState().openWorkspaces.every((function(e){return Nm(e.name)}));s||(l?r_():(null==t||t(),n_((function(){sn({to:a})}))))};return window.addEventListener("single-spa:before-routing-event",e),function(){window.removeEventListener("single-spa:before-routing-event",e)}}),[]),null!=a?ir().createElement(bd.ComposedModal,{open:!0,onClose:Um},ir().createElement(bd.ModalHeader,{title:a.title}),ir().createElement(bd.ModalBody,null,ir().createElement("p",{className:b_.messageBody},a.body)),ir().createElement(bd.ModalFooter,null,ir().createElement(bd.Button,{kind:"secondary",onClick:Um},null!==(n=a.cancelText)&&void 0!==n?n:Vn("cancel")),ir().createElement(bd.Button,{kind:"danger",onClick:a.onConfirm},null!==(t=a.confirmText)&&void 0!==t?t:Vn("confirm")))):null}var v_=t(41820),A_=t(59775),$_={};$_.styleTagTransform=ks(),$_.setAttributes=ys(),$_.insert=hs().bind(null,"head"),$_.domAPI=_s(),$_.insertStyleElement=As(),fs()(A_.A,$_);const k_=A_.A&&A_.A.locals?A_.A.locals:void 0;function C_(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function w_(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,a,r=[],i=!0,s=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(s)throw a}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return C_(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?C_(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x_(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function z_(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function E_(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){z_(e,n,t[n])}))}return e}function B_(e){var n,t,o=e.workspace,a=e.additionalPropsFromPage,r=(n=(0,rr.useState)(),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,a,r=[],i=!0,s=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(s)throw a}}return r}}(n,t)||function(e,n){if(e){if("string"==typeof e)return x_(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?x_(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=r[0],s=r[1],l=function(e){var n=w_((0,rr.useState)({}),2),t=n[0],o=n[1],a=w_((0,rr.useState)(e),2),r=a[0],i=a[1];return(0,rr.useEffect)((function(){r!==e&&i(e)}),[e]),(0,rr.useEffect)((function(){var e,n=i_(r);return n&&(o(n.getState()),e=n.subscribe(o)),function(){n&&(null==e||e())}}),[r]),t}(o.currentWorkspaceGroup);(0,rr.useEffect)((function(){var e=!0;return o.load().then((function(n){e&&s(n)})),function(){e=!1}}),[o]);var c=(0,rr.useMemo)((function(){return o&&E_({closeWorkspace:o.closeWorkspace,closeWorkspaceWithSavedChanges:o.closeWorkspaceWithSavedChanges,promptBeforeClosing:o.promptBeforeClosing,setTitle:o.setTitle},a,l,o.additionalProps)}),[o,a,l]);return i?ir().createElement(v_.A,E_({key:o.name,config:i,mountParcel:on.xL},c)):ir().createElement(bd.InlineLoading,{className:k_.loader,description:"".concat(Vn("loading","Loading")," ...")})}var S_=t(87634),M_={};M_.styleTagTransform=ks(),M_.setAttributes=ys(),M_.insert=hs().bind(null,"head"),M_.domAPI=_s(),M_.insertStyleElement=As(),fs()(S_.A,M_);const D_=S_.A&&S_.A.locals?S_.A.locals:void 0;function T_(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function P_(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function I_(e){var n,t,o=e.isWithinWorkspace,a=e.name,r=e.actionMenuProps,i=void 0===r?{}:r,s=(n=(0,rr.useState)(!1),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,a,r=[],i=!0,s=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(s)throw a}}return r}}(n,t)||function(e,n){if(e){if("string"==typeof e)return T_(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?T_(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),l=s[0],c=s[1],p=(0,rr.useRef)(window.innerHeight),d=(0,rr.useContext)(sr).featureName,u=yi();(0,rr.useEffect)((function(){var e=function(){c(!vi(u)&&p.current>window.innerHeight),p.current!=window.innerHeight&&(p.current=window.innerHeight)};return window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}),[p]);var f,m="action-menu-".concat(a&&"default"!=a?a:d,"-items-slot");return ir().createElement("aside",{className:ds()(D_.sideRail,(f={},P_(f,D_.withinWorkspace,o),P_(f,D_.sideRailHidden,l),P_(f,D_.sideRailVisible,!l),f))},ir().createElement("div",{className:D_.container},ir().createElement(yr,{className:D_.chartExtensions,name:m,state:i})))}const O_=I_;function N_(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function F_(e){var n,t,o,a=e.contextKey,r=e.overlay,i=e.showSiderailAndBottomNav,s=e.additionalWorkspaceProps,l=e.actionMenuProps,c=yi(),p=t_(),d=p.workspaces,u=p.workspaceWindowState,f=p.workspaceGroup,m=null==f?void 0:f.name,_=d[0],g="hidden"===u||null==_,h="maximized"===u,b=null!==(n=null==_?void 0:_.width)&&void 0!==n?n:r?"wider":"narrow",y=(0,rr.useMemo)((function(){return i||m&&!g}),[m,g,i]);return Vr(!g&&!vi(c)),ir().createElement(ir().Fragment,null,ir().createElement("div",{className:i?k_.workspaceContainerWithActionMenu:k_.workspaceContainerWithoutActionMenu},ir().createElement("aside",{className:ds()(r?k_.workspaceOverlayOuterContainer:k_.workspaceWindowSpacer,(t={},N_(t,k_.hiddenRelative,g),N_(t,k_.narrowWorkspace,"narrow"===b),N_(t,k_.widerWorkspace,"wider"===b),N_(t,k_.extraWideWorkspace,"extra-wide"===b),t))},ir().createElement("div",{className:ds()(k_.workspaceFixedContainer,(o={},N_(o,k_.maximizedWindow,h),N_(o,k_.hiddenFixed,g),o))},d.map((function(e,n){return ir().createElement("div",{key:"workspace-container-".concat(e?e.name:"empty-".concat(n)),className:ds()(k_.workspaceInnerContainer,N_({},k_.hiddenExtraWorkspace,0!==n))},ir().createElement(rr.Suspense,{fallback:null},ir().createElement(Br.I18nextProvider,{i18n:window.i18next,defaultNS:e.moduleName},ir().createElement(W_,{workspaceInstance:e,additionalWorkspaceProps:s}))))})))),ir().createElement(y_,{contextKey:a})),y&&ir().createElement(O_,{name:m,isWithinWorkspace:!i,actionMenuProps:l}))}function W_(e){var n=e.workspaceInstance,t=e.additionalWorkspaceProps,o=(0,Br.useTranslation)().t,a=yi(),r=t_(),i=r.workspaceWindowState,s=r.workspaceGroup,l=null==s?void 0:s.name,c="maximized"===i;(0,rr.useEffect)((function(){var e=o(n.title);e!==n.title&&n.setTitle(e)}),[n.title,o,n.setTitle]);var p,d=(0,rr.useContext)(sr).featureName,u=(0,rr.useCallback)((function(){Zm(c?"normal":"maximized")}),[c]),f=(0,rr.useMemo)((function(){return null!=n?n:{}}),[n]),m=f.canHide,_=void 0!==m&&m,g=f.canMaximize,h=void 0!==g&&g,b=f.currentWorkspaceGroup,y=void 0===b?"":b,v=f.closeWorkspace,A=(0,rr.useMemo)((function(){return function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){N_(e,n,t[n])}))}return e}({},t,null==n?void 0:n.additionalProps)}),[t,n]);return n&&ir().createElement(ir().Fragment,null,ir().createElement(bd.Header,{"aria-label":Vn("workspaceHeader","Workspace Header"),className:k_.header},!vi(a)&&!_&&ir().createElement(bd.HeaderMenuButton,{"aria-label":Vn("close","Close"),renderMenuIcon:ir().createElement(Nl,null),onClick:function(){return v()}}),ir().createElement(bd.HeaderName,{prefix:""},null!==(p=n.titleNode)&&void 0!==p?p:o(n.title)),ir().createElement("div",{className:k_.overlayHeaderSpacer}),ir().createElement(bd.HeaderGlobalBar,{className:k_.headerButtons},ir().createElement(yr,{name:"workspace-header-group-".concat(n.currentWorkspaceGroup,"-slot"),state:A}),ir().createElement(yr,{name:"workspace-header-type-".concat(n.type,"-slot"),state:A}),ir().createElement(yr,{name:"workspace-header-".concat(d,"-slot"),state:A}),vi(a)&&ir().createElement(ir().Fragment,null,(h||c)&&ir().createElement(bd.HeaderGlobalAction,{"aria-label":c?Vn("minimize","Minimize"):Vn("maximize","Maximize"),onClick:u},c?ir().createElement(f_.Xj,null):ir().createElement(f_.hz,null)),_&&!l?ir().createElement(bd.HeaderGlobalAction,{"aria-label":Vn("hide","Hide"),onClick:function(){return Zm("hidden")}},ir().createElement(Fl,null)):ir().createElement(bd.HeaderGlobalAction,{"aria-label":Vn("close","Close"),onClick:function(){return null==v?void 0:v()}},ir().createElement(nc,null))),"tablet"===a&&_&&ir().createElement(bd.HeaderGlobalAction,{"aria-label":Vn("close","Close"),onClick:function(){return null==v?void 0:v()}},ir().createElement(m_.d3,null)))),ir().createElement("div",{className:ds()(k_.workspaceContent,N_({},k_.marginWorkspaceContent,Boolean(y)))},ir().createElement(B_,{key:n.name,workspace:n,additionalPropsFromPage:t})))}function G_(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function j_(e,n,t,o,a,r,i){try{var s=e[r](i),l=s.value}catch(e){return void t(e)}s.done?n(l):Promise.resolve(l).then(o,a)}function q_(e){return function(){var n=this,t=arguments;return new Promise((function(o,a){var r=e.apply(n,t);function i(e){j_(r,o,a,i,s,"next",e)}function s(e){j_(r,o,a,i,s,"throw",e)}i(void 0)}))}}function L_(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function V_(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){L_(e,n,t[n])}))}return e}function R_(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function U_(e){return function(e){if(Array.isArray(e))return G_(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,n){if(e){if("string"==typeof e)return G_(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?G_(e,n):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function H_(e,n){var t,o,a,r={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return i.next=s(0),i.throw=s(1),i.return=s(2),"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(s){return function(l){return function(s){if(t)throw new TypeError("Generator is already executing.");for(;i&&(i=0,s[0]&&(r=0)),r;)try{if(t=1,o&&(a=2&s[0]?o.return:s[0]?o.throw||((a=o.return)&&a.call(o),0):o.next)&&!(a=a.call(o,s[1])).done)return a;switch(o=0,a&&(s=[2&s[0],a.value]),s[0]){case 0:case 1:a=s;break;case 4:return r.label++,{value:s[1],done:!1};case 5:r.label++,o=s[1],s=[0];continue;case 7:s=r.ops.pop(),r.trys.pop();continue;default:if(!((a=(a=r.trys).length>0&&a[a.length-1])||6!==s[0]&&2!==s[0])){r=0;continue}if(3===s[0]&&(!a||s[1]>a[0]&&s[1]<a[3])){r.label=s[1];break}if(6===s[0]&&r.label<a[1]){r.label=a[1],a=s;break}if(a&&r.label<a[2]){r.label=a[2],r.ops.push(s);break}a[2]&&r.ops.pop(),r.trys.pop();continue}s=n.call(e,r)}catch(e){s=[6,e],o=0}finally{t=a=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}function X_(e,n){return q_((function(){var t;return H_(this,(function(o){switch(o.label){case 0:return(t=Ya.getState().openedGroup)?t.groupName===e&&Q_(t.props,n)?[3,2]:[4,K_({reason:"CLOSE_WORKSPACE_GROUP",explicit:!1})]:[3,3];case 1:return o.sent()?[3,3]:[2,!1];case 2:return[2,!0];case 3:return Ya.setState((function(t){return R_(V_({},t),{openedGroup:{groupName:e,props:n},openedWindows:[]})})),[2,!0]}}))}))()}function J_(e){return q_((function(){var n,t,o,a;return H_(this,(function(r){switch(r.label){case 0:return n=Ya.getState(),t=n.openedGroup,o=n.openedWindows,t?o.length>0?(a=e)?[3,2]:[4,K_({reason:"CLOSE_WORKSPACE_GROUP",explicit:!0})]:[3,3]:[3,4];case 1:a=r.sent(),r.label=2;case 2:if(!a)return[2,!1];r.label=3;case 3:return Ya.setState((function(e){return R_(V_({},e),{openedGroup:null,openedWindows:[]})})),[2,!0];case 4:return[2,!0]}}))}))()}function Y_(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;return q_((function(){var a,r,i,s,l,c,p,d,u,f,m,_,g,h,b,y,v,A,$;return H_(this,(function(k){switch(k.label){case 0:if(!(a=Ya.getState()).registeredWorkspacesByName[e])throw new Error("Unable to launch workspace ".concat(e,". Workspace is not registered"));if(!(r=Qa(e)))throw new Error("Unable to launch workspace ".concat(e,". Workspace is not registered to a workspace window"));if(i=a.openedGroup,s=r.name,!(l=Ka(s)))throw new Error("Unable to launch workspace ".concat(e,". Workspace window ").concat(r.name," is not registered to a workspace group"));return c=Za(e),p=c>=0,!i||i.groupName===l.name&&Q_(i.props,o)?[3,2]:[4,K_({reason:"CLOSE_WORKSPACE_GROUP",explicit:!0})];case 1:return k.sent()?(Ya.setState(R_(V_({},a),{openedGroup:{groupName:l.name,props:o},openedWindows:[{windowName:s,openedWorkspaces:[og(e,n)],props:t,maximized:!1,hidden:!1}]})),[2,!0]):[2,!1];case 2:return p?(u=a.openedWindows[c],m=null!==(f=null===(d=a.openedGroup)||void 0===d?void 0:d.props)&&void 0!==f?f:{},_=u.openedWorkspaces,Q_(u.props,t)?(g=_.find((function(n){return n.workspaceName===e})))&&Q_(g.props,n)?((u.hidden||c!==a.openedWindows.length-1)&&Ya.setState(Z_.restoreWindow(a,s)),[2,!0]):[3,3]:[3,6]):[3,9];case 3:return[4,K_({reason:"CLOSE_WORKSPACE",explicit:!1,windowName:s,workspaceName:e})];case 4:return k.sent()?(Ya.setState(R_(V_({},a),{openedGroup:{groupName:l.name,props:null!==(b=null==a||null===(h=a.openedGroup)||void 0===h?void 0:h.props)&&void 0!==b?b:m},openedWindows:U_(a.openedWindows.filter((function(e,n){return n!==c}))).concat([{windowName:s,openedWorkspaces:[og(e,n)],props:null!==(y=null==u?void 0:u.props)&&void 0!==y?y:t,maximized:!1,hidden:!1}])})),[2,!0]):[2,!1];case 5:return[3,8];case 6:return[4,K_({reason:"CLOSE_WINDOW",explicit:!1,windowName:s})];case 7:return k.sent()?(Ya.setState(R_(V_({},a),{openedGroup:{groupName:l.name,props:null!=m?m:null==a||null===(v=a.openedGroup)||void 0===v?void 0:v.props},openedWindows:U_(a.openedWindows.filter((function(e,n){return n!==c}))).concat([{windowName:s,openedWorkspaces:[og(e,n)],props:t,maximized:!1,hidden:!1}])})),[2,!0]):[2,!1];case 8:return[3,10];case 9:return Ya.setState(R_(V_({},a),{openedGroup:{groupName:l.name,props:null!==($=null!=o?o:null==a||null===(A=a.openedGroup)||void 0===A?void 0:A.props)&&void 0!==$?$:null},openedWindows:U_(a.openedWindows).concat([{windowName:s,openedWorkspaces:[og(e,n)],props:t,maximized:!1,hidden:!1}])})),[2,!0];case 10:return[2]}}))}))()}function Q_(e,n){return null==e||null==n||w(e,n)}function K_(e){function n(n,t){for(var o=[],a=n.openedWorkspaces.length-1;a>=0;a--){var r=n.openedWorkspaces[a];if(!r.hasUnsavedChanges&&e.explicit||o.push(r),t&&r.workspaceName===t)break}return o}var t=Ya.getState(),o=t.openedWindows,a=t.workspaceTitleByWorkspaceName,r=[];switch(e.reason){case"CLOSE_WORKSPACE_GROUP":r=o.flatMap((function(e){return n(e)}));break;case"CLOSE_WINDOW":var i=o.find((function(n){return n.windowName===e.windowName}));if(!i)throw new Error("Window ".concat(e.windowName," not found in opened windows."));r=n(i);break;case"CLOSE_WORKSPACE":var s=o.find((function(n){return n.windowName===e.windowName}));if(!s)throw new Error("Window ".concat(e.windowName," not found in opened windows."));r=n(s,e.workspaceName)}return 0===r.length?Promise.resolve(!0):new Promise((function(e){var n=ru("workspace2-close-prompt",{onConfirm:function(){n(),e(!0)},onCancel:function(){n(),e(!1)},affectedWorkspaceTitles:r.map((function(e){return a[e.workspaceName]}))})}))}var Z_={setWindowMaximized:function(e,n,t){var o=e.openedWindows.findIndex((function(e){return e.windowName===n})),a=U_(e.openedWindows),r=R_(V_({},a[o]),{maximized:t});return a[o]=r,R_(V_({},e),{openedWindows:a})},hideWindow:function(e,n){var t=e.openedWindows.findIndex((function(e){return e.windowName===n})),o=U_(e.openedWindows),a=R_(V_({},o[t]),{hidden:!0});return o[t]=a,R_(V_({},e),{openedWindows:o})},restoreWindow:function(e,n){var t=e.openedWindows.findIndex((function(e){return e.windowName===n})),o=R_(V_({},e.openedWindows[t]),{hidden:!1}),a=U_(e.openedWindows.filter((function(e,n){return n!==t}))).concat([o]);return R_(V_({},e),{openedWindows:a})},closeWorkspace:function(e,n){var t=Za(n);if(t<0)return e;var o=V_({},e.openedWindows[t]),a=o.openedWorkspaces.findIndex((function(e){return e.workspaceName===n})),r=U_(e.openedWindows);return o.openedWorkspaces=o.openedWorkspaces.slice(0,a),0===o.openedWorkspaces.length?r.splice(t,1):r[t]=o,R_(V_({},e),{openedWindows:r})},openChildWorkspace:function(e,n,t,o){var a=e.registeredWorkspacesByName[t];if(!a)throw new Error('No workspace named "'.concat(t,'" registered'));var r=e.registeredWorkspacesByName[n];if(!r)throw new Error('No workspace named "'.concat(n,'" registered'));if(r.window!==a.window)throw new Error("Child workspace ".concat(t," does not belong to the same workspace window as parent workspace ").concat(n));var i=e.openedWindows.findIndex((function(e){return e.windowName===a.window}));if(-1==i)throw new Error("Cannot open child workspace ".concat(t," as window ").concat(a.window," is not opened"));var s=e.openedWindows[i].openedWorkspaces;if(s[s.length-1].workspaceName!==n)throw new Error("Cannot open child workspace ".concat(t," from parent workspace ").concat(n," as the parent is not the most recently opened workspace within the workspace window"));return{openedWindows:e.openedWindows.map((function(e,n){return n==i?R_(V_({},e),{openedWorkspaces:U_(e.openedWorkspaces).concat([og(t,o)])}):e}))}},setHasUnsavedChanges:function(e,n,t){var o=Za(n);if(o<0)return e;var a=V_({},e.openedWindows[o]),r=a.openedWorkspaces.findIndex((function(e){return e.workspaceName===n}));if(r<0)return e;a.openedWorkspaces[r]=R_(V_({},a.openedWorkspaces[r]),{hasUnsavedChanges:t});var i=U_(e.openedWindows);return i[o]=a,R_(V_({},e),{openedWindows:i})},setWorkspaceTitle:function(e,n,t){var o=V_({},e.workspaceTitleByWorkspaceName);return null===t?delete o[n]:o[n]=t,R_(V_({},e),{workspaceTitleByWorkspaceName:o})}};function eg(){return fr(Ya,Z_)}var ng=function(){return(0,rr.useContext)(Er.i)},tg=function(){return Object.keys(Ya.getState().registeredWorkspacesByName)};function og(e,n){return{workspaceName:e,props:null!=n?n:{},hasUnsavedChanges:!1,uuid:(0,Ot.A)()}}var ag=t(37343),rg={};rg.styleTagTransform=ks(),rg.setAttributes=ys(),rg.insert=hs().bind(null,"head"),rg.domAPI=_s(),rg.insertStyleElement=As(),fs()(ag.A,rg);const ig=ag.A&&ag.A.locals?ag.A.locals:void 0;function sg(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var lg=function(e){var n=e.title,t=e.children,o=e.hasUnsavedChanges,a=void 0!==o&&o,r=yi(),i=eg(),s=i.setWindowMaximized,l=i.hideWindow,c=i.setHasUnsavedChanges,p=i.openedWindows,d=i.openedGroup,u=i.registeredGroupsByName,f=i.registeredWindowsByName,m=i.registeredWorkspacesByName,_=i.workspaceTitleByWorkspaceName,g=i.setWorkspaceTitle,h=ng(),b=h.workspaceName,y=h.isRootWorkspace,v=h.closeWorkspace,A=Za(b),$=p[A],k=null==$?void 0:$.openedWorkspaces.find((function(e){return e.workspaceName===b}));if((0,rr.useEffect)((function(){(null==k?void 0:k.hasUnsavedChanges)!=a&&c(b,null!=a&&a)}),[k,a]),(0,rr.useEffect)((function(){_[b]!==n&&g(b,n)}),[k,n]),A<0||null==d||null==k)return null;if(!u[d.groupName])throw new Error("Cannot find registered workspace group ".concat(d.groupName));var C=m[b].window,w=f[C];if(!w)throw new Error("Cannot find registered workspace window ".concat(C));var x,z,E,B,S=w.icon,M=w.canMaximize,D=!!S,T=$.maximized,P=null!==(x=null==w?void 0:w.width)&&void 0!==x?x:"narrow",I=Object.values(f).some((function(e){return e.group===d.groupName&&void 0!==e.icon}));return ir().createElement("div",{className:ds()(ig.workspaceOuterContainer,(z={},sg(z,ig.narrowWorkspace,"narrow"===P),sg(z,ig.widerWorkspace,"wider"===P),sg(z,ig.extraWideWorkspace,"extra-wide"===P),sg(z,ig.isActionMenuOpened,I),z))},ir().createElement("div",{className:ds()(ig.workspaceSpacer,sg({},ig.hidden,$.hidden))}),ir().createElement("div",{className:ds()(ig.workspaceMiddleContainer,(E={},sg(E,ig.maximized,T),sg(E,ig.hidden,$.hidden),sg(E,ig.isRootWorkspace,y),E))},ir().createElement("div",{className:ds()(ig.workspaceInnerContainer,(B={},sg(B,ig.maximized,T),sg(B,ig.hidden,$.hidden),sg(B,ig.isRootWorkspace,y),B))},ir().createElement(ir().Fragment,null,ir().createElement(bd.Header,{"aria-label":Vn("workspaceHeader"),className:ig.header},ir().createElement(bd.HeaderName,{prefix:""},n),ir().createElement("div",{className:ig.overlayHeaderSpacer}),ir().createElement(bd.HeaderGlobalBar,{className:ig.headerButtons},vi(r)?ir().createElement(ir().Fragment,null,(M||T)&&ir().createElement(bd.HeaderGlobalAction,{"aria-label":Vn(T?"minimize":"maximize"),onClick:function(){return s(C,!T)}},T?ir().createElement(f_.Xj,null):ir().createElement(f_.hz,null)),D?ir().createElement(bd.HeaderGlobalAction,{"aria-label":Vn("hide"),onClick:function(){return l(C)}},ir().createElement(Fl,null)):ir().createElement(bd.HeaderGlobalAction,{"aria-label":Vn("close"),onClick:function(){return v({closeWindow:!0})}},ir().createElement(nc,null))):ir().createElement(ir().Fragment,null,D&&ir().createElement(bd.HeaderGlobalAction,{"aria-label":Vn("hide"),onClick:function(){return l(C)}},ir().createElement(m_.d3,null)),ir().createElement(bd.HeaderGlobalAction,{"aria-label":Vn("close"),onClick:function(){return v({closeWindow:!0})}},ir().createElement(nc,null))))),ir().createElement("div",{className:ds()(ig.workspaceContent)},t)))))},cg=t(79862),pg={};pg.styleTagTransform=ks(),pg.setAttributes=ys(),pg.insert=hs().bind(null,"head"),pg.domAPI=_s(),pg.insertStyleElement=As(),fs()(cg.A,pg);const dg=cg.A&&cg.A.locals?cg.A.locals:void 0;function ug(e,n,t,o,a,r,i){try{var s=e[r](i),l=s.value}catch(e){return void t(e)}s.done?n(l):Promise.resolve(l).then(o,a)}function fg(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function mg(e){var n=e.getIcon,t=e.isWindowHidden,o=e.tagContent;return ir().createElement(ir().Fragment,null,n({size:16}),t?ir().createElement("span",{className:dg.interruptedTag},"!"):ir().createElement("span",{className:dg.countTag},o))}var _g=function(e){var n,t,o=e.icon,a=e.label,r=e.tagContent,i=e.workspaceToLaunch,s=e.onBeforeWorkspaceLaunch,l=yi(),c=eg(),p=c.openedWindows,d=c.restoreWindow,u=(0,rr.useContext)(Er.i).windowName,f=p.find((function(e){return e.windowName===u})),m=null!=f,_=null!==(n=null==f?void 0:f.hidden)&&void 0!==n&&n,g=function(e,n){for(var t=e.length-1;t>=0;t--){var o=e[t];if(!o.hidden)return o.windowName===(null==n?void 0:n.windowName)}return!1}(p,f),h=function(){return(e=function(){var e,n,t,o;return function(e,n){var t,o,a,r={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return i.next=s(0),i.throw=s(1),i.return=s(2),"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(s){return function(l){return function(s){if(t)throw new TypeError("Generator is already executing.");for(;i&&(i=0,s[0]&&(r=0)),r;)try{if(t=1,o&&(a=2&s[0]?o.return:s[0]?o.throw||((a=o.return)&&a.call(o),0):o.next)&&!(a=a.call(o,s[1])).done)return a;switch(o=0,a&&(s=[2&s[0],a.value]),s[0]){case 0:case 1:a=s;break;case 4:return r.label++,{value:s[1],done:!1};case 5:r.label++,o=s[1],s=[0];continue;case 7:s=r.ops.pop(),r.trys.pop();continue;default:if(!((a=(a=r.trys).length>0&&a[a.length-1])||6!==s[0]&&2!==s[0])){r=0;continue}if(3===s[0]&&(!a||s[1]>a[0]&&s[1]<a[3])){r.label=s[1];break}if(6===s[0]&&r.label<a[1]){r.label=a[1],a=s;break}if(a&&r.label<a[2]){r.label=a[2],r.ops.push(s);break}a[2]&&r.ops.pop(),r.trys.pop();continue}s=n.call(e,r)}catch(e){s=[6,e],o=0}finally{t=a=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(a){switch(a.label){case 0:return m?(g||d(f.windowName),[3,3]):[3,1];case 1:return[4,null===(e=null==s?void 0:s())||void 0===e||e];case 2:a.sent()&&(n=i.workspaceName,t=i.workspaceProps,o=i.windowProps,Y_(n,t,o)),a.label=3;case 3:return[2]}}))},function(){var n=this,t=arguments;return new Promise((function(o,a){var r=e.apply(n,t);function i(e){ug(r,o,a,i,s,"next",e)}function s(e){ug(r,o,a,i,s,"throw",e)}i(void 0)}))})();var e};return"tablet"===l||"phone"===l?ir().createElement(bd.Button,{className:ds()(dg.container,fg({},dg.active,m)),iconDescription:a,kind:"ghost",onClick:h,role:"button",tabIndex:0,size:"md"},ir().createElement("span",{className:dg.elementContainer},ir().createElement(mg,{isWindowHidden:_,getIcon:o,tagContent:r})),ir().createElement("span",null,a)):ir().createElement(bd.IconButton,{align:"left","aria-label":a,className:ds()(dg.container,(t={},fg(t,dg.active,m),fg(t,dg.focused,g),t)),enterDelayMs:300,kind:"ghost",label:a,onClick:h,size:"md"},ir().createElement("div",{className:dg.elementContainer},ir().createElement(mg,{isWindowHidden:_,getIcon:o,tagContent:r})))};function gg(e){var n=e.showContactDetails,t=e.toggleContactDetails,o=e.className;return ir().createElement(bd.Button,{className:o,iconDescription:"Toggle contact details",kind:"ghost",onClick:t,renderIcon:n?ec:Ql},n?Vn("showLess","Show less"):Vn("showMore","Show more"))}var hg=t(67656),bg={};bg.styleTagTransform=ks(),bg.setAttributes=ys(),bg.insert=hs().bind(null,"head"),bg.domAPI=_s(),bg.insertStyleElement=As(),fs()(hg.A,bg);const yg=hg.A&&hg.A.locals?hg.A.locals:void 0;function vg(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function Ag(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,a,r=[],i=!0,s=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(s)throw a}}return r}}(e,n)||$g(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $g(e,n){if(e){if("string"==typeof e)return vg(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?vg(e,n):void 0}}var kg=function(e){var n,t=function(e){var n,t=e?"".concat(hn,"/cohortm/cohortmember?patient=").concat(e,"&v=").concat("custom:(uuid,patient:ref,cohort:(uuid,name,startDate,endDate))"):null,o=(0,Sr.Ay)(t,An),a=o.data,r=o.isLoading,i=null==a||null===(n=a.data)||void 0===n?void 0:n.results.map((function(e){return{uuid:e.cohort.uuid,name:e.cohort.name,startDate:e.cohort.startDate,endDate:e.cohort.endDate}}));return(0,rr.useMemo)((function(){return{cohorts:i,isLoading:r}}),[r,i])}(e.patientUuid),o=t.cohorts,a=void 0===o?[]:o,r=t.isLoading;return ir().createElement(ir().Fragment,null,ir().createElement("p",{className:yg.heading},Vn("patientLists","Patient Lists")," (",null!==(n=null==a?void 0:a.length)&&void 0!==n?n:0,")"),r?ir().createElement(bd.InlineLoading,{description:"".concat(Vn("loading","Loading")," ..."),role:"progressbar"}):ir().createElement("ul",null,function(){if((null==a?void 0:a.length)>0){var e=a.sort((function(e,n){return hl(null==e?void 0:e.startDate).getTime()-hl(null==n?void 0:n.startDate).getTime()})).slice(0,3);return null==e?void 0:e.map((function(e){return ir().createElement("li",{key:e.uuid},ir().createElement(lr,{to:"".concat(window.spaBase,"/home/patient-lists/").concat(e.uuid),key:e.uuid},e.name))}))}return ir().createElement("li",null,"--")}(),a.length>3&&ir().createElement("li",{className:yg.link},ir().createElement(lr,{to:"".concat(window.spaBase,"/home/patient-lists")},Vn("seeMoreLists","See {{count}} more lists",{count:(null==a?void 0:a.length)-3})))))},Cg=function(e){var n,t=Mi(e.patientId),o=t.patient,a=t.isLoading,r=null==o||null===(n=o.address)||void 0===n?void 0:n.find((function(e){return"home"===e.use})),i=function(e){return e.split("#")[1]};return a?ir().createElement(bd.InlineLoading,{description:"".concat(Vn("loading","Loading")," ..."),role:"progressbar"}):ir().createElement(ir().Fragment,null,ir().createElement("p",{className:yg.heading},Vn("address","Address")),ir().createElement("ul",null,r?Object.entries(r).filter((function(e){var n=Ag(e,1)[0];return"id"!==n&&"use"!==n})).map((function(e){var n,t,o,a=Ag(e,2),s=a[0],l=a[1];return"extension"===s?null===(o=r.extension)||void 0===o||null===(t=o[0])||void 0===t||null===(n=t.extension)||void 0===n?void 0:n.map((function(e,n){return ir().createElement("li",{key:"address-".concat(s,"-").concat(n)},Vn(i(e.url),i(e.url)),": ",e.valueString)})):ir().createElement("li",{key:"address-".concat(s)},Vn(s,s),": ",l)})):ir().createElement("li",null,"--")))},wg=function(e){var n=function(e){var n=Xr({externalModuleName:"@openmrs/esm-patient-banner-app"}).contactAttributeTypes,t=void 0===n?[]:n,o=function(e){var n,t=(0,Kr.A)("".concat(hn,"/patient/").concat(e,"?v=").concat("custom:(uuid,display,identifiers:(identifier,uuid,preferred,location:(uuid,name),identifierType:(uuid,name,format,formatDescription,validator)),person:(uuid,display,gender,birthdate,dead,age,deathDate,birthdateEstimated,causeOfDeath,preferredName:(uuid,preferred,givenName,middleName,familyName),attributes,preferredAddress:(uuid,preferred,address1,address2,cityVillage,longitude,stateProvince,latitude,country,postalCode,countyDistrict,address3,address4,address5,address6,address7)))"),An),o=t.data,a=t.error;return{isLoading:t.isLoading,attributes:null!==(n=null==o?void 0:o.data.person.attributes)&&void 0!==n?n:[],error:a}}(e),a=o.attributes,r=o.error,i=o.isLoading;return{contactAttributes:(0,rr.useMemo)((function(){return a.filter((function(e){var n=e.attributeType;return null==t?void 0:t.some((function(e){return n.uuid===e}))}))}),[a,t]),isLoading:i,error:r}}(e.patientUuid),t=n.isLoading,o=n.contactAttributes,a=(0,rr.useMemo)((function(){return o?function(e){if(Array.isArray(e))return vg(e)}(e=null==o?void 0:o.map((function(e){return[e.attributeType.display?Vn(e.attributeType.display,e.attributeType.display):"",e.value]})))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||$g(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}():[];var e}),[o]);return ir().createElement(ir().Fragment,null,ir().createElement("p",{className:yg.heading},Vn("contactDetails","Contact Details")),t?ir().createElement(bd.InlineLoading,{description:"".concat(Vn("loading","Loading")," ..."),role:"progressbar"}):ir().createElement("ul",null,a.length?a.map((function(e,n){var t=Ag(e,2),o=t[0],a=t[1];return ir().createElement("li",{key:"".concat(o,"-").concat(a,"-").concat(n)},o,": ",a)})):ir().createElement("li",null,"--")))},xg=function(e){var n=function(e){var n,t,o="".concat(hn,"/relationship?v=").concat("custom:(display,uuid,personA:(age,display,birthdate,uuid),personB:(age,display,birthdate,uuid),relationshipType:(uuid,display,description,aIsToB,bIsToA))","&person=").concat(e),a=(0,Sr.Ay)(e?o:null,An),r=a.data,i=a.error,s=a.isLoading,l=a.isValidating,c=(null==r||null===(t=r.data)||void 0===t||null===(n=t.results)||void 0===n?void 0:n.length)?function(e,n){var t=[],o=!0,a=!1,r=void 0;try{for(var i,s=n[Symbol.iterator]();!(o=(i=s.next()).done);o=!0){var l=i.value;e===l.personA.uuid?t.push({uuid:"".concat(l.uuid),display:l.personB.display,relativeAge:l.personB.age,relativeUuid:l.personB.uuid,relationshipType:l.relationshipType.bIsToA}):t.push({uuid:"".concat(l.uuid),display:l.personA.display,relativeAge:l.personA.age,relativeUuid:l.personA.uuid,relationshipType:l.relationshipType.aIsToB})}}catch(e){a=!0,r=e}finally{try{o||null==s.return||s.return()}finally{if(a)throw r}}return t}(e,r.data.results):null;return{data:r?c:null,error:i,isLoading:s,isValidating:l}}(e.patientId),t=n.data,o=n.isLoading;return ir().createElement(ir().Fragment,null,ir().createElement("p",{className:yg.heading},Vn("relationships","Relationships")),o?ir().createElement(bd.InlineLoading,{description:"".concat(Vn("loading","Loading")," ..."),role:"progressbar"}):ir().createElement("ul",null,t&&t.length>0?ir().createElement(ir().Fragment,null,t.map((function(e){return ir().createElement("li",{key:e.uuid,className:yg.relationship},ir().createElement("div",null,ir().createElement(lr,{to:"".concat(window.spaBase,"/patient/").concat(e.relativeUuid,"/chart")},e.display)),ir().createElement("div",null,e.relationshipType),ir().createElement("div",null,"".concat(e.relativeAge?e.relativeAge:"--"," ").concat(e.relativeAge?1===e.relativeAge?Vn("yearAbbreviation","yr"):Vn("yearsAbbreviation","yrs"):"")))}))):ir().createElement("li",null,"--")))};function zg(e){var n,t,o,a=e.patientId,r=e.deceased;return ir().createElement("div",{className:ds()(yg.contactDetails,(n={},t=yg.deceased,o=r,t in n?Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[t]=o,n))},ir().createElement("div",{className:yg.row},ir().createElement("div",{className:yg.col},ir().createElement(Cg,{patientId:a})),ir().createElement("div",{className:yg.col},ir().createElement(wg,{patientUuid:a}))),ir().createElement("div",{className:yg.row},ir().createElement("div",{className:yg.col},ir().createElement(xg,{patientId:a})),ir().createElement("div",{className:yg.col},ir().createElement(kg,{patientUuid:a}))))}function Eg(e){var n=document.querySelector("template#loading-spinner");if(n){var t=n.content.cloneNode(!0),o=Array.prototype.map.call(t.childNodes,(function(e){return e}));return e.appendChild(t),function(){return o.forEach((function(e){return e.remove()}))}}return function(){}}var Bg=t(13699),Sg={};Sg.styleTagTransform=ks(),Sg.setAttributes=ys(),Sg.insert=hs().bind(null,"head"),Sg.domAPI=_s(),Sg.insertStyleElement=As(),fs()(Bg.A,Sg);const Mg=Bg.A&&Bg.A.locals?Bg.A.locals:void 0;function Dg(e){var n=e.workspaceGroup,t=e.groupProps,o=eg().registeredWindowsByName,a=yi(),r=n.name,i=n.persistence,s=Object.values(o).filter((function(e){return e.group===r&&void 0!==e.icon})).sort((function(e,n){var t,o;return(null!==(t=e.order)&&void 0!==t?t:Number.MAX_VALUE)-(null!==(o=n.order)&&void 0!==o?o:Number.MAX_VALUE)}));if(0===s.length)return null;var l="closable"==i;return ir().createElement("aside",{className:Mg.sideRail},ir().createElement("div",{className:Mg.container},l&&vi(a)&&ir().createElement(bd.IconButton,{align:"left",onClick:function(){return J_()},label:Vn("close"),kind:"ghost"},ir().createElement(nc,null)),s.map((function(e){return ir().createElement(v_.A,{key:e.icon,config:function(){return Ri(e.moduleName,e.icon)},mountParcel:on.xL,windowName:e.name,groupProps:t})}))),l&&!vi(a)&&ir().createElement(bd.IconButton,{align:"left",onClick:function(){return J_()},label:Vn("close"),kind:"ghost"},ir().createElement(nc,null)))}function Tg(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function Pg(e,n,t,o,a,r,i){try{var s=e[r](i),l=s.value}catch(e){return void t(e)}s.done?n(l):Promise.resolve(l).then(o,a)}function Ig(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var Og=function(e){var n=e.lifeCycle,t=e.openedWorkspace,o=e.openedWindow,a=e.isRootWorkspace,r=e.isLeafWorkspace,i=eg(),s=i.openedGroup,l=i.closeWorkspace,c=i.openChildWorkspace,p=(0,rr.useMemo)((function(){return t&&{closeWorkspace:function(){var e,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(e=function(){var e,a,r,i,s,c;return function(e,n){var t,o,a,r={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return i.next=s(0),i.throw=s(1),i.return=s(2),"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(s){return function(l){return function(s){if(t)throw new TypeError("Generator is already executing.");for(;i&&(i=0,s[0]&&(r=0)),r;)try{if(t=1,o&&(a=2&s[0]?o.return:s[0]?o.throw||((a=o.return)&&a.call(o),0):o.next)&&!(a=a.call(o,s[1])).done)return a;switch(o=0,a&&(s=[2&s[0],a.value]),s[0]){case 0:case 1:a=s;break;case 4:return r.label++,{value:s[1],done:!1};case 5:r.label++,o=s[1],s=[0];continue;case 7:s=r.ops.pop(),r.trys.pop();continue;default:if(!((a=(a=r.trys).length>0&&a[a.length-1])||6!==s[0]&&2!==s[0])){r=0;continue}if(3===s[0]&&(!a||s[1]>a[0]&&s[1]<a[3])){r.label=s[1];break}if(6===s[0]&&r.label<a[1]){r.label=a[1],a=s;break}if(a&&r.label<a[2]){r.label=a[2],r.ops.push(s);break}a[2]&&r.ops.pop(),r.trys.pop();continue}s=n.call(e,r)}catch(e){s=[6,e],o=0}finally{t=a=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(this,(function(p){switch(p.label){case 0:return e=n.closeWindow,a=void 0!==e&&e,r=n.discardUnsavedChanges,i=void 0!==r&&r,a?(s=i)?[3,2]:[4,K_({reason:"CLOSE_WINDOW",explicit:!0,windowName:o.windowName})]:[3,3];case 1:s=p.sent(),p.label=2;case 2:return s?(l(o.openedWorkspaces[0].workspaceName),[2,!0]):[2,!1];case 3:return(c=i)?[3,5]:[4,K_({reason:"CLOSE_WORKSPACE",explicit:!0,windowName:o.windowName,workspaceName:t.workspaceName})];case 4:c=p.sent(),p.label=5;case 5:return c?(l(t.workspaceName),[2,!0]):[2,!1];case 6:return[2]}}))},function(){var n=this,t=arguments;return new Promise((function(o,a){var r=e.apply(n,t);function i(e){Pg(r,o,a,i,s,"next",e)}function s(e){Pg(r,o,a,i,s,"throw",e)}i(void 0)}))})()},launchChildWorkspace:function(e,n){var o=t.workspaceName;c(o,e,n||{})},workspaceName:t.workspaceName,workspaceProps:t.props,windowProps:o.props,groupProps:s&&s.props?s.props:null,isRootWorkspace:a,isLeafWorkspace:r,windowName:o.windowName}}),[t,l,s,o]);if(!n){var d,u=Ya.getState().registeredWorkspacesByName[t.workspaceName],f=u&&u.window?u.window:void 0,m=Ya.getState().registeredWindowsByName,_=f?m[f]:void 0,g=_&&_.width?_.width:"narrow";return ir().createElement("div",{className:ds()(ig.workspaceOuterContainer,(d={},Ig(d,ig.narrowWorkspace,"narrow"===g),Ig(d,ig.widerWorkspace,"wider"===g),Ig(d,ig.extraWideWorkspace,"extra-wide"===g),d))},ir().createElement("div",{className:ig.workspaceSpacer}),ir().createElement("div",{className:ds()(ig.workspaceMiddleContainer,Ig({},ig.isRootWorkspace,a))},ir().createElement("div",{className:ds()(ig.workspaceInnerContainer,Ig({},ig.isRootWorkspace,a))},ir().createElement(bd.InlineLoading,{className:ig.loader,description:"".concat(Vn("loading")," ...")}))))}return ir().createElement(v_.A,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){Ig(e,n,t[n])}))}return e}({key:t.workspaceName,config:n,mountParcel:on.xL},p))};const Ng=function(e){var n,t,o=e.openedWindow,a=o.openedWorkspaces,r=(n=(0,rr.useState)(),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,a,r=[],i=!0,s=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(s)throw a}}return r}}(n,t)||function(e,n){if(e){if("string"==typeof e)return Tg(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Tg(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=r[0],s=r[1],l=Ya.getState().registeredWorkspacesByName;return(0,rr.useEffect)((function(){Promise.all(a.map((function(e){var n=l[e.workspaceName];return Ri(n.moduleName,n.component)}))).then(s)}),[a]),ir().createElement(ir().Fragment,null,a.map((function(e,n){return ir().createElement(Og,{key:e.uuid,openedWorkspace:e,openedWindow:o,lifeCycle:i&&i[n]?i[n]:void 0,isRootWorkspace:0===n,isLeafWorkspace:n===a.length-1})})))};var Fg=t(36637),Wg={};Wg.styleTagTransform=ks(),Wg.setAttributes=ys(),Wg.insert=hs().bind(null,"head"),Wg.domAPI=_s(),Wg.insertStyleElement=As(),fs()(Fg.A,Wg);const Gg=Fg.A&&Fg.A.locals?Fg.A.locals:void 0;function jg(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function qg(e){e&&(0,zr.createRoot)(e).render(ir().createElement(Lg,null))}function Lg(){var e=eg(),n=e.openedGroup,t=e.openedWindows,o=e.registeredGroupsByName;if(!n)return null;var a,r=o[n.groupName],i=t.some((function(e){return e.maximized}));return ir().createElement("div",{className:ds()(Gg.workspaceWindowsAndMenuContainer,(a={},jg(a,Gg.overlay,r.overlay),jg(a,Gg.hasMaximizedWindow,i),a))},ir().createElement("div",{className:Gg.workspaceWindowsContainer},t.map((function(e){return ir().createElement(Ng,{key:e.windowName,openedWindow:e})}))),ir().createElement(Dg,{workspaceGroup:r,groupProps:n.props}))}function Vg(e){let n={};for(let t of Object.keys(e))if(Rg(e[t])&&e[t].hasOwnProperty("_default"))n[t]=e[t]._default;else{if(t.startsWith("_"))continue;Rg(e[t])?n[t]=Vg(e[t]):n[t]=e[t]}return n}function Rg(e){return!!e&&e.constructor===Object}var Ug=t(83393);function Hg(e){const[n,t,o]=e.split(".");return`${n}.${t}.${o}`}function Xg(e,n){const t=function(e){const n=e.indexOf("-");return n>=0?`${Hg(e.slice(0,n))}-${e.slice(n+1)}`:Hg(e)}(n);return Ug.satisfies(t,e,{includePrerelease:!0})}async function Jg(e,n={}){let{shouldRetry:t,getDelay:o,onError:a}=n;t=t??(e=>function(e){return e<=5}(e)),o=o??(e=>function(e,n,t=!1){const o=t?e+1:e;return 1e3*Math.pow(2,o)}(e));let r,i=0;do{try{return await Yg(o(i)),await e()}catch(e){a?.(e,i),r=e}}while(t(i++));throw r}async function Yg(e){if(!(e<=0))return new Promise((n=>setTimeout(n,e)))}},56240:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__left-nav-module__leftNav___slU7j{border-right:1px solid #e0e0e0;padding-top:1rem}.-esm-devtools__left-nav-module__leftNav___slU7j .cds--side-nav__link{color:#525252;font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px);padding:0 1rem}.-esm-devtools__left-nav-module__leftNav___slU7j .cds--side-nav__link:focus,.-esm-devtools__left-nav-module__leftNav___slU7j .cds--side-nav__link:hover{background-color:#f4f4f4}.-esm-devtools__left-nav-module__leftNav___slU7j .cds--side-nav__link.active-left-nav-link{color:#161616;border-left:.25rem solid var(--brand-01);background-color:#e0e0e0;outline:none;padding:0 .75rem}.omrs-breakpoint-gt-tablet .cds--side-nav__link{height:2rem}.omrs-breakpoint-lt-desktop .cds--side-nav__link{height:3rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/left-nav/left-nav.module.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,iDACE,8BAAA,CACA,gBCyBW,CDtBX,sEACE,aDHM,CG21BN,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CFt1BA,cAAA,CAEA,wJAEE,wBDdE,CCkBJ,2FACE,aDfE,CCgBF,wCAAA,CACA,wBDnBE,CCoBF,YAAA,CACA,gBAAA,CAOJ,gDACE,WCQS,CDFX,iDACE,WCWS",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/type';\n@use '@carbon/layout';\n@use '../vars' as *;\n\n.leftNav {\n border-right: 1px solid $ui-03;\n padding-top: layout.$spacing-05;\n\n // Left nav menu item\n :global(.cds--side-nav__link) {\n color: $text-02;\n @include type.type-style('heading-compact-01');\n padding: 0 1rem;\n\n &:focus,\n &:hover {\n background-color: $ui-01;\n }\n\n // Active menu item\n &:global(.active-left-nav-link) {\n color: $ui-05;\n border-left: layout.$spacing-02 solid var(--brand-01);\n background-color: $ui-03;\n outline: none;\n padding: 0 layout.$spacing-04;\n }\n }\n}\n\n/* Desktop */\n:global(.omrs-breakpoint-gt-tablet) {\n :global(.cds--side-nav__link) {\n height: layout.$spacing-07;\n }\n}\n\n/* Tablet */\n:global(.omrs-breakpoint-lt-desktop) {\n :global(.cds--side-nav__link) {\n height: layout.$spacing-09;\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),i.locals={leftNav:"-esm-devtools__left-nav-module__leftNav___slU7j"};const s=i},59775:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__workspace-module__loader___o6gei{display:flex;background-color:#f4f4f4;justify-content:center;min-height:3rem}.-esm-devtools__workspace-module__hiddenExtraWorkspace___FZsKb{display:none}.-esm-devtools__workspace-module__workspaceInnerContainer___wCGE5{display:flex;flex-direction:column;height:100%}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__workspaceContainerWithActionMenu___s-AV-{height:100%}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__workspaceContainerWithActionMenu___s-AV- .-esm-devtools__workspace-module__workspaceFixedContainer___UOwlv{right:3rem}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__workspaceContainerWithoutActionMenu___zEf0-{height:100%}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__workspaceContainerWithoutActionMenu___zEf0- .-esm-devtools__workspace-module__workspaceFixedContainer___UOwlv{right:0}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__header___Rx3Ql{position:relative;box-sizing:content-box;border-bottom:1px solid #a8a8a8;background-color:#e0e0e0;height:var(--workspace-header-height)}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__header___Rx3Ql a{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__header___Rx3Ql a:hover{color:inherit}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__header___Rx3Ql:not(.-esm-devtools__workspace-module__maximizedWindow___F70dr){right:auto;left:auto}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__headerButtons___NgW4D button{background-color:#fff;border-right:1px solid #e0e0e0}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__headerButtons___NgW4D button>svg{fill:#121619 !important}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__headerButtons___NgW4D button:hover{background-color:#f4f4f4}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__maximizedWindow___F70dr{width:calc(100% - 3rem) !important}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__workspaceWindowSpacer___qOb6H{height:100%;transition:margin-right .5s ease-in-out}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__workspaceOverlayOuterContainer___7e4J2{position:fixed;z-index:50}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__workspaceFixedContainer___UOwlv{position:fixed;top:var(--omrs-navbar-height);bottom:0;border-left:1px solid #a8a8a8;z-index:50;background-color:#fff;transition:width .5s ease-in-out,right .5s ease-in-out}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__extraWideWorkspace___YX\\+Ol{width:48.25rem}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__extraWideWorkspace___YX\\+Ol .-esm-devtools__workspace-module__workspaceFixedContainer___UOwlv{width:48.25rem}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__extraWideWorkspace___YX\\+Ol.-esm-devtools__workspace-module__hiddenRelative___2fP-C{margin-right:-48.25rem !important}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__extraWideWorkspace___YX\\+Ol .-esm-devtools__workspace-module__hiddenFixed___IDY2O{right:-48.25rem !important}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__widerWorkspace___1Y7Bx{width:32.25rem}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__widerWorkspace___1Y7Bx .-esm-devtools__workspace-module__workspaceFixedContainer___UOwlv{width:32.25rem}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__widerWorkspace___1Y7Bx.-esm-devtools__workspace-module__hiddenRelative___2fP-C{margin-right:-32.25rem !important}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__widerWorkspace___1Y7Bx .-esm-devtools__workspace-module__hiddenFixed___IDY2O{right:-32.25rem !important}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__narrowWorkspace___7kFGW{width:26.25rem}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__narrowWorkspace___7kFGW .-esm-devtools__workspace-module__workspaceFixedContainer___UOwlv{width:26.25rem}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__narrowWorkspace___7kFGW.-esm-devtools__workspace-module__hiddenRelative___2fP-C{margin-right:-26.25rem !important}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__narrowWorkspace___7kFGW .-esm-devtools__workspace-module__hiddenFixed___IDY2O{right:-26.25rem !important}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__workspaceContent___iAwEG{background-color:#fff;overflow-y:auto;flex-grow:1}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__marginWorkspaceContent___faaeA{margin-right:3rem}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__workspaceContent___iAwEG>div{height:100%}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__overlay___GZTx0{background-color:#fff;display:flex;flex-direction:column;z-index:1000}.omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__overlayHeaderSpacer___UrGBS{flex-grow:1}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace-module__header___Rx3Ql{position:relative;background-color:var(--brand-02)}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace-module__header___Rx3Ql a{color:#fff}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace-module__header___Rx3Ql button{color:#fff;background-color:var(--brand-02)}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace-module__header___Rx3Ql button:hover{background-color:var(--brand-03)}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace-module__hiddenFixed___IDY2O{top:100% !important}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace-module__workspaceFixedContainer___UOwlv{position:fixed;top:0;left:0;right:0;bottom:0;z-index:8002;transition:top .5s ease-in-out}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace-module__workspaceContainerWithActionMenu___s-AV- .-esm-devtools__workspace-module__workspaceFixedContainer___UOwlv{bottom:var(--bottom-nav-height)}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace-module__overlay___GZTx0{background-color:#fff;display:flex;flex-direction:column}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace-module__overlayCloseButton___sxIA5{order:1}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace-module__overlayTitle___8POfQ{order:2}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace-module__workspaceContent___iAwEG{background-color:#f4f4f4;overflow-y:auto;height:100%}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace-module__workspaceContent___iAwEG>div{height:100%}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace-module__dynamicWidth___wifYG{width:100%}.omrs-breakpoint-lt-desktop .-esm-devtools__workspace-module__marginWorkspaceContent___faaeA{margin-bottom:var(--bottom-nav-height)}html[dir=rtl] .omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__workspaceContainerWithActionMenu___s-AV- .-esm-devtools__workspace-module__workspaceFixedContainer___UOwlv{right:unset;left:3rem}html[dir=rtl] .omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__workspaceContainerWithoutActionMenu___zEf0-{height:100%}html[dir=rtl] .omrs-breakpoint-gt-tablet .-esm-devtools__workspace-module__workspaceContainerWithoutActionMenu___zEf0- .-esm-devtools__workspace-module__workspaceFixedContainer___UOwlv{right:unset;left:0}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/workspaces/container/workspace.module.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCnDF,iDACE,YAAA,CACA,wBDSwB,CCRxB,sBAAA,CACA,eCqCW,CDlCb,+DACE,YAAA,CAGF,kEACE,YAAA,CACA,qBAAA,CACA,WAAA,CAKA,sGACE,WAAA,CAEA,wKACE,UCkBO,CDdX,yGACE,WAAA,CAEA,2KACE,OAAA,CAIJ,4EACE,iBAAA,CACA,sBAAA,CACA,+BAAA,CACA,wBD7CI,CC8CJ,qCAAA,CAEA,8EE8yBA,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CF3yBE,oFACE,aAAA,CAIJ,2IACE,UAAA,CACA,SAAA,CAKF,0FACE,qBDjEE,CCkEF,8BAAA,CAEA,8FACE,uBAAA,CAGF,gGACE,wBD1EA,CC+EN,qFACE,kCAAA,CAGF,2FACE,WAAA,CACA,uCAAA,CAGF,oGACE,cAAA,CACA,UAAA,CAGF,6FACE,cAAA,CACA,6BAAA,CACA,QAAA,CACA,6BAAA,CACA,UAAA,CACA,qBAAA,CACA,sDACE,CAIJ,yFACE,cApGsB,CAsGtB,2JACE,cAvGoB,CA0GtB,iJACE,iCAAA,CAGF,+IACE,0BAAA,CAIJ,oFACE,cArHkB,CAuHlB,sJACE,cAxHgB,CA2HlB,4IACE,iCAAA,CAGF,0IACE,0BAAA,CAIJ,qFACE,cAtImB,CAwInB,uJACE,cAzIiB,CA4InB,6IACE,iCAAA,CAGF,2IACE,0BAAA,CAIJ,sFACE,qBDzJI,CC0JJ,eAAA,CACA,WAAA,CAGF,4FACE,iBC/GS,CDmHX,0FACE,WAAA,CAGF,6EACE,qBDxKI,CCyKJ,YAAA,CACA,qBAAA,CACA,YAAA,CAGF,yFACE,WAAA,CAMF,6EACE,iBAAA,CACA,gCAAA,CAEA,+EACE,UD1LE,CC6LJ,oFACE,UD9LE,CC+LF,gCAAA,CAEA,0FACE,gCAAA,CAKN,kFACE,mBAAA,CAGF,8FACE,cAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,QAAA,CACA,YAAA,CACA,8BAAA,CAIA,yKACE,+BAAA,CAIJ,8EACE,qBD5NI,CC6NJ,YAAA,CACA,qBAAA,CAGF,yFACE,OAAA,CAGF,mFACE,OAAA,CAGF,uFACE,wBD3OI,CC4OJ,eAAA,CACA,WAAA,CAIF,2FACE,WAAA,CAGF,mFACE,UAAA,CAGF,6FACE,sCAAA,CAQE,sLACE,WAAA,CACA,SCnNK,CDuNT,uHACE,WAAA,CAEA,yLACE,WAAA,CACA,MAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n@use '../../vars' as *;\n\n$actionPanelOffset: layout.$spacing-09;\n$narrowWorkspaceWidth: 26.25rem;\n$widerWorkspaceWidth: 32.25rem;\n$extraWideWorkspaceWidth: 48.25rem;\n\n.loader {\n display: flex;\n background-color: $openmrs-background-grey;\n justify-content: center;\n min-height: layout.$spacing-09;\n}\n\n.hiddenExtraWorkspace {\n display: none;\n}\n\n.workspaceInnerContainer {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n/* Desktop */\n:global(.omrs-breakpoint-gt-tablet) {\n .workspaceContainerWithActionMenu {\n height: 100%;\n\n .workspaceFixedContainer {\n right: $actionPanelOffset;\n }\n }\n\n .workspaceContainerWithoutActionMenu {\n height: 100%;\n\n .workspaceFixedContainer {\n right: 0;\n }\n }\n\n .header {\n position: relative;\n box-sizing: content-box;\n border-bottom: 1px solid $text-03;\n background-color: $ui-03;\n height: var(--workspace-header-height);\n\n a {\n @include type.type-style('heading-compact-02');\n\n &:hover {\n color: inherit;\n }\n }\n\n &:not(.maximizedWindow) {\n right: auto;\n left: auto;\n }\n }\n\n .headerButtons {\n button {\n background-color: $ui-02;\n border-right: 1px solid colors.$gray-20;\n\n > svg {\n fill: colors.$cool-gray-100 !important;\n }\n\n &:hover {\n background-color: $ui-01;\n }\n }\n }\n\n .maximizedWindow {\n width: calc(100% - $actionPanelOffset) !important;\n }\n\n .workspaceWindowSpacer {\n height: 100%;\n transition: margin-right 0.5s ease-in-out;\n }\n\n .workspaceOverlayOuterContainer {\n position: fixed;\n z-index: 50;\n }\n\n .workspaceFixedContainer {\n position: fixed;\n top: var(--omrs-navbar-height);\n bottom: 0;\n border-left: 1px solid $text-03;\n z-index: 50;\n background-color: white;\n transition:\n width 0.5s ease-in-out,\n right 0.5s ease-in-out;\n }\n\n .extraWideWorkspace {\n width: $extraWideWorkspaceWidth;\n\n .workspaceFixedContainer {\n width: $extraWideWorkspaceWidth;\n }\n\n &.hiddenRelative {\n margin-right: -$extraWideWorkspaceWidth !important;\n }\n\n .hiddenFixed {\n right: -$extraWideWorkspaceWidth !important;\n }\n }\n\n .widerWorkspace {\n width: $widerWorkspaceWidth;\n\n .workspaceFixedContainer {\n width: $widerWorkspaceWidth;\n }\n\n &.hiddenRelative {\n margin-right: -$widerWorkspaceWidth !important;\n }\n\n .hiddenFixed {\n right: -$widerWorkspaceWidth !important;\n }\n }\n\n .narrowWorkspace {\n width: $narrowWorkspaceWidth;\n\n .workspaceFixedContainer {\n width: $narrowWorkspaceWidth;\n }\n\n &.hiddenRelative {\n margin-right: -$narrowWorkspaceWidth !important;\n }\n\n .hiddenFixed {\n right: -$narrowWorkspaceWidth !important;\n }\n }\n\n .workspaceContent {\n background-color: $ui-02;\n overflow-y: auto;\n flex-grow: 1;\n }\n\n .marginWorkspaceContent {\n margin-right: $actionPanelOffset;\n }\n\n // The parcel makes a div, between the workspace container and the workspace itself\n .workspaceContent > div {\n height: 100%;\n }\n\n .overlay {\n background-color: $ui-02;\n display: flex;\n flex-direction: column;\n z-index: 1000;\n }\n\n .overlayHeaderSpacer {\n flex-grow: 1;\n }\n}\n\n/* Tablet */\n:global(.omrs-breakpoint-lt-desktop) {\n .header {\n position: relative;\n background-color: var(--brand-02);\n\n a {\n color: $ui-02;\n }\n\n button {\n color: $ui-02;\n background-color: var(--brand-02);\n\n &:hover {\n background-color: var(--brand-03);\n }\n }\n }\n\n .hiddenFixed {\n top: 100% !important;\n }\n\n .workspaceFixedContainer {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 8002;\n transition: top 0.5s ease-in-out;\n }\n\n .workspaceContainerWithActionMenu {\n .workspaceFixedContainer {\n bottom: var(--bottom-nav-height);\n }\n }\n\n .overlay {\n background-color: $ui-02;\n display: flex;\n flex-direction: column;\n }\n\n .overlayCloseButton {\n order: 1;\n }\n\n .overlayTitle {\n order: 2;\n }\n\n .workspaceContent {\n background-color: $ui-01;\n overflow-y: auto;\n height: 100%;\n }\n\n // The parcel makes a div, between the workspace container and the workspace itself\n .workspaceContent > div {\n height: 100%;\n }\n\n .dynamicWidth {\n width: 100%;\n }\n\n .marginWorkspaceContent {\n margin-bottom: var(--bottom-nav-height);\n }\n}\n\n// Overriding styles for RTL support\nhtml[dir='rtl'] {\n :global(.omrs-breakpoint-gt-tablet) {\n .workspaceContainerWithActionMenu {\n .workspaceFixedContainer {\n right: unset;\n left: $actionPanelOffset;\n }\n }\n\n .workspaceContainerWithoutActionMenu {\n height: 100%;\n\n .workspaceFixedContainer {\n right: unset;\n left: 0;\n }\n }\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),i.locals={loader:"-esm-devtools__workspace-module__loader___o6gei",hiddenExtraWorkspace:"-esm-devtools__workspace-module__hiddenExtraWorkspace___FZsKb",workspaceInnerContainer:"-esm-devtools__workspace-module__workspaceInnerContainer___wCGE5",workspaceContainerWithActionMenu:"-esm-devtools__workspace-module__workspaceContainerWithActionMenu___s-AV-",workspaceFixedContainer:"-esm-devtools__workspace-module__workspaceFixedContainer___UOwlv",workspaceContainerWithoutActionMenu:"-esm-devtools__workspace-module__workspaceContainerWithoutActionMenu___zEf0-",header:"-esm-devtools__workspace-module__header___Rx3Ql",maximizedWindow:"-esm-devtools__workspace-module__maximizedWindow___F70dr",headerButtons:"-esm-devtools__workspace-module__headerButtons___NgW4D",workspaceWindowSpacer:"-esm-devtools__workspace-module__workspaceWindowSpacer___qOb6H",workspaceOverlayOuterContainer:"-esm-devtools__workspace-module__workspaceOverlayOuterContainer___7e4J2",extraWideWorkspace:"-esm-devtools__workspace-module__extraWideWorkspace___YX+Ol",hiddenRelative:"-esm-devtools__workspace-module__hiddenRelative___2fP-C",hiddenFixed:"-esm-devtools__workspace-module__hiddenFixed___IDY2O",widerWorkspace:"-esm-devtools__workspace-module__widerWorkspace___1Y7Bx",narrowWorkspace:"-esm-devtools__workspace-module__narrowWorkspace___7kFGW",workspaceContent:"-esm-devtools__workspace-module__workspaceContent___iAwEG",marginWorkspaceContent:"-esm-devtools__workspace-module__marginWorkspaceContent___faaeA",overlay:"-esm-devtools__workspace-module__overlay___GZTx0",overlayHeaderSpacer:"-esm-devtools__workspace-module__overlayHeaderSpacer___UrGBS",overlayCloseButton:"-esm-devtools__workspace-module__overlayCloseButton___sxIA5",overlayTitle:"-esm-devtools__workspace-module__overlayTitle___8POfQ",dynamicWidth:"-esm-devtools__workspace-module__dynamicWidth___wifYG"};const s=i},67656:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__patient-banner-contact-details-module__contactDetails___AuBLu,.-esm-devtools__patient-banner-contact-details-module__deceased___3kEOp{color:#525252;width:100%;border-top:1px solid #e0e0e0}.-esm-devtools__patient-banner-contact-details-module__heading___2r7IH{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px);color:#525252}.-esm-devtools__patient-banner-contact-details-module__row___nGwtm{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);display:flex}.-esm-devtools__patient-banner-contact-details-module__row___nGwtm:first-child{border-bottom:1px solid #e0e0e0}.-esm-devtools__patient-banner-contact-details-module__row___nGwtm>.-esm-devtools__patient-banner-contact-details-module__col___SS2tf{flex:1;padding:1rem}.-esm-devtools__patient-banner-contact-details-module__row___nGwtm>.-esm-devtools__patient-banner-contact-details-module__col___SS2tf:nth-of-type(2n + 1){border-right:1px solid #e0e0e0}.-esm-devtools__patient-banner-contact-details-module__row___nGwtm li{margin:.5rem 0}.-esm-devtools__patient-banner-contact-details-module__relationship___jjEtp{display:flex;flex-flow:row nowrap}.-esm-devtools__patient-banner-contact-details-module__relationship___jjEtp div{flex:1 1}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/patient-banner/contact-details/patient-banner-contact-details.module.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCxDF,sJAEE,aAAA,CACA,UAAA,CACA,4BAAA,CAGF,uECs1BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CDp1BF,aDPQ,CCUV,mECi1BI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CD/0BF,YAAA,CAEA,+EACE,+BAAA,CAIJ,sIACE,MAAA,CACA,YEGW,CFDX,0JACE,8BAAA,CAIJ,sEACE,cAAA,CAGF,4EACE,YAAA,CACA,oBAAA,CAGF,gFACE,QAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n@use '../../vars' as *;\n\n.contactDetails,\n.deceased {\n color: $text-02;\n width: 100%;\n border-top: 1px solid $ui-03;\n}\n\n.heading {\n @include type.type-style('heading-compact-01');\n color: $text-02;\n}\n\n.row {\n @include type.type-style('body-compact-01');\n display: flex;\n\n &:first-child {\n border-bottom: 1px solid $ui-03;\n }\n}\n\n.row > .col {\n flex: 1;\n padding: layout.$spacing-05;\n\n &:nth-of-type(2n + 1) {\n border-right: 1px solid $ui-03;\n }\n}\n\n.row li {\n margin: layout.$spacing-03 0;\n}\n\n.relationship {\n display: flex;\n flex-flow: row nowrap;\n}\n\n.relationship div {\n flex: 1 1;\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),i.locals={contactDetails:"-esm-devtools__patient-banner-contact-details-module__contactDetails___AuBLu",deceased:"-esm-devtools__patient-banner-contact-details-module__deceased___3kEOp",heading:"-esm-devtools__patient-banner-contact-details-module__heading___2r7IH",row:"-esm-devtools__patient-banner-contact-details-module__row___nGwtm",col:"-esm-devtools__patient-banner-contact-details-module__col___SS2tf",relationship:"-esm-devtools__patient-banner-contact-details-module__relationship___jjEtp"};const s=i},68644:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,'[dir="rtl"] .-esm-devtools__icons-module__icon___lm0xP{transform:scaleX(-1)}',"",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/icons/icons.module.scss"],names:[],mappings:"AACE,uDACE,oBAAA",sourcesContent:[":global([dir='rtl']) {\n .icon {\n transform: scaleX(-1);\n }\n}\n"],sourceRoot:""}]),i.locals={icon:"-esm-devtools__icons-module__icon___lm0xP"};const s=i},69514:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__patient-banner-actions-menu-module__actionsButtonText___2sB1v{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);color:#0f62fe}html[dir=rtl] .-esm-devtools__patient-banner-actions-menu-module__overflowMenuContainer___Ft4iw>div{margin-left:unset;margin-right:-1.5rem}html[dir=rtl] .-esm-devtools__patient-banner-actions-menu-module__overflowMenuContainer___Ft4iw>div>div{left:unset;right:-6.025rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/patient-banner/actions-menu/patient-banner-actions-menu.module.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCxDF,8EC61BI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CD31BF,aDgBe,CCVb,oGACE,iBAAA,CACA,oBAAA,CACA,wGACE,UAAA,CACA,eAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n@use '../../vars' as *;\n\n.actionsButtonText {\n @include type.type-style('body-compact-01');\n color: $interactive-01;\n}\n\n// Overriding styles for RTL support\nhtml[dir='rtl'] {\n .overflowMenuContainer {\n & > div {\n margin-left: unset;\n margin-right: -(layout.$spacing-06);\n & > div {\n left: unset;\n right: -6.025rem;\n }\n }\n }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),i.locals={actionsButtonText:"-esm-devtools__patient-banner-actions-menu-module__actionsButtonText___2sB1v",overflowMenuContainer:"-esm-devtools__patient-banner-actions-menu-module__overflowMenuContainer___Ft4iw"};const s=i},70160:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,".-esm-devtools__patient-photo-module__skeleton___I-EY8{height:3.5rem;width:3.5rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/patient-photo/patient-photo.module.scss"],names:[],mappings:"AAAA,uDACE,aAAA,CACA,YAAA",sourcesContent:[".skeleton {\n height: 3.5rem;\n width: 3.5rem;\n}\n"],sourceRoot:""}]),i.locals={skeleton:"-esm-devtools__patient-photo-module__skeleton___I-EY8"};const s=i},76856:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,".-esm-devtools__dashboard-module__menu___13S2Q{display:flex;align-items:center;justify-content:center}.-esm-devtools__dashboard-module__icon___TNNMr{margin-right:1.5rem;fill:#525252}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/dashboard-extension/dashboard.module.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAGA,+CACE,YAAA,CACA,kBAAA,CACA,sBAAA,CAGF,+CACE,mBC0BW,CDzBX,YEqCQ",sourcesContent:["@use '@carbon/colors';\n@use '@carbon/layout';\n\n.menu {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.icon {\n margin-right: layout.$spacing-06;\n fill: colors.$gray-70;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n black: (\n 100: #000000,\n ),\n blue: (\n 10: #edf5ff,\n 20: #d0e2ff,\n 30: #a6c8ff,\n 40: #78a9ff,\n 50: #4589ff,\n 60: #0f62fe,\n 70: #0043ce,\n 80: #002d9c,\n 90: #001d6c,\n 100: #001141,\n ),\n cool-gray: (\n 10: #f2f4f8,\n 20: #dde1e6,\n 30: #c1c7cd,\n 40: #a2a9b0,\n 50: #878d96,\n 60: #697077,\n 70: #4d5358,\n 80: #343a3f,\n 90: #21272a,\n 100: #121619,\n ),\n cyan: (\n 10: #e5f6ff,\n 20: #bae6ff,\n 30: #82cfff,\n 40: #33b1ff,\n 50: #1192e8,\n 60: #0072c3,\n 70: #00539a,\n 80: #003a6d,\n 90: #012749,\n 100: #061727,\n ),\n gray: (\n 10: #f4f4f4,\n 20: #e0e0e0,\n 30: #c6c6c6,\n 40: #a8a8a8,\n 50: #8d8d8d,\n 60: #6f6f6f,\n 70: #525252,\n 80: #393939,\n 90: #262626,\n 100: #161616,\n ),\n green: (\n 10: #defbe6,\n 20: #a7f0ba,\n 30: #6fdc8c,\n 40: #42be65,\n 50: #24a148,\n 60: #198038,\n 70: #0e6027,\n 80: #044317,\n 90: #022d0d,\n 100: #071908,\n ),\n magenta: (\n 10: #fff0f7,\n 20: #ffd6e8,\n 30: #ffafd2,\n 40: #ff7eb6,\n 50: #ee5396,\n 60: #d02670,\n 70: #9f1853,\n 80: #740937,\n 90: #510224,\n 100: #2a0a18,\n ),\n orange: (\n 10: #fff2e8,\n 20: #ffd9be,\n 30: #ffb784,\n 40: #ff832b,\n 50: #eb6200,\n 60: #ba4e00,\n 70: #8a3800,\n 80: #5e2900,\n 90: #3e1a00,\n 100: #231000,\n ),\n purple: (\n 10: #f6f2ff,\n 20: #e8daff,\n 30: #d4bbff,\n 40: #be95ff,\n 50: #a56eff,\n 60: #8a3ffc,\n 70: #6929c4,\n 80: #491d8b,\n 90: #31135e,\n 100: #1c0f30,\n ),\n red: (\n 10: #fff1f1,\n 20: #ffd7d9,\n 30: #ffb3b8,\n 40: #ff8389,\n 50: #fa4d56,\n 60: #da1e28,\n 70: #a2191f,\n 80: #750e13,\n 90: #520408,\n 100: #2d0709,\n ),\n teal: (\n 10: #d9fbfb,\n 20: #9ef0f0,\n 30: #3ddbd9,\n 40: #08bdba,\n 50: #009d9a,\n 60: #007d79,\n 70: #005d5d,\n 80: #004144,\n 90: #022b30,\n 100: #081a1c,\n ),\n warm-gray: (\n 10: #f7f3f2,\n 20: #e5e0df,\n 30: #cac5c4,\n 40: #ada8a8,\n 50: #8f8b8b,\n 60: #726e6e,\n 70: #565151,\n 80: #3c3838,\n 90: #272525,\n 100: #171414,\n ),\n white: (\n 0: #ffffff,\n ),\n yellow: (\n 10: #fcf4d6,\n 20: #fddc69,\n 30: #f1c21b,\n 40: #d2a106,\n 50: #b28600,\n 60: #8e6a00,\n 70: #684e00,\n 80: #483700,\n 90: #302400,\n 100: #1c1500,\n ),\n) !default;\n"],sourceRoot:""}]),i.locals={menu:"-esm-devtools__dashboard-module__menu___13S2Q",icon:"-esm-devtools__dashboard-module__icon___TNNMr"};const s=i},77238:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__patient-banner-patient-info-module__container___t5Rwm{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background-color:#f4f4f4}.-esm-devtools__patient-banner-patient-info-module__activePatientContainer___Hg0Ot{background-color:#f4f4f4}.-esm-devtools__patient-banner-patient-info-module__patientBanner___Xm7Fu{display:flex}.-esm-devtools__patient-banner-patient-info-module__patientName___SCbEc{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0);color:#161616;font-weight:600;margin-right:.25rem}.-esm-devtools__patient-banner-patient-info-module__patientAvatar___5Ir3V{width:3.5rem;height:3.5rem;margin:1rem;border-radius:1px}.-esm-devtools__patient-banner-patient-info-module__patientAvatarButton___AtsQ0{cursor:pointer;border:none;padding:0;background:none}.-esm-devtools__patient-banner-patient-info-module__patientInfo___7AMnP{display:flex;flex-direction:column;padding:1rem .5rem 1rem 0;width:100%}.-esm-devtools__patient-banner-patient-info-module__demographics___99Rr6{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);color:#525252;display:flex;align-items:center;gap:.25rem;margin-top:.25rem;flex-wrap:wrap}.-esm-devtools__patient-banner-patient-info-module__row___RpkRY{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.-esm-devtools__patient-banner-patient-info-module__flexRow___14rwL,.-esm-devtools__patient-banner-patient-info-module__tagsSlot___x2YSb{display:flex;flex-flow:row wrap;align-items:center}.-esm-devtools__patient-banner-patient-info-module__tagsSlot___x2YSb{margin:0 .5rem}.-esm-devtools__patient-banner-patient-info-module__identifiers___iom88{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);color:#525252;display:flex;flex-wrap:wrap;align-items:center}.-esm-devtools__patient-banner-patient-info-module__identifier___4qx6u{display:flex;align-items:center}.-esm-devtools__patient-banner-patient-info-module__primaryIdentifier___7sysW,.-esm-devtools__patient-banner-patient-info-module__secondaryIdentifier___Ujeao{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);display:flex;align-items:center;gap:.25rem}.-esm-devtools__patient-banner-patient-info-module__primaryIdentifier___7sysW{color:#161616}.-esm-devtools__patient-banner-patient-info-module__primaryIdentifier___7sysW .-esm-devtools__patient-banner-patient-info-module__value___bYj7H{font-weight:bold}.-esm-devtools__patient-banner-patient-info-module__secondaryIdentifier___Ujeao .-esm-devtools__patient-banner-patient-info-module__identifier___4qx6u{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);align-self:baseline}.-esm-devtools__patient-banner-patient-info-module__gender___xkiGg{display:flex;align-items:center;color:#525252;gap:.125rem}.-esm-devtools__patient-banner-patient-info-module__separator___vc07p{margin:.125rem}.-esm-devtools__patient-banner-patient-info-module__tag___Hcwm0{font-size:inherit !important;margin:0 !important}.-esm-devtools__patient-banner-patient-info-module__tooltipPadding___rqNhL{padding:.25rem}.-esm-devtools__patient-banner-patient-info-module__tooltipSmallText___dr5bq{font-size:80%}.-esm-devtools__patient-banner-patient-info-module__actionsButtonText___DaPCg{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);color:#0f62fe}html[dir=rtl] .-esm-devtools__patient-banner-patient-info-module__demographics___99Rr6{display:flex;gap:.25rem}html[dir=rtl] .-esm-devtools__patient-banner-patient-info-module__tag___Hcwm0{margin:.25rem 0 .25rem .25rem}html[dir=rtl] .-esm-devtools__patient-banner-patient-info-module__patientName___SCbEc{margin-right:unset;margin-left:.25rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.module.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/colors/index.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCxDF,sEACE,4BAAA,CACA,+BAAA,CACA,wBDNM,CCSR,mFACE,wBDVM,CCaR,0EACE,YAAA,CAGF,wEC+0BI,kDAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CD70BF,aE8BS,CF7BT,eAAA,CACA,mBGPW,CHUb,0EACE,YAAA,CACA,aAAA,CACA,WGEW,CHDX,iBAAA,CAGF,gFACE,cAAA,CACA,WAAA,CACA,SAAA,CACA,eAAA,CAGF,wEACE,YAAA,CACA,qBAAA,CACA,yBAAA,CACA,UAAA,CAGF,yECmzBI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CDjzBF,aD1CQ,CC2CR,YAAA,CACA,kBAAA,CACA,UGpCW,CHqCX,iBGrCW,CHsCX,cAAA,CAGF,gEACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,oBAAA,CAGF,yIACE,YAAA,CACA,kBAAA,CACA,kBAAA,CAGF,qEAEE,cAAA,CAGF,wECuxBI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CDrxBF,aE7BQ,CF8BR,YAAA,CACA,cAAA,CACA,kBAAA,CAGF,uEACE,YAAA,CACA,kBAAA,CAGF,8JC0wBI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CDvwBF,YAAA,CACA,kBAAA,CACA,UG7EW,CHgFb,8EACE,aE9CS,CFgDT,gJACE,gBAAA,CAKF,uJCyvBE,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CDvvBA,mBAAA,CAIJ,mEACE,YAAA,CACA,kBAAA,CACA,aElEQ,CFmER,WGxGW,CH2Gb,sEACE,cG5GW,CH+Gb,gEACE,4BAAA,CACA,mBAAA,CAGF,2EACE,cGhHW,CHmHb,6EACE,aAAA,CAGF,8EC2tBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDztBF,aDlHe,CCuHf,uFACE,YAAA,CACA,UGhIS,CHmIX,8EACE,6BAAA,CAGF,sFACE,kBAAA,CACA,kBGzIS",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n@use '../../vars' as *;\n\n.container {\n border-top: 1px solid $ui-03;\n border-bottom: 1px solid $ui-03;\n background-color: $ui-01;\n}\n\n.activePatientContainer {\n background-color: $ui-01;\n}\n\n.patientBanner {\n display: flex;\n}\n\n.patientName {\n @include type.type-style('heading-03');\n color: colors.$gray-100;\n font-weight: 600;\n margin-right: layout.$spacing-02;\n}\n\n.patientAvatar {\n width: 3.5rem;\n height: 3.5rem;\n margin: layout.$spacing-05;\n border-radius: 1px;\n}\n\n.patientAvatarButton {\n cursor: pointer;\n border: none;\n padding: 0;\n background: none;\n}\n\n.patientInfo {\n display: flex;\n flex-direction: column;\n padding: layout.$spacing-05 layout.$spacing-03 layout.$spacing-05 0;\n width: 100%;\n}\n\n.demographics {\n @include type.type-style('body-compact-02');\n color: $text-02;\n display: flex;\n align-items: center;\n gap: layout.$spacing-02;\n margin-top: layout.$spacing-02;\n flex-wrap: wrap;\n}\n\n.row {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: baseline;\n}\n\n.flexRow {\n display: flex;\n flex-flow: row wrap;\n align-items: center;\n}\n\n.tagsSlot {\n @extend .flexRow;\n margin: 0 layout.$spacing-03;\n}\n\n.identifiers {\n @include type.type-style('body-compact-02');\n color: colors.$gray-70;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n\n.identifier {\n display: flex;\n align-items: center;\n}\n\n.primaryIdentifier,\n.secondaryIdentifier {\n @include type.type-style('body-compact-02');\n display: flex;\n align-items: center;\n gap: layout.$spacing-02;\n}\n\n.primaryIdentifier {\n color: colors.$gray-100;\n\n .value {\n font-weight: bold;\n }\n}\n\n.secondaryIdentifier {\n .identifier {\n @include type.type-style('body-compact-02');\n align-self: baseline;\n }\n}\n\n.gender {\n display: flex;\n align-items: center;\n color: colors.$gray-70;\n gap: layout.$spacing-01;\n}\n\n.separator {\n margin: layout.$spacing-01;\n}\n\n.tag {\n font-size: inherit !important;\n margin: 0 !important;\n}\n\n.tooltipPadding {\n padding: layout.$spacing-02;\n}\n\n.tooltipSmallText {\n font-size: 80%;\n}\n\n.actionsButtonText {\n @include type.type-style('body-compact-01');\n color: $interactive-01;\n}\n\n// Overriding styles for RTL support\nhtml[dir='rtl'] {\n .demographics {\n display: flex;\n gap: layout.$spacing-02;\n }\n\n .tag {\n margin: layout.$spacing-02 0 layout.$spacing-02 layout.$spacing-02;\n }\n\n .patientName {\n margin-right: unset;\n margin-left: layout.$spacing-02;\n }\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n black: (\n 100: #000000,\n ),\n blue: (\n 10: #edf5ff,\n 20: #d0e2ff,\n 30: #a6c8ff,\n 40: #78a9ff,\n 50: #4589ff,\n 60: #0f62fe,\n 70: #0043ce,\n 80: #002d9c,\n 90: #001d6c,\n 100: #001141,\n ),\n cool-gray: (\n 10: #f2f4f8,\n 20: #dde1e6,\n 30: #c1c7cd,\n 40: #a2a9b0,\n 50: #878d96,\n 60: #697077,\n 70: #4d5358,\n 80: #343a3f,\n 90: #21272a,\n 100: #121619,\n ),\n cyan: (\n 10: #e5f6ff,\n 20: #bae6ff,\n 30: #82cfff,\n 40: #33b1ff,\n 50: #1192e8,\n 60: #0072c3,\n 70: #00539a,\n 80: #003a6d,\n 90: #012749,\n 100: #061727,\n ),\n gray: (\n 10: #f4f4f4,\n 20: #e0e0e0,\n 30: #c6c6c6,\n 40: #a8a8a8,\n 50: #8d8d8d,\n 60: #6f6f6f,\n 70: #525252,\n 80: #393939,\n 90: #262626,\n 100: #161616,\n ),\n green: (\n 10: #defbe6,\n 20: #a7f0ba,\n 30: #6fdc8c,\n 40: #42be65,\n 50: #24a148,\n 60: #198038,\n 70: #0e6027,\n 80: #044317,\n 90: #022d0d,\n 100: #071908,\n ),\n magenta: (\n 10: #fff0f7,\n 20: #ffd6e8,\n 30: #ffafd2,\n 40: #ff7eb6,\n 50: #ee5396,\n 60: #d02670,\n 70: #9f1853,\n 80: #740937,\n 90: #510224,\n 100: #2a0a18,\n ),\n orange: (\n 10: #fff2e8,\n 20: #ffd9be,\n 30: #ffb784,\n 40: #ff832b,\n 50: #eb6200,\n 60: #ba4e00,\n 70: #8a3800,\n 80: #5e2900,\n 90: #3e1a00,\n 100: #231000,\n ),\n purple: (\n 10: #f6f2ff,\n 20: #e8daff,\n 30: #d4bbff,\n 40: #be95ff,\n 50: #a56eff,\n 60: #8a3ffc,\n 70: #6929c4,\n 80: #491d8b,\n 90: #31135e,\n 100: #1c0f30,\n ),\n red: (\n 10: #fff1f1,\n 20: #ffd7d9,\n 30: #ffb3b8,\n 40: #ff8389,\n 50: #fa4d56,\n 60: #da1e28,\n 70: #a2191f,\n 80: #750e13,\n 90: #520408,\n 100: #2d0709,\n ),\n teal: (\n 10: #d9fbfb,\n 20: #9ef0f0,\n 30: #3ddbd9,\n 40: #08bdba,\n 50: #009d9a,\n 60: #007d79,\n 70: #005d5d,\n 80: #004144,\n 90: #022b30,\n 100: #081a1c,\n ),\n warm-gray: (\n 10: #f7f3f2,\n 20: #e5e0df,\n 30: #cac5c4,\n 40: #ada8a8,\n 50: #8f8b8b,\n 60: #726e6e,\n 70: #565151,\n 80: #3c3838,\n 90: #272525,\n 100: #171414,\n ),\n white: (\n 0: #ffffff,\n ),\n yellow: (\n 10: #fcf4d6,\n 20: #fddc69,\n 30: #f1c21b,\n 40: #d2a106,\n 50: #b28600,\n 60: #8e6a00,\n 70: #684e00,\n 80: #483700,\n 90: #302400,\n 100: #1c1500,\n ),\n) !default;\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),i.locals={container:"-esm-devtools__patient-banner-patient-info-module__container___t5Rwm",activePatientContainer:"-esm-devtools__patient-banner-patient-info-module__activePatientContainer___Hg0Ot",patientBanner:"-esm-devtools__patient-banner-patient-info-module__patientBanner___Xm7Fu",patientName:"-esm-devtools__patient-banner-patient-info-module__patientName___SCbEc",patientAvatar:"-esm-devtools__patient-banner-patient-info-module__patientAvatar___5Ir3V",patientAvatarButton:"-esm-devtools__patient-banner-patient-info-module__patientAvatarButton___AtsQ0",patientInfo:"-esm-devtools__patient-banner-patient-info-module__patientInfo___7AMnP",demographics:"-esm-devtools__patient-banner-patient-info-module__demographics___99Rr6",row:"-esm-devtools__patient-banner-patient-info-module__row___RpkRY",flexRow:"-esm-devtools__patient-banner-patient-info-module__flexRow___14rwL",tagsSlot:"-esm-devtools__patient-banner-patient-info-module__tagsSlot___x2YSb",identifiers:"-esm-devtools__patient-banner-patient-info-module__identifiers___iom88",identifier:"-esm-devtools__patient-banner-patient-info-module__identifier___4qx6u",primaryIdentifier:"-esm-devtools__patient-banner-patient-info-module__primaryIdentifier___7sysW",secondaryIdentifier:"-esm-devtools__patient-banner-patient-info-module__secondaryIdentifier___Ujeao",value:"-esm-devtools__patient-banner-patient-info-module__value___bYj7H",gender:"-esm-devtools__patient-banner-patient-info-module__gender___xkiGg",separator:"-esm-devtools__patient-banner-patient-info-module__separator___vc07p",tag:"-esm-devtools__patient-banner-patient-info-module__tag___Hcwm0",tooltipPadding:"-esm-devtools__patient-banner-patient-info-module__tooltipPadding___rqNhL",tooltipSmallText:"-esm-devtools__patient-banner-patient-info-module__tooltipSmallText___dr5bq",actionsButtonText:"-esm-devtools__patient-banner-patient-info-module__actionsButtonText___DaPCg"};const s=i},79862:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__action-menu-button2-module__container___h1AWf{margin-top:.25rem;margin-bottom:.25rem;border-radius:50%;color:#161616;max-width:none}.-esm-devtools__action-menu-button2-module__container___h1AWf:hover{background-color:#c6c6c6;color:#525252}.-esm-devtools__action-menu-button2-module__container___h1AWf:focus{border-color:#0f62fe}.-esm-devtools__action-menu-button2-module__container___h1AWf>span{margin-top:.25rem;font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);color:#525252}.-esm-devtools__action-menu-button2-module__container___h1AWf svg{transform:scale(1.25)}.-esm-devtools__action-menu-button2-module__elementContainer___5ihTU{display:flex;align-items:center;position:relative;flex-direction:column}.-esm-devtools__action-menu-button2-module__elementContainer___5ihTU .-esm-devtools__action-menu-button2-module__countTag___B3Dwx,.-esm-devtools__action-menu-button2-module__elementContainer___5ihTU .-esm-devtools__action-menu-button2-module__interruptedTag___8-QHd{position:absolute;font-size:10px;text-align:center;color:#f4f4f4;background-color:#da1e28;padding:0 4px;border-radius:50%;top:-14px;right:-12px}.-esm-devtools__action-menu-button2-module__elementContainer___5ihTU .-esm-devtools__action-menu-button2-module__interruptedTag___8-QHd{font-size:10px;padding:0 5px;width:14px;height:14px}.omrs-breakpoint-gt-tablet .-esm-devtools__action-menu-button2-module__active___gwzq1{border:.125rem solid;border-color:#007d79;border-color:var(--brand-03);border-radius:50%;background-color:#fff}.omrs-breakpoint-gt-tablet .-esm-devtools__action-menu-button2-module__active___gwzq1.-esm-devtools__action-menu-button2-module__focused___aBk1L{border-color:var(--brand-03) !important;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--brand-03) 80%, black 20%) !important}.omrs-breakpoint-gt-tablet .-esm-devtools__action-menu-button2-module__container___h1AWf svg{transform:scale(1.25)}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu-button2-module__container___h1AWf{margin-bottom:0;margin-top:0;border-radius:unset;color:#161616;max-width:none;display:flex;flex-direction:column;align-items:center;width:100%}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu-button2-module__active___gwzq1{background-color:#edf5ff;color:#0f62fe}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu-button2-module__active___gwzq1:hover{color:#0f62fe}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu-button2-module__active___gwzq1>span{color:#0f62fe;font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu-button2-module__active___gwzq1 svg{fill:#0f62fe}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/workspaces2/action-menu2/action-menu-button2.module.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,8DACE,iBCWW,CDVX,oBCUW,CDTX,iBAAA,CACA,aDFM,CCGN,cAAA,CAEA,oEACE,wBDFY,CCGZ,aDNM,CCSR,oEACE,oBDMa,CCHf,mEACE,iBCLS,CCk1BT,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CF30BA,aDhBM,CCmBR,kEACE,qBAAA,CAIJ,qEACE,YAAA,CACA,kBAAA,CACA,iBAAA,CACA,qBAAA,CAEA,0QACE,iBAAA,CACA,cAAA,CACA,iBAAA,CACA,aDvCI,CCwCJ,wBDpBK,CCqBL,aAAA,CACA,iBAAA,CACA,SAAA,CACA,WAAA,CAGF,wIAEE,cAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CAMF,sFACE,oBAAA,CDXF,oBAAA,CACA,4BAAA,CCYE,iBAAA,CACA,qBD7DI,CC+DJ,iJACE,uCAAA,CACA,wFAAA,CAKF,6FACE,qBAAA,CAOJ,0FACE,eAAA,CACA,YAAA,CACA,mBAAA,CACA,aD/EI,CCgFJ,cAAA,CAEA,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,UAAA,CAGF,uFACE,wBDjFY,CCkFZ,aDzEa,CC2Eb,6FACE,aD5EW,CC+Eb,4FACE,aDhFW,CG20Bb,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CFvvBA,2FACE,YDrFW",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '../../vars' as *;\n\n.container {\n margin-top: layout.$spacing-02;\n margin-bottom: layout.$spacing-02;\n border-radius: 50%;\n color: $ui-05;\n max-width: none;\n\n &:hover {\n background-color: $color-gray-30;\n color: $text-02;\n }\n\n &:focus {\n border-color: $interactive-01;\n }\n\n & > span {\n margin-top: layout.$spacing-02;\n @include type.type-style('body-compact-01');\n color: $text-02;\n }\n\n & svg {\n transform: scale(1.25);\n }\n}\n\n.elementContainer {\n display: flex;\n align-items: center;\n position: relative;\n flex-direction: column;\n\n .countTag {\n position: absolute;\n font-size: 10px;\n text-align: center;\n color: $ui-01;\n background-color: $danger;\n padding: 0 4px;\n border-radius: 50%;\n top: -14px;\n right: -12px;\n }\n\n .interruptedTag {\n @extend .countTag;\n font-size: 10px;\n padding: 0 5px;\n width: 14px;\n height: 14px;\n }\n}\n\n/* Desktop */\n:global(.omrs-breakpoint-gt-tablet) {\n .active {\n border: layout.$spacing-01 solid;\n @include brand-03(border-color);\n border-radius: 50%;\n background-color: $ui-02;\n\n &.focused {\n border-color: var(--brand-03) !important;\n box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--brand-03) 80%, black 20%) !important;\n }\n }\n\n .container {\n & svg {\n transform: scale(1.25);\n }\n }\n}\n\n/* Tablet */\n:global(.omrs-breakpoint-lt-desktop) {\n .container {\n margin-bottom: 0;\n margin-top: 0;\n border-radius: unset;\n color: $ui-05;\n max-width: none;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n }\n\n .active {\n background-color: $color-blue-10;\n color: $interactive-01;\n\n &:hover {\n color: $interactive-01;\n }\n\n & > span {\n color: $interactive-01;\n @include type.type-style('heading-compact-01');\n }\n\n svg {\n fill: $interactive-01;\n }\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),i.locals={container:"-esm-devtools__action-menu-button2-module__container___h1AWf",elementContainer:"-esm-devtools__action-menu-button2-module__elementContainer___5ihTU",countTag:"-esm-devtools__action-menu-button2-module__countTag___B3Dwx",interruptedTag:"-esm-devtools__action-menu-button2-module__interruptedTag___8-QHd",active:"-esm-devtools__action-menu-button2-module__active___gwzq1",focused:"-esm-devtools__action-menu-button2-module__focused___aBk1L"};const s=i},85472:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,'[dir="rtl"] .-esm-devtools__pictograms-module__pictogram___A\\+l9N{transform:scaleX(-1)}',"",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/pictograms/pictograms.module.scss"],names:[],mappings:"AACE,kEACE,oBAAA",sourcesContent:[":global([dir='rtl']) {\n .pictogram {\n transform: scaleX(-1);\n }\n}\n"],sourceRoot:""}]),i.locals={pictogram:"-esm-devtools__pictograms-module__pictogram___A+l9N"};const s=i},87634:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__action-menu-module__sideRailHidden___kcXrn{display:none}.-esm-devtools__action-menu-module__sideRailVisible___lC1bF{display:flex}.omrs-breakpoint-gt-tablet .-esm-devtools__action-menu-module__sideRail___\\+o4-A{width:3rem}.omrs-breakpoint-gt-tablet .-esm-devtools__action-menu-module__sideRail___\\+o4-A .-esm-devtools__action-menu-module__container___oC0QF{position:fixed;top:var(--omrs-navbar-height);right:0;background:#f4f4f4;height:100%;z-index:1000;width:3rem;border-left:1px solid #a8a8a8;display:flex;align-items:center;flex-direction:column}.omrs-breakpoint-gt-tablet .-esm-devtools__action-menu-module__sideRail___\\+o4-A.-esm-devtools__action-menu-module__withinWorkspace___34mq3 .-esm-devtools__action-menu-module__container___oC0QF{top:calc(var(--omrs-navbar-height) + var(--workspace-header-height))}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu-module__sideRail___\\+o4-A{border-top:1px solid #c6c6c6;background-color:#fff;position:fixed;left:0;bottom:0;z-index:8003;width:100%;display:flex;justify-content:stretch}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu-module__chartExtensions___QUwpN{background-color:#fff;display:flex;width:100%}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu-module__chartExtensions___QUwpN>div{flex:1;cursor:pointer}.omrs-breakpoint-lt-desktop .-esm-devtools__action-menu-module__container___oC0QF{display:flex;align-items:center;width:100%}.-esm-devtools__action-menu-module__divider___-ZEfy{background-color:#a8a8a8;margin:.75rem 0;height:1px;width:2.5rem}html[dir=rtl] .omrs-breakpoint-gt-tablet .-esm-devtools__action-menu-module__sideRail___\\+o4-A .-esm-devtools__action-menu-module__container___oC0QF{right:unset;left:0}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/workspaces/container/action-menu.module.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCvDF,2DACE,YAAA,CAGF,4DACE,YAAA,CAKA,iFACE,UCkCS,CDhCT,uIACE,cAAA,CACA,6BAAA,CACA,OAAA,CACA,kBDrBE,CCsBF,WAAA,CACA,YAAA,CACA,UCyBO,CDxBP,6BAAA,CACA,YAAA,CACA,kBAAA,CACA,qBAAA,CAGF,kMACE,oEAAA,CAOJ,kFACE,4BAAA,CACA,qBDxCI,CCyCJ,cAAA,CACA,MAAA,CACA,QAAA,CACA,YAAA,CACA,UAAA,CACA,YAAA,CACA,uBAAA,CAGF,wFACE,qBDnDI,CCoDJ,YAAA,CACA,UAAA,CAEA,4FACE,MAAA,CACA,cAAA,CAIJ,kFACE,YAAA,CACA,kBAAA,CACA,UAAA,CAIJ,oDACE,wBDhEQ,CCiER,eAAA,CACA,UAAA,CACA,YC7BW,CDoCP,qJACE,WAAA,CACA,MAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '../../vars' as *;\n\n$icon-button-size: layout.$spacing-08;\n$actionPanelOffset: layout.$spacing-09;\n\n.sideRailHidden {\n display: none;\n}\n\n.sideRailVisible {\n display: flex;\n}\n\n/* Desktop */\n:global(.omrs-breakpoint-gt-tablet) {\n .sideRail {\n width: $actionPanelOffset;\n\n .container {\n position: fixed;\n top: var(--omrs-navbar-height);\n right: 0;\n background: $ui-01;\n height: 100%;\n z-index: 1000;\n width: $actionPanelOffset;\n border-left: 1px solid $text-03;\n display: flex;\n align-items: center;\n flex-direction: column;\n }\n\n &.withinWorkspace .container {\n top: calc(var(--omrs-navbar-height) + var(--workspace-header-height));\n }\n }\n}\n\n/* Tablet */\n:global(.omrs-breakpoint-lt-desktop) {\n .sideRail {\n border-top: 1px solid $color-gray-30;\n background-color: $ui-02;\n position: fixed;\n left: 0;\n bottom: 0;\n z-index: 8003;\n width: 100%;\n display: flex;\n justify-content: stretch;\n }\n\n .chartExtensions {\n background-color: $ui-02;\n display: flex;\n width: 100%;\n\n > div {\n flex: 1;\n cursor: pointer;\n }\n }\n\n .container {\n display: flex;\n align-items: center;\n width: 100%;\n }\n}\n\n.divider {\n background-color: $text-03;\n margin: layout.$spacing-04 0;\n height: 1px;\n width: layout.$spacing-08;\n}\n\n// Overriding styles for RTL support\nhtml[dir='rtl'] {\n :global(.omrs-breakpoint-gt-tablet) {\n .sideRail {\n .container {\n right: unset;\n left: 0;\n }\n }\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),i.locals={sideRailHidden:"-esm-devtools__action-menu-module__sideRailHidden___kcXrn",sideRailVisible:"-esm-devtools__action-menu-module__sideRailVisible___lC1bF",sideRail:"-esm-devtools__action-menu-module__sideRail___+o4-A",container:"-esm-devtools__action-menu-module__container___oC0QF",withinWorkspace:"-esm-devtools__action-menu-module__withinWorkspace___34mq3",chartExtensions:"-esm-devtools__action-menu-module__chartExtensions___QUwpN",divider:"-esm-devtools__action-menu-module__divider___-ZEfy"};const s=i},92416:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__location-picker-module__bodyCompact01___IgDcI,.-esm-devtools__location-picker-module__locationRadioButton___J8Z9H{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-devtools__location-picker-module__searchResults___IIQLh{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);max-height:100%;overflow-y:auto;padding:0 1.5rem;background-color:#f4f4f4;height:25.5rem}.-esm-devtools__location-picker-module__locationResultsContainer___G1RRi{display:flex;overflow-y:auto;padding:.5rem .125rem 0}.-esm-devtools__location-picker-module__locationRadioButton___J8Z9H{display:flex;height:3rem;align-items:center}.-esm-devtools__location-picker-module__locationNotFound___iIBbW{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px);color:#525252;margin-bottom:1rem}.-esm-devtools__location-picker-module__radioButtonSkeleton___o9dX1{margin-right:0 !important;margin-bottom:2rem}.-esm-devtools__location-picker-module__radioButtonSkeleton___o9dX1 span{width:100% !important}.-esm-devtools__location-picker-module__loadingIcon___LXek2{display:flex;justify-content:center;align-items:center;max-width:50%;margin:1rem auto}.-esm-devtools__location-picker-module__loadingIcon___LXek2 .cds--loading__stroke{stroke:#007d79;stroke:var(--brand-03)}.-esm-devtools__location-picker-module__loadingContainer___jdlYN{margin-top:1.5rem}.-esm-devtools__location-picker-module__emptyState___QCe70{display:flex;flex-direction:column;justify-content:center;margin:1.5rem auto 0}.-esm-devtools__location-picker-module__errorNotification___4HHpb{margin:.5rem 0}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/location-picker/location-picker.module.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,kIC81BI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CD11BJ,8DC01BI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CDx1BF,eAAA,CACA,eAAA,CACA,gBAAA,CACA,wBDXM,CCYN,cAAA,CAGF,yEACE,YAAA,CACA,eAAA,CACA,uBAAA,CAGF,oEACE,YAAA,CACA,WE0BW,CFzBX,kBAAA,CAIF,iECo0BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CDl0BF,aDzBQ,CC0BR,kBEFW,CFKb,oEACE,yBAAA,CACA,kBEGW,CAAA,yEFCX,qBAAA,CAGF,4DACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,aAAA,CACA,gBAAA,CAEA,kFDFA,cAAA,CACA,sBAAA,CCMF,iEACE,iBEtBW,CFyBb,2DACE,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,oBAAA,CAGF,kEACE,cAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '../vars' as *;\n\n.bodyCompact01 {\n @include type.type-style('body-compact-01');\n}\n\n.searchResults {\n @include type.type-style('body-compact-02');\n max-height: 100%;\n overflow-y: auto;\n padding: 0 layout.$spacing-06;\n background-color: $ui-01;\n height: 25.5rem;\n}\n\n.locationResultsContainer {\n display: flex;\n overflow-y: auto;\n padding: layout.$spacing-03 layout.$spacing-01 0;\n}\n\n.locationRadioButton {\n display: flex;\n height: layout.$spacing-09;\n align-items: center;\n @extend .bodyCompact01;\n}\n\n.locationNotFound {\n @include type.type-style('heading-compact-01');\n color: $text-02;\n margin-bottom: layout.$spacing-05;\n}\n\n.radioButtonSkeleton {\n margin-right: 0 !important;\n margin-bottom: layout.$spacing-07;\n}\n\n.radioButtonSkeleton span {\n width: 100% !important;\n}\n\n.loadingIcon {\n display: flex;\n justify-content: center;\n align-items: center;\n max-width: 50%;\n margin: layout.$spacing-05 auto;\n\n :global(.cds--loading__stroke) {\n @include brand-03(stroke);\n }\n}\n\n.loadingContainer {\n margin-top: layout.$spacing-06;\n}\n\n.emptyState {\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin: layout.$spacing-06 auto 0;\n}\n\n.errorNotification {\n margin: layout.$spacing-03 0;\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),i.locals={bodyCompact01:"-esm-devtools__location-picker-module__bodyCompact01___IgDcI",locationRadioButton:"-esm-devtools__location-picker-module__locationRadioButton___J8Z9H",searchResults:"-esm-devtools__location-picker-module__searchResults___IIQLh",locationResultsContainer:"-esm-devtools__location-picker-module__locationResultsContainer___G1RRi",locationNotFound:"-esm-devtools__location-picker-module__locationNotFound___iIBbW",radioButtonSkeleton:"-esm-devtools__location-picker-module__radioButtonSkeleton___o9dX1",loadingIcon:"-esm-devtools__location-picker-module__loadingIcon___LXek2",loadingContainer:"-esm-devtools__location-picker-module__loadingContainer___jdlYN",emptyState:"-esm-devtools__location-picker-module__emptyState___QCe70",errorNotification:"-esm-devtools__location-picker-module__errorNotification___4HHpb"};const s=i},92470:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,':root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__empty-card-module__action___yoGkR{margin-bottom:.5rem}.-esm-devtools__empty-card-module__content___cWkWM{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px);color:#525252;margin-top:1rem;margin-bottom:.5rem}.-esm-devtools__empty-card-module__heading___yiZTZ:after{content:"";display:block;width:2rem;padding-top:.188rem;border-bottom:.375rem solid var(--brand-03)}.-esm-devtools__empty-card-module__tile___ufSBu{text-align:center;border:1px solid #e0e0e0}',"",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/empty-card/empty-card.module.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,kDACE,mBCgBW,CDbb,mDE01BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CFx1BF,aDHQ,CCIR,eCoBW,CDnBX,mBCSW,CDNb,yDACE,UAAA,CACA,aAAA,CACA,UCuBW,CDtBX,mBAAA,CACA,2CAAA,CAGF,gDACE,iBAAA,CACA,wBAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '../vars' as *;\n\n.action {\n margin-bottom: layout.$spacing-03;\n}\n\n.content {\n @include type.type-style('heading-compact-01');\n color: $text-02;\n margin-top: layout.$spacing-05;\n margin-bottom: layout.$spacing-03;\n}\n\n.heading:after {\n content: '';\n display: block;\n width: layout.$spacing-07;\n padding-top: 0.188rem;\n border-bottom: 0.375rem solid var(--brand-03);\n}\n\n.tile {\n text-align: center;\n border: 1px solid $ui-03;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),i.locals={action:"-esm-devtools__empty-card-module__action___yoGkR",content:"-esm-devtools__empty-card-module__content___cWkWM",heading:"-esm-devtools__empty-card-module__heading___yiZTZ",tile:"-esm-devtools__empty-card-module__tile___ufSBu"};const s=i},95388:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-devtools__error-state-module__errorMessage___1lT9J{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0);margin-top:2.25rem;margin-bottom:.5rem}.-esm-devtools__error-state-module__errorCopy___fMfQK{margin-bottom:.5rem;font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);color:#525252}.-esm-devtools__error-state-module__tile___C5S-N{text-align:center;border:1px solid #e0e0e0}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./../../framework/esm-styleguide/src/error-state/error-state.module.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,yDC81BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CD31BF,kBAAA,CACA,mBEaW,CFVb,sDACE,mBESW,CD60BT,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CDp1BF,aDPQ,CCUV,iDACE,iBAAA,CACA,wBAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '../vars' as *;\n\n.errorMessage {\n @include type.type-style('heading-compact-02');\n\n margin-top: 2.25rem;\n margin-bottom: layout.$spacing-03;\n}\n\n.errorCopy {\n margin-bottom: layout.$spacing-03;\n @include type.type-style('body-01');\n color: $text-02;\n}\n\n.tile {\n text-align: center;\n border: 1px solid $ui-03;\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),i.locals={errorMessage:"-esm-devtools__error-state-module__errorMessage___1lT9J",errorCopy:"-esm-devtools__error-state-module__errorCopy___fMfQK",tile:"-esm-devtools__error-state-module__tile___C5S-N"};const s=i},97097:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(41109),a=t.n(o),r=t(75248),i=t.n(r)()(a());i.push([e.id,".-esm-devtools__workspace-notification-module__messageBody___tu4eE{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/workspaces/notification/workspace-notification.module.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAEA,mECg2BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA",sourcesContent:["@use '@carbon/type';\n\n.messageBody {\n @include type.type-style('heading-compact-02');\n}\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),i.locals={messageBody:"-esm-devtools__workspace-notification-module__messageBody___tu4eE"};const s=i}}]);
|