@pih/esm-dispensing-app/dist/8428.js

Medication dispensing application

/*! For license information please see 8428.js.LICENSE.txt */
(globalThis.webpackChunk_pih_esm_dispensing_app=globalThis.webpackChunk_pih_esm_dispensing_app||[]).push([[8428],{241:(e,n,t)=>{"use strict";t.d(n,{A:()=>r});const r=t(41917).A.Symbol},313:(e,n,t)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),t(31635).__exportStar(t(13329),n)},466:function(e,n,t){"use strict";var r,o=this&&this.__extends||(r=function(e,n){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])},r(e,n)},function(e,n){function t(){this.constructor=e}r(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)});Object.defineProperty(n,"__esModule",{value:!0});var i=t(12888),a=t(16967),s=function(e){function n(n){var t=e.call(this)||this;return t._value=n,t}return o(n,e),Object.defineProperty(n.prototype,"value",{get:function(){return this.getValue()},enumerable:!0,configurable:!0}),n.prototype._subscribe=function(n){var t=e.prototype._subscribe.call(this,n);return t&&!t.closed&&n.next(this._value),t},n.prototype.getValue=function(){if(this.hasError)throw this.thrownError;if(this.closed)throw new a.ObjectUnsubscribedError;return this._value},n.prototype.next=function(n){e.prototype.next.call(this,this._value=n)},n}(i.Subject);n.BehaviorSubject=s},909:(e,n,t)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0});var r=t(70887);n.zip=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return function(n){return n.lift.call(r.zip.apply(void 0,[n].concat(e)))}}},1112:function(e,n,t){"use strict";var r,o=this&&this.__extends||(r=function(e,n){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])},r(e,n)},function(e,n){function t(){this.constructor=e}r(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)});Object.defineProperty(n,"__esModule",{value:!0});var i=t(76808),a=t(24098),s=t(64398);n.exhaustMap=function e(n,t){return t?function(r){return r.pipe(e((function(e,r){return a.from(n(e,r)).pipe(i.map((function(n,o){return t(e,n,r,o)})))})))}:function(e){return e.lift(new c(n))}};var c=function(){function e(e){this.project=e}return e.prototype.call=function(e,n){return n.subscribe(new l(e,this.project))},e}(),l=function(e){function n(n,t){var r=e.call(this,n)||this;return r.project=t,r.hasSubscription=!1,r.hasCompleted=!1,r.index=0,r}return o(n,e),n.prototype._next=function(e){this.hasSubscription||this.tryNext(e)},n.prototype.tryNext=function(e){var n,t=this.index++;try{n=this.project(e,t)}catch(e){return void this.destination.error(e)}this.hasSubscription=!0,this._innerSub(n)},n.prototype._innerSub=function(e){var n=new s.SimpleInnerSubscriber(this),t=this.destination;t.add(n);var r=s.innerSubscribe(e,n);r!==n&&t.add(r)},n.prototype._complete=function(){this.hasCompleted=!0,this.hasSubscription||this.destination.complete(),this.unsubscribe()},n.prototype.notifyNext=function(e){this.destination.next(e)},n.prototype.notifyError=function(e){this.destination.error(e)},n.prototype.notifyComplete=function(){this.hasSubscription=!1,this.hasCompleted&&this.destination.complete()},n}(s.SimpleOuterSubscriber)},1138:(e,n,t)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0});var r=t(52515),o=t(83207);n.schedulePromise=function(e,n){return new r.Observable((function(t){var r=new o.Subscription;return r.add(n.schedule((function(){return e.then((function(e){r.add(n.schedule((function(){t.next(e),r.add(n.schedule((function(){return t.complete()})))})))}),(function(e){r.add(n.schedule((function(){return t.error(e)})))}))}))),r}))}},1665:(e,n,t)=>{"use strict";t.d(n,{A:()=>s});var r=t(54991),o=t.n(r),i=t(76314),a=t.n(i)()(o());a.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-dispensing__workspace-module__loader___BHWAj{display:flex;background-color:#f4f4f4;justify-content:center;min-height:3rem}.-esm-dispensing__workspace-module__hiddenExtraWorkspace___q2Tv0{display:none}.-esm-dispensing__workspace-module__workspaceInnerContainer___iP5TX{display:flex;flex-direction:column;height:100%}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__workspaceContainerWithActionMenu___tFLND{height:100%}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__workspaceContainerWithActionMenu___tFLND .-esm-dispensing__workspace-module__workspaceFixedContainer___y\\+16K{right:3rem}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__workspaceContainerWithoutActionMenu___EoGo4{height:100%}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__workspaceContainerWithoutActionMenu___EoGo4 .-esm-dispensing__workspace-module__workspaceFixedContainer___y\\+16K{right:0}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__header___qL9WZ{position:relative;box-sizing:content-box;border-bottom:1px solid #a8a8a8;background-color:#e0e0e0;height:var(--workspace-header-height)}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__header___qL9WZ 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-dispensing__workspace-module__header___qL9WZ a:hover{color:inherit}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__header___qL9WZ:not(.-esm-dispensing__workspace-module__maximizedWindow___CAMD\\+){right:auto;left:auto}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__headerButtons___U\\+lNb button{background-color:#fff;border-right:1px solid #e0e0e0}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__headerButtons___U\\+lNb button>svg{fill:#121619 !important}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__headerButtons___U\\+lNb button:hover{background-color:#f4f4f4}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__maximizedWindow___CAMD\\+{width:calc(100% - 3rem) !important}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__workspaceWindowSpacer___y26kN{height:100%;transition:margin-right .5s ease-in-out}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__workspaceOverlayOuterContainer___b1fCt{position:fixed;z-index:50}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__workspaceFixedContainer___y\\+16K{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-dispensing__workspace-module__extraWideWorkspace___0Kdqs{width:48.25rem}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__extraWideWorkspace___0Kdqs .-esm-dispensing__workspace-module__workspaceFixedContainer___y\\+16K{width:48.25rem}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__extraWideWorkspace___0Kdqs.-esm-dispensing__workspace-module__hiddenRelative___zGti7{margin-right:-48.25rem !important}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__extraWideWorkspace___0Kdqs .-esm-dispensing__workspace-module__hiddenFixed___Dm6nY{right:-48.25rem !important}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__widerWorkspace___RP\\+Qa{width:32.25rem}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__widerWorkspace___RP\\+Qa .-esm-dispensing__workspace-module__workspaceFixedContainer___y\\+16K{width:32.25rem}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__widerWorkspace___RP\\+Qa.-esm-dispensing__workspace-module__hiddenRelative___zGti7{margin-right:-32.25rem !important}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__widerWorkspace___RP\\+Qa .-esm-dispensing__workspace-module__hiddenFixed___Dm6nY{right:-32.25rem !important}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__narrowWorkspace___KwVDf{width:26.25rem}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__narrowWorkspace___KwVDf .-esm-dispensing__workspace-module__workspaceFixedContainer___y\\+16K{width:26.25rem}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__narrowWorkspace___KwVDf.-esm-dispensing__workspace-module__hiddenRelative___zGti7{margin-right:-26.25rem !important}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__narrowWorkspace___KwVDf .-esm-dispensing__workspace-module__hiddenFixed___Dm6nY{right:-26.25rem !important}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__workspaceContent___XrUHe{background-color:#fff;overflow-y:auto;flex-grow:1}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__marginWorkspaceContent___p5Jdq{margin-right:3rem}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__workspaceContent___XrUHe>div{height:100%}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__overlay___tOBw-{background-color:#fff;display:flex;flex-direction:column;z-index:1000}.omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__overlayHeaderSpacer___6jGh\\+{flex-grow:1}.omrs-breakpoint-lt-desktop .-esm-dispensing__workspace-module__header___qL9WZ{position:relative;background-color:var(--brand-02)}.omrs-breakpoint-lt-desktop .-esm-dispensing__workspace-module__header___qL9WZ a{color:#fff}.omrs-breakpoint-lt-desktop .-esm-dispensing__workspace-module__header___qL9WZ button{color:#fff;background-color:var(--brand-02)}.omrs-breakpoint-lt-desktop .-esm-dispensing__workspace-module__header___qL9WZ button:hover{background-color:var(--brand-03)}.omrs-breakpoint-lt-desktop .-esm-dispensing__workspace-module__hiddenFixed___Dm6nY{top:100% !important}.omrs-breakpoint-lt-desktop .-esm-dispensing__workspace-module__workspaceFixedContainer___y\\+16K{position:fixed;top:0;left:0;right:0;bottom:0;z-index:8002;transition:top .5s ease-in-out}.omrs-breakpoint-lt-desktop .-esm-dispensing__workspace-module__workspaceContainerWithActionMenu___tFLND .-esm-dispensing__workspace-module__workspaceFixedContainer___y\\+16K{bottom:var(--bottom-nav-height)}.omrs-breakpoint-lt-desktop .-esm-dispensing__workspace-module__overlay___tOBw-{background-color:#fff;display:flex;flex-direction:column}.omrs-breakpoint-lt-desktop .-esm-dispensing__workspace-module__overlayCloseButton___vzxrh{order:1}.omrs-breakpoint-lt-desktop .-esm-dispensing__workspace-module__overlayTitle___gokag{order:2}.omrs-breakpoint-lt-desktop .-esm-dispensing__workspace-module__workspaceContent___XrUHe{background-color:#f4f4f4;overflow-y:auto;height:100%}.omrs-breakpoint-lt-desktop .-esm-dispensing__workspace-module__workspaceContent___XrUHe>div{height:100%}.omrs-breakpoint-lt-desktop .-esm-dispensing__workspace-module__dynamicWidth___fNYSM{width:100%}.omrs-breakpoint-lt-desktop .-esm-dispensing__workspace-module__marginWorkspaceContent___p5Jdq{margin-bottom:var(--bottom-nav-height)}html[dir=rtl] .omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__workspaceContainerWithActionMenu___tFLND .-esm-dispensing__workspace-module__workspaceFixedContainer___y\\+16K{right:unset;left:3rem}html[dir=rtl] .omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__workspaceContainerWithoutActionMenu___EoGo4{height:100%}html[dir=rtl] .omrs-breakpoint-gt-tablet .-esm-dispensing__workspace-module__workspaceContainerWithoutActionMenu___EoGo4 .-esm-dispensing__workspace-module__workspaceFixedContainer___y\\+16K{right:unset;left:0}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./node_modules/@openmrs/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,mDACE,YAAA,CACA,wBDSwB,CCRxB,sBAAA,CACA,eCqCW,CDlCb,iEACE,YAAA,CAGF,oEACE,YAAA,CACA,qBAAA,CACA,WAAA,CAKA,wGACE,WAAA,CAEA,6KACE,UCkBO,CDdX,2GACE,WAAA,CAEA,gLACE,OAAA,CAIJ,8EACE,iBAAA,CACA,sBAAA,CACA,+BAAA,CACA,wBD7CI,CC8CJ,qCAAA,CAEA,gFE8yBA,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CF3yBE,sFACE,aAAA,CAIJ,gJACE,UAAA,CACA,SAAA,CAKF,6FACE,qBDjEE,CCkEF,8BAAA,CAEA,iGACE,uBAAA,CAGF,mGACE,wBD1EA,CC+EN,wFACE,kCAAA,CAGF,6FACE,WAAA,CACA,uCAAA,CAGF,sGACE,cAAA,CACA,UAAA,CAGF,gGACE,cAAA,CACA,6BAAA,CACA,QAAA,CACA,6BAAA,CACA,UAAA,CACA,qBAAA,CACA,sDACE,CAIJ,0FACE,cApGsB,CAsGtB,+JACE,cAvGoB,CA0GtB,oJACE,iCAAA,CAGF,kJACE,0BAAA,CAIJ,uFACE,cArHkB,CAuHlB,4JACE,cAxHgB,CA2HlB,iJACE,iCAAA,CAGF,+IACE,0BAAA,CAIJ,uFACE,cAtImB,CAwInB,4JACE,cAzIiB,CA4InB,iJACE,iCAAA,CAGF,+IACE,0BAAA,CAIJ,wFACE,qBDzJI,CC0JJ,eAAA,CACA,WAAA,CAGF,8FACE,iBC/GS,CDmHX,4FACE,WAAA,CAGF,+EACE,qBDxKI,CCyKJ,YAAA,CACA,qBAAA,CACA,YAAA,CAGF,4FACE,WAAA,CAMF,+EACE,iBAAA,CACA,gCAAA,CAEA,iFACE,UD1LE,CC6LJ,sFACE,UD9LE,CC+LF,gCAAA,CAEA,4FACE,gCAAA,CAKN,oFACE,mBAAA,CAGF,iGACE,cAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,QAAA,CACA,YAAA,CACA,8BAAA,CAIA,8KACE,+BAAA,CAIJ,gFACE,qBD5NI,CC6NJ,YAAA,CACA,qBAAA,CAGF,2FACE,OAAA,CAGF,qFACE,OAAA,CAGF,yFACE,wBD3OI,CC4OJ,eAAA,CACA,WAAA,CAIF,6FACE,WAAA,CAGF,qFACE,UAAA,CAGF,+FACE,sCAAA,CAQE,2LACE,WAAA,CACA,SCnNK,CDuNT,yHACE,WAAA,CAEA,8LACE,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:""}]),a.locals={loader:"-esm-dispensing__workspace-module__loader___BHWAj",hiddenExtraWorkspace:"-esm-dispensing__workspace-module__hiddenExtraWorkspace___q2Tv0",workspaceInnerContainer:"-esm-dispensing__workspace-module__workspaceInnerContainer___iP5TX",workspaceContainerWithActionMenu:"-esm-dispensing__workspace-module__workspaceContainerWithActionMenu___tFLND",workspaceFixedContainer:"-esm-dispensing__workspace-module__workspaceFixedContainer___y+16K",workspaceContainerWithoutActionMenu:"-esm-dispensing__workspace-module__workspaceContainerWithoutActionMenu___EoGo4",header:"-esm-dispensing__workspace-module__header___qL9WZ",maximizedWindow:"-esm-dispensing__workspace-module__maximizedWindow___CAMD+",headerButtons:"-esm-dispensing__workspace-module__headerButtons___U+lNb",workspaceWindowSpacer:"-esm-dispensing__workspace-module__workspaceWindowSpacer___y26kN",workspaceOverlayOuterContainer:"-esm-dispensing__workspace-module__workspaceOverlayOuterContainer___b1fCt",extraWideWorkspace:"-esm-dispensing__workspace-module__extraWideWorkspace___0Kdqs",hiddenRelative:"-esm-dispensing__workspace-module__hiddenRelative___zGti7",hiddenFixed:"-esm-dispensing__workspace-module__hiddenFixed___Dm6nY",widerWorkspace:"-esm-dispensing__workspace-module__widerWorkspace___RP+Qa",narrowWorkspace:"-esm-dispensing__workspace-module__narrowWorkspace___KwVDf",workspaceContent:"-esm-dispensing__workspace-module__workspaceContent___XrUHe",marginWorkspaceContent:"-esm-dispensing__workspace-module__marginWorkspaceContent___p5Jdq",overlay:"-esm-dispensing__workspace-module__overlay___tOBw-",overlayHeaderSpacer:"-esm-dispensing__workspace-module__overlayHeaderSpacer___6jGh+",overlayCloseButton:"-esm-dispensing__workspace-module__overlayCloseButton___vzxrh",overlayTitle:"-esm-dispensing__workspace-module__overlayTitle___gokag",dynamicWidth:"-esm-dispensing__workspace-module__dynamicWidth___fNYSM"};const s=a},1801:(e,n,t)=>{"use strict";t.d(n,{A:()=>o});var r=t(90565);const o=function(e,n){var t=n?(0,r.A)(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.length)}},1907:(e,n,t)=>{"use strict";var r=t(41505),o=Function.prototype,i=o.call,a=r&&o.bind.bind(i,i);e.exports=r?a:function(e){return function(){return i.apply(e,arguments)}}},2119:(e,n,t)=>{"use strict";var r;if(t.d(n,{CD:()=>z}),typeof navigator<"u"){let e=navigator;r=Array.isArray(e.languages)?e.languages[0]:e.language}else if(typeof process<"u"){let e=process.env;r=e.LC_ALL||e.LC_MESSAGES||e.LANG||e.LANGUAGE}var o=function(e){e=(e=e.replace(/_/g,"-")).replace(/[.:][\w-]*$/,"");try{return new Intl.Locale(e).baseName}catch{return"en-US"}}(r||"en-US"),i=class extends Date{invalid=null;isValid(){return!Number.isNaN(this.valueOf())}},a={};for(let e=1;e<100;e++)a[(e<=9?"0":"")+e]=e+(e>51?1900:2e3);var s=a,c={arab:1632,arabext:1776,bali:6992,beng:2534,deva:2406,fullwide:65296,gujr:2790,khmr:6112,knda:3302,laoo:3792,limb:6470,mlym:3430,mong:6160,mymr:4160,orya:2918,tamldec:3046,telu:3174,thai:3664,tibt:3872},l="[１２３４５６７８９０一二三四五六七八九〇\\d]",d={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,"０":0,"１":1,"２":2,"３":3,"４":4,"５":5,"６":6,"７":7,"８":8,"９":9,〇:0,一:1,二:2,三:3,四:4,五:5,六:6,七:7,八:8,九:9},u={},p={"Eastern Daylight Time":-240,"Eastern Standard Time":-300,"Central Daylight Ti