npm - @openmrs/esm-patient-search-app - Versions diffs - 3.0.2-pre.309 → 3.0.2-pre.310 - Mend

@openmrs/esm-patient-search-app 3.0.2-pre.309 → 3.0.2-pre.310

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

Files changed (12) hide show

package/dist/60.js +1 -1
package/dist/60.js.map +1 -1
package/dist/745.js +1 -1
package/dist/745.js.map +1 -1
package/dist/openmrs-esm-patient-search-app.js.buildmanifest.json +6 -6
package/package.json +2 -2
package/src/config-schema.ts +5 -0
package/src/patient-search/patient-search.resource.tsx +3 -2
package/src/patient-search-icon/patient-search-icon.component.scss +3 -3
package/src/patient-search-icon/patient-search-icon.component.tsx +5 -4
package/src/patient-search-result/patient-search-result.component.tsx +2 -0
package/src/types/index.ts +2 -0

package/dist/60.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_openmrs_esm_patient_search_app=self.webpackChunk_openmrs_esm_patient_search_app||[]).push([[60],{5238:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var a=t(9902),i=t.n(a),r=t(3090),o=t(8552),p=t(5759),s=t(7030),c=t(9748),m=t(4924),l=t(6118),h=t(9035),g=t(5091),u=t(9095),$=t(9623);const d=e=>{let{width:n="61",height:t="59"}=e;return a.createElement("svg",{width:n,height:t,viewBox:"0 0 61 59"},a.createElement("title",null,"Empty data illustration"),a.createElement("g",{fill:"none",fillRule:"evenodd"},a.createElement("path",{d:"M38.133 13.186H21.947c-.768.001-1.39.623-1.39 1.391V50.55l-.186.057-3.97 1.216a.743.743 0 01-.927-.493L3.664 12.751a.742.742 0 01.492-.926l6.118-1.874 17.738-5.43 6.119-1.873a.741.741 0 01.926.492L38.076 13l.057.186z",fill:"#E0E0E0"}),a.createElement("path",{d:"M41.664 13L38.026 1.117A1.576 1.576 0 0036.056.07l-8.601 2.633-17.737 5.43-8.603 2.634a1.578 1.578 0 00-1.046 1.97l12.436 40.616a1.58 1.58 0 001.969 1.046l5.897-1.805.185-.057v-.194l-.185.057-5.952 1.822a1.393 1.393 0 01-1.737-.923L.247 12.682a1.39 1.39 0 01.923-1.738L9.772 8.31 27.51 2.881 36.112.247a1.393 1.393 0 011.737.923L41.47 13l.057.186h.193l-.057-.185z",fill:"#8D8D8D"}),a.createElement("path",{d:"M11.378 11.855a.836.836 0 01-.798-.59L9.385 7.361a.835.835 0 01.554-1.042l16.318-4.996a.836.836 0 011.042.554l1.195 3.902a.836.836 0 01-.554 1.043l-16.318 4.995a.831.831 0 01-.244.037z",fill:"#C6C6C6"}),a.createElement("circle",{fill:"#C6C6C6",cx:17.636,cy:2.314,r:1.855}),a.createElement("circle",{fill:"#FFF",fillRule:"nonzero",cx:17.636,cy:2.314,r:1.175}),a.createElement("path",{d:"M55.893 53.995H24.544a.79.79 0 01-.788-.789V15.644a.79.79 0 01.788-.788h31.349a.79.79 0 01.788.788v37.562a.79.79 0 01-.788.789z",fill:"#E0E0E0"}),a.createElement("path",{d:"M41.47 13H21.948a1.579 1.579 0 00-1.576 1.577V52.4l.185-.057V14.577c.001-.768.623-1.39 1.391-1.39h19.581L41.471 13zm17.02 0H21.947a1.579 1.579 0 00-1.576 1.577v42.478c0 .87.706 1.576 1.576 1.577H58.49a1.579 1.579 0 001.576-1.577V14.577a1.579 1.579 0 00-1.576-1.576zm1.39 44.055c0 .768-.622 1.39-1.39 1.392H21.947c-.768-.001-1.39-.624-1.39-1.392V14.577c0-.768.622-1.39 1.39-1.39H58.49c.768 0 1.39.622 1.39 1.39v42.478z",fill:"#8D8D8D"}),a.createElement("path",{d:"M48.751 17.082H31.686a.836.836 0 01-.835-.835v-4.081c0-.46.374-.834.835-.835H48.75c.461 0 .834.374.835.835v4.08c0 .462-.374.835-.835.836z",fill:"#C6C6C6"}),a.createElement("circle",{fill:"#C6C6C6",cx:40.218,cy:9.755,r:1.855}),a.createElement("circle",{fill:"#FFF",fillRule:"nonzero",cx:40.218,cy:9.755,r:1.13})))};var f=t(6062),b=t.n(f),y=t(4036),v=t.n(y),x=t(6793),A=t.n(x),_=t(7892),k=t.n(_),C=t(1173),w=t.n(C),z=t(2464),B=t.n(z),E=t(3933),M={};M.styleTagTransform=B(),M.setAttributes=k(),M.insert=A().bind(null,"head"),M.domAPI=v(),M.insertStyleElement=w(),b()(E.Z,M);const L=E.Z&&E.Z.locals?E.Z.locals:void 0,q=e=>{let{patients:n,hidePanel:t}=e;const r=(0,h.useConfig)(),o=(0,a.useCallback)((e=>{(0,h.navigate)({to:(0,h.interpolateString)(r.search.patientResultUrl,{patientUuid:e})}),t()}),[]),p=(0,a.useMemo)((()=>n.map((e=>{const n=e.person.addresses?.find((e=>e.preferred));return{id:e.uuid,name:[{given:[e.person.personName.givenName,e.person.personName.middleName],family:e.person.personName.familyName}],gender:e.person.gender,birthDate:e.person.birthdate,identifier:[{value:e.patientIdentifier.identifier}],address:n?[{city:n.cityVillage,country:n.country,postalCode:n.postalCode,state:n.stateProvince,use:"home"}]:[],telecom:e.attributes?.filter((e=>"Telephone Number"==e.attributeType.name))}}))),[n]);return i().createElement(i().Fragment,null,p.map((e=>i().createElement("div",{key:e.id,className:L.patientChart},i().createElement("div",{className:L.container},i().createElement(h.ExtensionSlot,{extensionSlotName:"patient-header-slot",state:{patient:e,patientUuid:e.id,onClick:o,onTransition:t}}))))))};var T=t(7242),I={};I.styleTagTransform=B(),I.setAttributes=k(),I.insert=A().bind(null,"head"),I.domAPI=v(),I.insertStyleElement=w(),b()(T.Z,I);const D=T.Z&&T.Z.locals?T.Z.locals:void 0,N=e=>{let{hidePanel:n,searchResults:t,status:r,error:o}=e;const{t:p}=(0,m.useTranslation)(),{totalPages:s,currentPage:c,goToNext:f,goToPrevious:b,results:y,goTo:v}=(0,h.usePagination)(t,5);return(0,a.useEffect)((()=>{t.length&&v(0)}),[t]),i().createElement("div",{className:D.searchResultsContainer},"resolved"===r&&i().createElement(i().Fragment,null,!(0,l.Z)(t)&&i().createElement("div",{className:D.searchResults},i().createElement("p",{className:D.resultsText},p("patientsFound",{count:t.length})),i().createElement(q,{hidePanel:n,patients:y}),i().createElement("div",{className:D.pagination},i().createElement(g.Z,{itemsShown:5,totalItems:s,onChange:e=>{0===e&&0===c||e+1>c?f():e+1<c&&b()}}))),(0,l.Z)(t)&&i().createElement("div",{className:D.searchResults},i().createElement("p",{className:D.resultsText},p("noResultsFound","No results found")),i().createElement(u.n9,{className:D.emptySearchResultsTile},i().createElement(d,null),i().createElement("p",{className:D.emptyResultText},p("noPatientChartsFoundMessage","Sorry, no patient charts have been found")),i().createElement("p",{className:D.actionText},i().createElement("span",null,p("trySearchWithPatientUniqueID","Try searching with the patient's unique ID number")),i().createElement("br",null),i().createElement("span",null,p("orPatientName","OR the patient's name(s)")))))),"searching"===r&&i().createElement($.Z,{description:"Active loading indicator",withOverlay:!0}),"error"===r&&i().createElement("div",{className:D.searchResults},i().createElement("p",{className:D.resultsText},p("errorText","An error occurred while performing search")),i().createElement(u.n9,{className:D.emptySearchResultsTile},i().createElement(d,null),i().createElement("div",null,i().createElement("p",{className:D.errorMessage},p("error","Error")," ",`${o?.status}: `,o?.statusText),i().createElement("p",{className:D.errorCopy},p("errorCopy","Sorry, there was a an error. You can try to reload this page, or contact the site administrator and quote the error code above."))))))};var S=t(8652),F=t(8955),R={};R.styleTagTransform=B(),R.setAttributes=k(),R.insert=A().bind(null,"head"),R.domAPI=v(),R.insertStyleElement=w(),b()(F.Z,R);const H=F.Z&&F.Z.locals?F.Z.locals:void 0;var G;function U(e,n){return n.type===G.error?{status:n.type,error:n.error,...e}:{status:n.type,searchResults:n.payload}}!function(e){e.searching="searching",e.resolved="resolved",e.error="error",e.idle="idle"}(G||(G={}));const j=()=>{const{t:e}=(0,m.useTranslation)(),n=(0,h.useLayoutType)(),[t,g]=(0,a.useState)(!1),[u,$]=(0,a.useState)(),[{searchResults:d,status:f,error:b},y]=(0,a.useReducer)(U,{status:"idle",searchResults:[]}),v=(0,a.useCallback)((()=>{!(0,l.Z)(u)&&y({type:G.searching,payload:[]})}),[u]);(0,a.useEffect)((()=>{if(u&&"searching"===f){const e=new AbortController;return function(e,n,t){return(0,h.openmrsFetch)(`/ws/rest/v1/patient?q=${e}&v=custom:(patientId,uuid,identifiers,display,patientIdentifier:(uuid,identifier),person:(gender,age,birthdate,birthdateEstimated,personName,addresses,display),attributes:(value,attributeType:(name)))`,{method:"GET",signal:t.signal})}(u,0,e).then((e=>{let{data:n}=e;const t=n.results.map(((e,n)=>({...e,index:n+1})));y({type:G.resolved,payload:t})}),(e=>{y({type:G.error,error:e?.response})})),()=>e.abort()}}),[u,f]);const x=(0,a.useMemo)((()=>(0,S.Z)((e=>$(e)),300)),[]),A=(0,a.useCallback)((()=>{g(!1)}),[]);return(0,a.useEffect)((()=>{t||$("")}),[t]),(0,a.useEffect)((()=>{(0,l.Z)(u)&&y({type:G.idle,payload:[]})}),[u]),i().createElement(i().Fragment,null,i().createElement("div",{className:H.patientSearchIconWrapper},t&&i().createElement("div",{className:H.searchArea},i().createElement(p.Z,{size:"desktop"===n?"sm":"xl",className:H.patientSearchInput,placeholder:e("searchForPatient","Search for a patient by name or identifier number"),labelText:"",onKeyUp:e=>"enter"===e.key.toLowerCase()&&v(),onChange:e=>x(e.target.value),autoFocus:!0}),i().createElement(s.Z,{disabled:"searching"===f,onClick:v,className:H.searchButton,size:"desktop"===n?"small":"default"},e("search","Search"))),i().createElement("div",{className:`${t&&H.closeButton}`},i().createElement(c.Z,{className:`${t?H.activeSearchIconButton:H.searchIconButton}`,onClick:()=>g((e=>!e)),"aria-label":"Search Patient","aria-labelledby":"Search Patient",name:"SearchPatientIcon"},t?i().createElement(o.Z,null):i().createElement(r.Z,null)))),t&&i().createElement(N,{hidePanel:A,searchResults:d,status:f,error:b}))}},8955:(e,n,t)=>{t.d(n,{Z:()=>p});var a=t(1799),i=t.n(a),r=t(2609),o=t.n(r)()(i());o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-patient-search__patient-search-icon-component__patientSearchIconWrapper___XUHQj{display:flex;width:50vw;justify-content:flex-end;align-items:center}.-esm-patient-search__patient-search-icon-component__patientSearchInput___qP3gk input:focus{outline:none}.omrs-breakpoint-gt-tablet .-esm-patient-search__patient-search-icon-component__searchArea___3jb\\+e{display:flex;justify-content:center;flex-direction:row;align-items:center;width:50vw;border:.125rem solid var(--omrs-color-brand-orange);height:2.25rem;margin-right:.125rem}.omrs-breakpoint-lt-desktop .-esm-patient-search__patient-search-icon-component__searchArea___3jb\\+e{display:flex;justify-content:center;flex-direction:row;align-items:center;width:100vw;border:.125rem solid var(--omrs-color-brand-orange);margin-right:.125rem;position:fixed;top:3rem;right:0;left:0}.-esm-patient-search__patient-search-icon-component__searchIconButton___dU-4m{background-color:#005d5d}.-esm-patient-search__patient-search-icon-component__activeSearchIconButton___c5ok4{background-color:#004144}.-esm-patient-search__patient-search-icon-component__closeButton___-jUf7{background-color:#004144}.-esm-patient-search__patient-search-icon-component__searchButton___H2dtS{background-color:#393939}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/patient-search-icon/patient-search-icon.component.scss","webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAyCA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCxCF,sFACE,YAAA,CACA,UAAA,CACA,wBAAA,CACA,kBAAA,CAGF,4FACE,YAAA,CAIF,oGACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,kBAAA,CACA,UAAA,CACA,mDAAA,CACA,cAAA,CACA,oBCbmB,CDiBrB,qGACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,kBAAA,CACA,WAAA,CACA,mDAAA,CACA,oBCxBmB,CDyBnB,cAAA,CACA,QCcmB,CDbnB,OAAA,CACA,MAAA,CAGF,8EACE,wBDaS,CCVX,oFACE,wBDUS,CCPX,yEACE,wBDMS,CCHX,0EACE,wBArDU",sourcesContent:["$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@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}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1200px;\n$breakpoint-desktop-min: 1201px;\n$breakpoint-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",'@import "~@openmrs/esm-styleguide/src/vars";\n@import "~carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/spacing";\n$inverse-02:#393939;\n\n.patientSearchIconWrapper {\n  display: flex;\n  width: 50vw;\n  justify-content: flex-end;\n  align-items: center;\n}\n\n.patientSearchInput input:focus {\n  outline: none;\n}\n\n// desktop mode styling\n:global(.omrs-breakpoint-gt-tablet) .searchArea {\n  display: flex;\n  justify-content: center;\n  flex-direction: row;\n  align-items: center;\n  width: 50vw;\n  border: $spacing-01 solid var(--omrs-color-brand-orange);\n  height: calc($spacing-08 - 0.25rem);\n  margin-right: $spacing-01;\n}\n\n// tablet mode styling\n:global(.omrs-breakpoint-lt-desktop) .searchArea {\n  display: flex;\n  justify-content: center;\n  flex-direction: row;\n  align-items: center;\n  width: 100vw;\n  border: $spacing-01 solid var(--omrs-color-brand-orange);\n  margin-right: $spacing-01;\n  position: fixed;\n  top: $spacing-09;\n  right: 0;\n  left: 0;\n}\n\n.searchIconButton {\n  background-color: $brand-01;\n}\n\n.activeSearchIconButton {\n  background-color: $brand-02;\n}\n\n.closeButton {\n  background-color: $brand-02;\n}\n\n.searchButton {\n  background-color: $inverse-02;\n}\n',"// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2019\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$carbon--spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-12: 6rem !default;\n\n/// @type List\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing: (\n  $carbon--spacing-01,\n  $carbon--spacing-02,\n  $carbon--spacing-03,\n  $carbon--spacing-04,\n  $carbon--spacing-05,\n  $carbon--spacing-06,\n  $carbon--spacing-07,\n  $carbon--spacing-08,\n  $carbon--spacing-09,\n  $carbon--spacing-10,\n  $carbon--spacing-11,\n  $carbon--spacing-12\n);\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-01\n$spacing-01: $carbon--spacing-01 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-02\n$spacing-02: $carbon--spacing-02 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-03\n$spacing-03: $carbon--spacing-03 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-04\n$spacing-04: $carbon--spacing-04 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-05\n$spacing-05: $carbon--spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-06\n$spacing-06: $carbon--spacing-06 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-07\n$spacing-07: $carbon--spacing-07 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-08\n$spacing-08: $carbon--spacing-08 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-09\n$spacing-09: $carbon--spacing-09 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-10\n$spacing-10: $carbon--spacing-10 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-11\n$spacing-11: $carbon--spacing-11 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-12\n$spacing-12: $carbon--spacing-12 !default;\n"],sourceRoot:""}]),o.locals={patientSearchIconWrapper:"-esm-patient-search__patient-search-icon-component__patientSearchIconWrapper___XUHQj",patientSearchInput:"-esm-patient-search__patient-search-icon-component__patientSearchInput___qP3gk",searchArea:"-esm-patient-search__patient-search-icon-component__searchArea___3jb+e",searchIconButton:"-esm-patient-search__patient-search-icon-component__searchIconButton___dU-4m",activeSearchIconButton:"-esm-patient-search__patient-search-icon-component__activeSearchIconButton___c5ok4",closeButton:"-esm-patient-search__patient-search-icon-component__closeButton___-jUf7",searchButton:"-esm-patient-search__patient-search-icon-component__searchButton___H2dtS"};const p=o},3933:(e,n,t)=>{t.d(n,{Z:()=>p});var a=t(1799),i=t.n(a),r=t(2609),o=t.n(r)()(i());o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-patient-search__patient-search-result__patientChart___ionaj{text-decoration:none}.omrs-breakpoint-gt-tablet .-esm-patient-search__patient-search-result__patientChart___ionaj{background-color:#fff;margin:0rem 1rem}.-esm-patient-search__patient-search-result__container___tJtiv{border-bottom:.063rem solid #e0e0e0}.omrs-breakpoint-gt-tablet .-esm-patient-search__patient-search-result__container___tJtiv{padding:1rem 1rem}.-esm-patient-search__patient-search-result__patientBanner___YHCn5{display:flex}.-esm-patient-search__patient-search-result__patientName___1vxuC{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0;color:#161616}.-esm-patient-search__patient-search-result__patientAvatar___4BS7w{width:5rem;height:5rem;margin:1rem 1rem 1rem 0;border-radius:1px}.-esm-patient-search__patient-search-result__patientInfo___adBpp{width:100%;display:flex;flex-flow:column wrap;margin:1rem 0;cursor:pointer}.-esm-patient-search__patient-search-result__demographics___COGfu{font-size:1rem;font-weight:400;line-height:1.375;letter-spacing:0;color:#525252;margin:.3rem 0}.-esm-patient-search__patient-search-result__identifiers___ndFlU{font-size:1rem;font-weight:400;line-height:1.375;letter-spacing:0;color:#8d8d8d}.-esm-patient-search__patient-search-result__actionsContainer___PmH03{padding-top:.5rem;margin-top:1rem}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/patient-search-result/patient-search-result.scss","webpack://./../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss","webpack://./../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss"],names:[],mappings:"AAyCA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCzCF,kEACE,oBAAA,CAEF,6FACE,qBDNM,CCON,gBAAA,CAGF,+DACE,mCAAA,CAGF,0FACE,iBAAA,CAGF,mEACE,YAAA,CAGF,iECwfI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CD3qBxB,aEyBU,CFtBZ,mEACE,UAAA,CACA,WAAA,CACA,uBAAA,CACA,iBAAA,CAGF,iEACE,UAAA,CACA,YAAA,CACA,qBAAA,CACA,aAAA,CACA,cAAA,CAGF,kECoeI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDvpBxB,aDxCQ,CCyCR,cAAA,CAGF,iEC8dI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDjpBxB,aDhDM,CCmDR,sEACE,iBAAA,CACA,eAAA",sourcesContent:["$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@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}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1200px;\n$breakpoint-desktop-min: 1201px;\n$breakpoint-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",'@import "carbon-components/scss/globals/scss/typography.scss";\n@import "~@openmrs/esm-styleguide/src/vars";\n\n.patientChart {\n  text-decoration: none;\n}\n:global(.omrs-breakpoint-gt-tablet) .patientChart {\n  background-color: $ui-02;\n  margin: 0rem 1rem;\n}\n\n.container {\n  border-bottom: 0.063rem solid $ui-03;\n}\n\n:global(.omrs-breakpoint-gt-tablet) .container {\n  padding: 1rem 1rem;\n}\n\n.patientBanner {\n  display: flex;\n}\n\n.patientName {\n  @include carbon--type-style("productive-heading-03");\n  color: $text-01;\n}\n\n.patientAvatar {\n  width: 5rem;\n  height: 5rem;\n  margin: 1rem 1rem 1rem 0;\n  border-radius: 1px;\n}\n\n.patientInfo {\n  width: 100%;\n  display: flex;\n  flex-flow: column wrap;\n  margin: 1rem 0;\n  cursor: pointer;\n}\n\n.demographics {\n  @include carbon--type-style("body-short-02");\n  color: $text-02;\n  margin: 0.3rem 0;\n}\n\n.identifiers {\n  @include carbon--type-style("body-short-02");\n  color: $ui-04;\n}\n\n.actionsContainer {\n  padding-top: 0.5rem;\n  margin-top: 1rem;\n}',"//\n// Copyright IBM Corp. 2018, 2018\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@import '../layout/breakpoint';\n@import 'font-family';\n@import 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$caption-01: (\n  font-size: carbon--type-scale(1),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n  font-size: carbon--type-scale(1),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$helper-text-01: (\n  font-size: carbon--type-scale(1),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.43,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n  font-size: carbon--type-scale(3),\n  font-weight: carbon--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-long-02: (\n  font-size: carbon--type-scale(3),\n  font-weight: carbon--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$code-01: (\n  font-family: carbon--font-family('mono'),\n  font-size: carbon--type-scale(1),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n  font-family: carbon--font-family('mono'),\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.43,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.29,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n  font-size: carbon--type-scale(3),\n  font-weight: carbon--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$productive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n  font-size: carbon--type-scale(5),\n  font-weight: carbon--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$productive-heading-04: (\n  font-size: carbon--type-scale(7),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--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$productive-heading-06: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--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$productive-heading-07: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--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$expressive-heading-01: map-merge(\n  $heading-01,\n  (\n    line-height: 1.25,\n  )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: map-merge(\n  $heading-02,\n  (\n    line-height: 1.5,\n  )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n  font-size: carbon--type-scale(5),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: carbon--type-scale(5),\n      line-height: 1.25,\n    ),\n    max: (\n      font-size: carbon--type-scale(6),\n      line-height: 1.334,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n  font-size: carbon--type-scale(7),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: carbon--type-scale(7),\n      line-height: 1.25,\n    ),\n    max: (\n      font-size: carbon--type-scale(8),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(9),\n      font-weight: carbon--font-weight('light'),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: carbon--type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: carbon--type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n  font-size: carbon--type-scale(6),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.334,\n  letter-spacing: 0,\n  breakpoints: (\n    lg: (\n      font-size: carbon--type-scale(7),\n      line-height: 1.29,\n    ),\n    max: (\n      font-size: carbon--type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n  font-size: carbon--type-scale(5),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.3,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(5),\n    ),\n    lg: (\n      font-size: carbon--type-scale(6),\n      line-height: 1.334,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(7),\n      line-height: 1.29,\n    ),\n    max: (\n      font-size: carbon--type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: carbon--type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(10),\n    ),\n    lg: (\n      font-size: carbon--type-scale(12),\n    ),\n    xlg: (\n      font-size: carbon--type-scale(13),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(10),\n    ),\n    lg: (\n      font-size: carbon--type-scale(12),\n    ),\n    xlg: (\n      font-size: carbon--type-scale(13),\n      line-height: 1.16,\n    ),\n    max: (\n      font-size: carbon--type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: carbon--type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: carbon--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$display-04: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: carbon--type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: carbon--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$tokens: (\n  caption-01: $caption-01,\n  label-01: $label-01,\n  helper-text-01: $helper-text-01,\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);\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 $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 [$carbon--grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: $carbon--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 carbon--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 [$carbon--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: $carbon--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: carbon--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: carbon--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$custom-property-prefix: 'cds' !default;\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 [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin carbon--type-style(\n  $name,\n  $fluid: false,\n  $breakpoints: $carbon--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    @if global-variable-exists('feature-flags') and\n      map-get($feature-flags, 'enable-css-custom-properties')\n    {\n      @include custom-properties($name, $token);\n    } @else {\n      // Otherwise, we just include all the property declarations directly on the\n      // selector\n      @include properties(map-remove($token, 'breakpoints'));\n    }\n  }\n}\n","// Code generated by @carbon/themes. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2019\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@import './themes';\n\n/// Define theme variables from a map of tokens\n/// @access public\n/// @param {Map} $theme [$carbon--theme] - Map of theme tokens\n/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens\n/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.\n///\n/// @example scss\n///   // Default usage\n///   @include carbon--theme();\n///\n///   // Alternate styling (not white theme)\n///   @include carbon--theme($carbon--theme--g90) {\n///     // declarations...\n///   }\n///\n///   // Inline styling\n///   @include carbon--theme($carbon--theme--g90) {\n///     .my-dark-theme {\n///       // declarations...\n///     }\n///   }\n///\n/// @group @carbon/themes\n@mixin carbon--theme(\n  $theme: $carbon--theme,\n  $emit-custom-properties: false,\n  $emit-difference: false\n) {\n  $parent-carbon-theme: $carbon--theme;\n  $carbon--theme: $theme !global;\n  $interactive-01: map-get($theme, 'interactive-01') !global;\n  $interactive-02: map-get($theme, 'interactive-02') !global;\n  $interactive-03: map-get($theme, 'interactive-03') !global;\n  $interactive-04: map-get($theme, 'interactive-04') !global;\n  $ui-background: map-get($theme, 'ui-background') !global;\n  $ui-01: map-get($theme, 'ui-01') !global;\n  $ui-02: map-get($theme, 'ui-02') !global;\n  $ui-03: map-get($theme, 'ui-03') !global;\n  $ui-04: map-get($theme, 'ui-04') !global;\n  $ui-05: map-get($theme, 'ui-05') !global;\n  $text-01: map-get($theme, 'text-01') !global;\n  $text-02: map-get($theme, 'text-02') !global;\n  $text-03: map-get($theme, 'text-03') !global;\n  $text-04: map-get($theme, 'text-04') !global;\n  $text-05: map-get($theme, 'text-05') !global;\n  $text-error: map-get($theme, 'text-error') !global;\n  $icon-01: map-get($theme, 'icon-01') !global;\n  $icon-02: map-get($theme, 'icon-02') !global;\n  $icon-03: map-get($theme, 'icon-03') !global;\n  $link-01: map-get($theme, 'link-01') !global;\n  $link-02: map-get($theme, 'link-02') !global;\n  $inverse-link: map-get($theme, 'inverse-link') !global;\n  $field-01: map-get($theme, 'field-01') !global;\n  $field-02: map-get($theme, 'field-02') !global;\n  $inverse-01: map-get($theme, 'inverse-01') !global;\n  $inverse-02: map-get($theme, 'inverse-02') !global;\n  $support-01: map-get($theme, 'support-01') !global;\n  $support-02: map-get($theme, 'support-02') !global;\n  $support-03: map-get($theme, 'support-03') !global;\n  $support-04: map-get($theme, 'support-04') !global;\n  $inverse-support-01: map-get($theme, 'inverse-support-01') !global;\n  $inverse-support-02: map-get($theme, 'inverse-support-02') !global;\n  $inverse-support-03: map-get($theme, 'inverse-support-03') !global;\n  $inverse-support-04: map-get($theme, 'inverse-support-04') !global;\n  $overlay-01: map-get($theme, 'overlay-01') !global;\n  $danger-01: map-get($theme, 'danger-01') !global;\n  $danger-02: map-get($theme, 'danger-02') !global;\n  $focus: map-get($theme, 'focus') !global;\n  $inverse-focus-ui: map-get($theme, 'inverse-focus-ui') !global;\n  $hover-primary: map-get($theme, 'hover-primary') !global;\n  $active-primary: map-get($theme, 'active-primary') !global;\n  $hover-primary-text: map-get($theme, 'hover-primary-text') !global;\n  $hover-secondary: map-get($theme, 'hover-secondary') !global;\n  $active-secondary: map-get($theme, 'active-secondary') !global;\n  $hover-tertiary: map-get($theme, 'hover-tertiary') !global;\n  $active-tertiary: map-get($theme, 'active-tertiary') !global;\n  $hover-ui: map-get($theme, 'hover-ui') !global;\n  $hover-light-ui: map-get($theme, 'hover-light-ui') !global;\n  $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;\n  $active-ui: map-get($theme, 'active-ui') !global;\n  $active-light-ui: map-get($theme, 'active-light-ui') !global;\n  $selected-ui: map-get($theme, 'selected-ui') !global;\n  $selected-light-ui: map-get($theme, 'selected-light-ui') !global;\n  $inverse-hover-ui: map-get($theme, 'inverse-hover-ui') !global;\n  $hover-danger: map-get($theme, 'hover-danger') !global;\n  $active-danger: map-get($theme, 'active-danger') !global;\n  $hover-row: map-get($theme, 'hover-row') !global;\n  $visited-link: map-get($theme, 'visited-link') !global;\n  $disabled-01: map-get($theme, 'disabled-01') !global;\n  $disabled-02: map-get($theme, 'disabled-02') !global;\n  $disabled-03: map-get($theme, 'disabled-03') !global;\n  $highlight: map-get($theme, 'highlight') !global;\n  $decorative-01: map-get($theme, 'decorative-01') !global;\n  $button-separator: map-get($theme, 'button-separator') !global;\n  $skeleton-01: map-get($theme, 'skeleton-01') !global;\n  $skeleton-02: map-get($theme, 'skeleton-02') !global;\n  $brand-01: map-get($theme, 'brand-01') !global;\n  $brand-02: map-get($theme, 'brand-02') !global;\n  $brand-03: map-get($theme, 'brand-03') !global;\n  $active-01: map-get($theme, 'active-01') !global;\n  $hover-field: map-get($theme, 'hover-field') !global;\n  $danger: map-get($theme, 'danger') !global;\n  $caption-01: map-get($theme, 'caption-01') !global;\n  $label-01: map-get($theme, 'label-01') !global;\n  $helper-text-01: map-get($theme, 'helper-text-01') !global;\n  $body-short-01: map-get($theme, 'body-short-01') !global;\n  $body-long-01: map-get($theme, 'body-long-01') !global;\n  $body-short-02: map-get($theme, 'body-short-02') !global;\n  $body-long-02: map-get($theme, 'body-long-02') !global;\n  $code-01: map-get($theme, 'code-01') !global;\n  $code-02: map-get($theme, 'code-02') !global;\n  $heading-01: map-get($theme, 'heading-01') !global;\n  $productive-heading-01: map-get($theme, 'productive-heading-01') !global;\n  $heading-02: map-get($theme, 'heading-02') !global;\n  $productive-heading-02: map-get($theme, 'productive-heading-02') !global;\n  $productive-heading-03: map-get($theme, 'productive-heading-03') !global;\n  $productive-heading-04: map-get($theme, 'productive-heading-04') !global;\n  $productive-heading-05: map-get($theme, 'productive-heading-05') !global;\n  $productive-heading-06: map-get($theme, 'productive-heading-06') !global;\n  $productive-heading-07: map-get($theme, 'productive-heading-07') !global;\n  $expressive-heading-01: map-get($theme, 'expressive-heading-01') !global;\n  $expressive-heading-02: map-get($theme, 'expressive-heading-02') !global;\n  $expressive-heading-03: map-get($theme, 'expressive-heading-03') !global;\n  $expressive-heading-04: map-get($theme, 'expressive-heading-04') !global;\n  $expressive-heading-05: map-get($theme, 'expressive-heading-05') !global;\n  $expressive-heading-06: map-get($theme, 'expressive-heading-06') !global;\n  $expressive-paragraph-01: map-get($theme, 'expressive-paragraph-01') !global;\n  $quotation-01: map-get($theme, 'quotation-01') !global;\n  $quotation-02: map-get($theme, 'quotation-02') !global;\n  $display-01: map-get($theme, 'display-01') !global;\n  $display-02: map-get($theme, 'display-02') !global;\n  $display-03: map-get($theme, 'display-03') !global;\n  $display-04: map-get($theme, 'display-04') !global;\n  $spacing-01: map-get($theme, 'spacing-01') !global;\n  $spacing-02: map-get($theme, 'spacing-02') !global;\n  $spacing-03: map-get($theme, 'spacing-03') !global;\n  $spacing-04: map-get($theme, 'spacing-04') !global;\n  $spacing-05: map-get($theme, 'spacing-05') !global;\n  $spacing-06: map-get($theme, 'spacing-06') !global;\n  $spacing-07: map-get($theme, 'spacing-07') !global;\n  $spacing-08: map-get($theme, 'spacing-08') !global;\n  $spacing-09: map-get($theme, 'spacing-09') !global;\n  $spacing-10: map-get($theme, 'spacing-10') !global;\n  $spacing-11: map-get($theme, 'spacing-11') !global;\n  $spacing-12: map-get($theme, 'spacing-12') !global;\n  $fluid-spacing-01: map-get($theme, 'fluid-spacing-01') !global;\n  $fluid-spacing-02: map-get($theme, 'fluid-spacing-02') !global;\n  $fluid-spacing-03: map-get($theme, 'fluid-spacing-03') !global;\n  $fluid-spacing-04: map-get($theme, 'fluid-spacing-04') !global;\n  $layout-01: map-get($theme, 'layout-01') !global;\n  $layout-02: map-get($theme, 'layout-02') !global;\n  $layout-03: map-get($theme, 'layout-03') !global;\n  $layout-04: map-get($theme, 'layout-04') !global;\n  $layout-05: map-get($theme, 'layout-05') !global;\n  $layout-06: map-get($theme, 'layout-06') !global;\n  $layout-07: map-get($theme, 'layout-07') !global;\n  $container-01: map-get($theme, 'container-01') !global;\n  $container-02: map-get($theme, 'container-02') !global;\n  $container-03: map-get($theme, 'container-03') !global;\n  $container-04: map-get($theme, 'container-04') !global;\n  $container-05: map-get($theme, 'container-05') !global;\n  $icon-size-01: map-get($theme, 'icon-size-01') !global;\n  $icon-size-02: map-get($theme, 'icon-size-02') !global;\n\n  @if global-variable-exists('feature-flags') and\n    map-get($feature-flags, 'enable-css-custom-properties')\n  {\n    $interactive-01: var(\n      --#{$custom-property-prefix}-interactive-01,\n      map-get($theme, 'interactive-01')\n    ) !global;\n    $interactive-02: var(\n      --#{$custom-property-prefix}-interactive-02,\n      map-get($theme, 'interactive-02')\n    ) !global;\n    $interactive-03: var(\n      --#{$custom-property-prefix}-interactive-03,\n      map-get($theme, 'interactive-03')\n    ) !global;\n    $interactive-04: var(\n      --#{$custom-property-prefix}-interactive-04,\n      map-get($theme, 'interactive-04')\n    ) !global;\n    $ui-background: var(\n      --#{$custom-property-prefix}-ui-background,\n      map-get($theme, 'ui-background')\n    ) !global;\n    $ui-01: var(\n      --#{$custom-property-prefix}-ui-01,\n      map-get($theme, 'ui-01')\n    ) !global;\n    $ui-02: var(\n      --#{$custom-property-prefix}-ui-02,\n      map-get($theme, 'ui-02')\n    ) !global;\n    $ui-03: var(\n      --#{$custom-property-prefix}-ui-03,\n      map-get($theme, 'ui-03')\n    ) !global;\n    $ui-04: var(\n      --#{$custom-property-prefix}-ui-04,\n      map-get($theme, 'ui-04')\n    ) !global;\n    $ui-05: var(\n      --#{$custom-property-prefix}-ui-05,\n      map-get($theme, 'ui-05')\n    ) !global;\n    $text-01: var(\n      --#{$custom-property-prefix}-text-01,\n      map-get($theme, 'text-01')\n    ) !global;\n    $text-02: var(\n      --#{$custom-property-prefix}-text-02,\n      map-get($theme, 'text-02')\n    ) !global;\n    $text-03: var(\n      --#{$custom-property-prefix}-text-03,\n      map-get($theme, 'text-03')\n    ) !global;\n    $text-04: var(\n      --#{$custom-property-prefix}-text-04,\n      map-get($theme, 'text-04')\n    ) !global;\n    $text-05: var(\n      --#{$custom-property-prefix}-text-05,\n      map-get($theme, 'text-05')\n    ) !global;\n    $text-error: var(\n      --#{$custom-property-prefix}-text-error,\n      map-get($theme, 'text-error')\n    ) !global;\n    $icon-01: var(\n      --#{$custom-property-prefix}-icon-01,\n      map-get($theme, 'icon-01')\n    ) !global;\n    $icon-02: var(\n      --#{$custom-property-prefix}-icon-02,\n      map-get($theme, 'icon-02')\n    ) !global;\n    $icon-03: var(\n      --#{$custom-property-prefix}-icon-03,\n      map-get($theme, 'icon-03')\n    ) !global;\n    $link-01: var(\n      --#{$custom-property-prefix}-link-01,\n      map-get($theme, 'link-01')\n    ) !global;\n    $link-02: var(\n      --#{$custom-property-prefix}-link-02,\n      map-get($theme, 'link-02')\n    ) !global;\n    $inverse-link: var(\n      --#{$custom-property-prefix}-inverse-link,\n      map-get($theme, 'inverse-link')\n    ) !global;\n    $field-01: var(\n      --#{$custom-property-prefix}-field-01,\n      map-get($theme, 'field-01')\n    ) !global;\n    $field-02: var(\n      --#{$custom-property-prefix}-field-02,\n      map-get($theme, 'field-02')\n    ) !global;\n    $inverse-01: var(\n      --#{$custom-property-prefix}-inverse-01,\n      map-get($theme, 'inverse-01')\n    ) !global;\n    $inverse-02: var(\n      --#{$custom-property-prefix}-inverse-02,\n      map-get($theme, 'inverse-02')\n    ) !global;\n    $support-01: var(\n      --#{$custom-property-prefix}-support-01,\n      map-get($theme, 'support-01')\n    ) !global;\n    $support-02: var(\n      --#{$custom-property-prefix}-support-02,\n      map-get($theme, 'support-02')\n    ) !global;\n    $support-03: var(\n      --#{$custom-property-prefix}-support-03,\n      map-get($theme, 'support-03')\n    ) !global;\n    $support-04: var(\n      --#{$custom-property-prefix}-support-04,\n      map-get($theme, 'support-04')\n    ) !global;\n    $inverse-support-01: var(\n      --#{$custom-property-prefix}-inverse-support-01,\n      map-get($theme, 'inverse-support-01')\n    ) !global;\n    $inverse-support-02: var(\n      --#{$custom-property-prefix}-inverse-support-02,\n      map-get($theme, 'inverse-support-02')\n    ) !global;\n    $inverse-support-03: var(\n      --#{$custom-property-prefix}-inverse-support-03,\n      map-get($theme, 'inverse-support-03')\n    ) !global;\n    $inverse-support-04: var(\n      --#{$custom-property-prefix}-inverse-support-04,\n      map-get($theme, 'inverse-support-04')\n    ) !global;\n    $overlay-01: var(\n      --#{$custom-property-prefix}-overlay-01,\n      map-get($theme, 'overlay-01')\n    ) !global;\n    $danger-01: var(\n      --#{$custom-property-prefix}-danger-01,\n      map-get($theme, 'danger-01')\n    ) !global;\n    $danger-02: var(\n      --#{$custom-property-prefix}-danger-02,\n      map-get($theme, 'danger-02')\n    ) !global;\n    $focus: var(\n      --#{$custom-property-prefix}-focus,\n      map-get($theme, 'focus')\n    ) !global;\n    $inverse-focus-ui: var(\n      --#{$custom-property-prefix}-inverse-focus-ui,\n      map-get($theme, 'inverse-focus-ui')\n    ) !global;\n    $hover-primary: var(\n      --#{$custom-property-prefix}-hover-primary,\n      map-get($theme, 'hover-primary')\n    ) !global;\n    $active-primary: var(\n      --#{$custom-property-prefix}-active-primary,\n      map-get($theme, 'active-primary')\n    ) !global;\n    $hover-primary-text: var(\n      --#{$custom-property-prefix}-hover-primary-text,\n      map-get($theme, 'hover-primary-text')\n    ) !global;\n    $hover-secondary: var(\n      --#{$custom-property-prefix}-hover-secondary,\n      map-get($theme, 'hover-secondary')\n    ) !global;\n    $active-secondary: var(\n      --#{$custom-property-prefix}-active-secondary,\n      map-get($theme, 'active-secondary')\n    ) !global;\n    $hover-tertiary: var(\n      --#{$custom-property-prefix}-hover-tertiary,\n      map-get($theme, 'hover-tertiary')\n    ) !global;\n    $active-tertiary: var(\n      --#{$custom-property-prefix}-active-tertiary,\n      map-get($theme, 'active-tertiary')\n    ) !global;\n    $hover-ui: var(\n      --#{$custom-property-prefix}-hover-ui,\n      map-get($theme, 'hover-ui')\n    ) !global;\n    $hover-light-ui: var(\n      --#{$custom-property-prefix}-hover-light-ui,\n      map-get($theme, 'hover-light-ui')\n    ) !global;\n    $hover-selected-ui: var(\n      --#{$custom-property-prefix}-hover-selected-ui,\n      map-get($theme, 'hover-selected-ui')\n    ) !global;\n    $active-ui: var(\n      --#{$custom-property-prefix}-active-ui,\n      map-get($theme, 'active-ui')\n    ) !global;\n    $active-light-ui: var(\n      --#{$custom-property-prefix}-active-light-ui,\n      map-get($theme, 'active-light-ui')\n    ) !global;\n    $selected-ui: var(\n      --#{$custom-property-prefix}-selected-ui,\n      map-get($theme, 'selected-ui')\n    ) !global;\n    $selected-light-ui: var(\n      --#{$custom-property-prefix}-selected-light-ui,\n      map-get($theme, 'selected-light-ui')\n    ) !global;\n    $inverse-hover-ui: var(\n      --#{$custom-property-prefix}-inverse-hover-ui,\n      map-get($theme, 'inverse-hover-ui')\n    ) !global;\n    $hover-danger: var(\n      --#{$custom-property-prefix}-hover-danger,\n      map-get($theme, 'hover-danger')\n    ) !global;\n    $active-danger: var(\n      --#{$custom-property-prefix}-active-danger,\n      map-get($theme, 'active-danger')\n    ) !global;\n    $hover-row: var(\n      --#{$custom-property-prefix}-hover-row,\n      map-get($theme, 'hover-row')\n    ) !global;\n    $visited-link: var(\n      --#{$custom-property-prefix}-visited-link,\n      map-get($theme, 'visited-link')\n    ) !global;\n    $disabled-01: var(\n      --#{$custom-property-prefix}-disabled-01,\n      map-get($theme, 'disabled-01')\n    ) !global;\n    $disabled-02: var(\n      --#{$custom-property-prefix}-disabled-02,\n      map-get($theme, 'disabled-02')\n    ) !global;\n    $disabled-03: var(\n      --#{$custom-property-prefix}-disabled-03,\n      map-get($theme, 'disabled-03')\n    ) !global;\n    $highlight: var(\n      --#{$custom-property-prefix}-highlight,\n      map-get($theme, 'highlight')\n    ) !global;\n    $decorative-01: var(\n      --#{$custom-property-prefix}-decorative-01,\n      map-get($theme, 'decorative-01')\n    ) !global;\n    $button-separator: var(\n      --#{$custom-property-prefix}-button-separator,\n      map-get($theme, 'button-separator')\n    ) !global;\n    $skeleton-01: var(\n      --#{$custom-property-prefix}-skeleton-01,\n      map-get($theme, 'skeleton-01')\n    ) !global;\n    $skeleton-02: var(\n      --#{$custom-property-prefix}-skeleton-02,\n      map-get($theme, 'skeleton-02')\n    ) !global;\n    $brand-01: var(\n      --#{$custom-property-prefix}-brand-01,\n      map-get($theme, 'brand-01')\n    ) !global;\n    $brand-02: var(\n      --#{$custom-property-prefix}-brand-02,\n      map-get($theme, 'brand-02')\n    ) !global;\n    $brand-03: var(\n      --#{$custom-property-prefix}-brand-03,\n      map-get($theme, 'brand-03')\n    ) !global;\n    $active-01: var(\n      --#{$custom-property-prefix}-active-01,\n      map-get($theme, 'active-01')\n    ) !global;\n    $hover-field: var(\n      --#{$custom-property-prefix}-hover-field,\n      map-get($theme, 'hover-field')\n    ) !global;\n    $danger: var(\n      --#{$custom-property-prefix}-danger,\n      map-get($theme, 'danger')\n    ) !global;\n    $spacing-01: var(\n      --#{$custom-property-prefix}-spacing-01,\n      map-get($theme, 'spacing-01')\n    ) !global;\n    $spacing-02: var(\n      --#{$custom-property-prefix}-spacing-02,\n      map-get($theme, 'spacing-02')\n    ) !global;\n    $spacing-03: var(\n      --#{$custom-property-prefix}-spacing-03,\n      map-get($theme, 'spacing-03')\n    ) !global;\n    $spacing-04: var(\n      --#{$custom-property-prefix}-spacing-04,\n      map-get($theme, 'spacing-04')\n    ) !global;\n    $spacing-05: var(\n      --#{$custom-property-prefix}-spacing-05,\n      map-get($theme, 'spacing-05')\n    ) !global;\n    $spacing-06: var(\n      --#{$custom-property-prefix}-spacing-06,\n      map-get($theme, 'spacing-06')\n    ) !global;\n    $spacing-07: var(\n      --#{$custom-property-prefix}-spacing-07,\n      map-get($theme, 'spacing-07')\n    ) !global;\n    $spacing-08: var(\n      --#{$custom-property-prefix}-spacing-08,\n      map-get($theme, 'spacing-08')\n    ) !global;\n    $spacing-09: var(\n      --#{$custom-property-prefix}-spacing-09,\n      map-get($theme, 'spacing-09')\n    ) !global;\n    $spacing-10: var(\n      --#{$custom-property-prefix}-spacing-10,\n      map-get($theme, 'spacing-10')\n    ) !global;\n    $spacing-11: var(\n      --#{$custom-property-prefix}-spacing-11,\n      map-get($theme, 'spacing-11')\n    ) !global;\n    $spacing-12: var(\n      --#{$custom-property-prefix}-spacing-12,\n      map-get($theme, 'spacing-12')\n    ) !global;\n    $fluid-spacing-01: var(\n      --#{$custom-property-prefix}-fluid-spacing-01,\n      map-get($theme, 'fluid-spacing-01')\n    ) !global;\n    $fluid-spacing-02: var(\n      --#{$custom-property-prefix}-fluid-spacing-02,\n      map-get($theme, 'fluid-spacing-02')\n    ) !global;\n    $fluid-spacing-03: var(\n      --#{$custom-property-prefix}-fluid-spacing-03,\n      map-get($theme, 'fluid-spacing-03')\n    ) !global;\n    $fluid-spacing-04: var(\n      --#{$custom-property-prefix}-fluid-spacing-04,\n      map-get($theme, 'fluid-spacing-04')\n    ) !global;\n    $layout-01: var(\n      --#{$custom-property-prefix}-layout-01,\n      map-get($theme, 'layout-01')\n    ) !global;\n    $layout-02: var(\n      --#{$custom-property-prefix}-layout-02,\n      map-get($theme, 'layout-02')\n    ) !global;\n    $layout-03: var(\n      --#{$custom-property-prefix}-layout-03,\n      map-get($theme, 'layout-03')\n    ) !global;\n    $layout-04: var(\n      --#{$custom-property-prefix}-layout-04,\n      map-get($theme, 'layout-04')\n    ) !global;\n    $layout-05: var(\n      --#{$custom-property-prefix}-layout-05,\n      map-get($theme, 'layout-05')\n    ) !global;\n    $layout-06: var(\n      --#{$custom-property-prefix}-layout-06,\n      map-get($theme, 'layout-06')\n    ) !global;\n    $layout-07: var(\n      --#{$custom-property-prefix}-layout-07,\n      map-get($theme, 'layout-07')\n    ) !global;\n    $container-01: var(\n      --#{$custom-property-prefix}-container-01,\n      map-get($theme, 'container-01')\n    ) !global;\n    $container-02: var(\n      --#{$custom-property-prefix}-container-02,\n      map-get($theme, 'container-02')\n    ) !global;\n    $container-03: var(\n      --#{$custom-property-prefix}-container-03,\n      map-get($theme, 'container-03')\n    ) !global;\n    $container-04: var(\n      --#{$custom-property-prefix}-container-04,\n      map-get($theme, 'container-04')\n    ) !global;\n    $container-05: var(\n      --#{$custom-property-prefix}-container-05,\n      map-get($theme, 'container-05')\n    ) !global;\n    $icon-size-01: var(\n      --#{$custom-property-prefix}-icon-size-01,\n      map-get($theme, 'icon-size-01')\n    ) !global;\n    $icon-size-02: var(\n      --#{$custom-property-prefix}-icon-size-02,\n      map-get($theme, 'icon-size-02')\n    ) !global;\n  }\n  @if $emit-custom-properties == true {\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-01',\n        map-get($theme, 'interactive-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-02',\n        map-get($theme, 'interactive-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-03',\n        map-get($theme, 'interactive-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-04',\n        map-get($theme, 'interactive-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'ui-background',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'ui-background',\n        map-get($theme, 'ui-background')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-01', $emit-difference) {\n      @include custom-property('ui-01', map-get($theme, 'ui-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-02', $emit-difference) {\n      @include custom-property('ui-02', map-get($theme, 'ui-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-03', $emit-difference) {\n      @include custom-property('ui-03', map-get($theme, 'ui-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-04', $emit-difference) {\n      @include custom-property('ui-04', map-get($theme, 'ui-04'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-05', $emit-difference) {\n      @include custom-property('ui-05', map-get($theme, 'ui-05'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-01', $emit-difference) {\n      @include custom-property('text-01', map-get($theme, 'text-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-02', $emit-difference) {\n      @include custom-property('text-02', map-get($theme, 'text-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-03', $emit-difference) {\n      @include custom-property('text-03', map-get($theme, 'text-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-04', $emit-difference) {\n      @include custom-property('text-04', map-get($theme, 'text-04'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-05', $emit-difference) {\n      @include custom-property('text-05', map-get($theme, 'text-05'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'text-error',\n      $emit-difference\n    )\n    {\n      @include custom-property('text-error', map-get($theme, 'text-error'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'icon-01', $emit-difference) {\n      @include custom-property('icon-01', map-get($theme, 'icon-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'icon-02', $emit-difference) {\n      @include custom-property('icon-02', map-get($theme, 'icon-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'icon-03', $emit-difference) {\n      @include custom-property('icon-03', map-get($theme, 'icon-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'link-01', $emit-difference) {\n      @include custom-property('link-01', map-get($theme, 'link-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'link-02', $emit-difference) {\n      @include custom-property('link-02', map-get($theme, 'link-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-link',\n      $emit-difference\n    )\n    {\n      @include custom-property('inverse-link', map-get($theme, 'inverse-link'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'field-01', $emit-difference)\n    {\n      @include custom-property('field-01', map-get($theme, 'field-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'field-02', $emit-difference)\n    {\n      @include custom-property('field-02', map-get($theme, 'field-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('inverse-01', map-get($theme, 'inverse-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('inverse-02', map-get($theme, 'inverse-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-01', map-get($theme, 'support-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-02', map-get($theme, 'support-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-03', map-get($theme, 'support-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-04', map-get($theme, 'support-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-01',\n        map-get($theme, 'inverse-support-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-02',\n        map-get($theme, 'inverse-support-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-03',\n        map-get($theme, 'inverse-support-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-04',\n        map-get($theme, 'inverse-support-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'overlay-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('overlay-01', map-get($theme, 'overlay-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'danger-01', $emit-difference)\n    {\n      @include custom-property('danger-01', map-get($theme, 'danger-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'danger-02', $emit-difference)\n    {\n      @include custom-property('danger-02', map-get($theme, 'danger-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'focus', $emit-difference) {\n      @include custom-property('focus', map-get($theme, 'focus'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-focus-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-focus-ui',\n        map-get($theme, 'inverse-focus-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-primary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-primary',\n        map-get($theme, 'hover-primary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-primary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-primary',\n        map-get($theme, 'active-primary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-primary-text',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-primary-text',\n        map-get($theme, 'hover-primary-text')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-secondary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-secondary',\n        map-get($theme, 'hover-secondary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-secondary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-secondary',\n        map-get($theme, 'active-secondary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-tertiary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-tertiary',\n        map-get($theme, 'hover-tertiary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-tertiary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-tertiary',\n        map-get($theme, 'active-tertiary')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'hover-ui', $emit-difference)\n    {\n      @include custom-property('hover-ui', map-get($theme, 'hover-ui'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-light-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-light-ui',\n        map-get($theme, 'hover-light-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-selected-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-selected-ui',\n        map-get($theme, 'hover-selected-ui')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'active-ui', $emit-difference)\n    {\n      @include custom-property('active-ui', map-get($theme, 'active-ui'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-light-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-light-ui',\n        map-get($theme, 'active-light-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'selected-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property('selected-ui', map-get($theme, 'selected-ui'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'selected-light-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'selected-light-ui',\n        map-get($theme, 'selected-light-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-hover-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-hover-ui',\n        map-get($theme, 'inverse-hover-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-danger',\n      $emit-difference\n    )\n    {\n      @include custom-property('hover-danger', map-get($theme, 'hover-danger'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-danger',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-danger',\n        map-get($theme, 'active-danger')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'hover-row', $emit-difference)\n    {\n      @include custom-property('hover-row', map-get($theme, 'hover-row'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'visited-link',\n      $emit-difference\n    )\n    {\n      @include custom-property('visited-link', map-get($theme, 'visited-link'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'disabled-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('disabled-01', map-get($theme, 'disabled-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'disabled-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('disabled-02', map-get($theme, 'disabled-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'disabled-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('disabled-03', map-get($theme, 'disabled-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'highlight', $emit-difference)\n    {\n      @include custom-property('highlight', map-get($theme, 'highlight'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'decorative-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'decorative-01',\n        map-get($theme, 'decorative-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-separator',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-separator',\n        map-get($theme, 'button-separator')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'skeleton-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('skeleton-01', map-get($theme, 'skeleton-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'skeleton-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('skeleton-02', map-get($theme, 'skeleton-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'brand-01', $emit-difference)\n    {\n      @include custom-property('brand-01', map-get($theme, 'brand-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'brand-02', $emit-difference)\n    {\n      @include custom-property('brand-02', map-get($theme, 'brand-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'brand-03', $emit-difference)\n    {\n      @include custom-property('brand-03', map-get($theme, 'brand-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'active-01', $emit-difference)\n    {\n      @include custom-property('active-01', map-get($theme, 'active-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-field',\n      $emit-difference\n    )\n    {\n      @include custom-property('hover-field', map-get($theme, 'hover-field'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'danger', $emit-difference) {\n      @include custom-property('danger', map-get($theme, 'danger'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'caption-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('caption-01', map-get($theme, 'caption-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'label-01', $emit-difference)\n    {\n      @include custom-property('label-01', map-get($theme, 'label-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'helper-text-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'helper-text-01',\n        map-get($theme, 'helper-text-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-short-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'body-short-01',\n        map-get($theme, 'body-short-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-long-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('body-long-01', map-get($theme, 'body-long-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-short-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'body-short-02',\n        map-get($theme, 'body-short-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-long-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('body-long-02', map-get($theme, 'body-long-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'code-01', $emit-difference) {\n      @include custom-property('code-01', map-get($theme, 'code-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'code-02', $emit-difference) {\n      @include custom-property('code-02', map-get($theme, 'code-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'heading-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('heading-01', map-get($theme, 'heading-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-01',\n        map-get($theme, 'productive-heading-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'heading-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('heading-02', map-get($theme, 'heading-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-02',\n        map-get($theme, 'productive-heading-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-03',\n        map-get($theme, 'productive-heading-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-04',\n        map-get($theme, 'productive-heading-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-05',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-05',\n        map-get($theme, 'productive-heading-05')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-06',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-06',\n        map-get($theme, 'productive-heading-06')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-07',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-07',\n        map-get($theme, 'productive-heading-07')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-01',\n        map-get($theme, 'expressive-heading-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-02',\n        map-get($theme, 'expressive-heading-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-03',\n        map-get($theme, 'expressive-heading-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-04',\n        map-get($theme, 'expressive-heading-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-05',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-05',\n        map-get($theme, 'expressive-heading-05')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-06',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-06',\n        map-get($theme, 'expressive-heading-06')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-paragraph-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-paragraph-01',\n        map-get($theme, 'expressive-paragraph-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'quotation-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('quotation-01', map-get($theme, 'quotation-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'quotation-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('quotation-02', map-get($theme, 'quotation-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-01', map-get($theme, 'display-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-02', map-get($theme, 'display-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-03', map-get($theme, 'display-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-04', map-get($theme, 'display-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-01', map-get($theme, 'spacing-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-02', map-get($theme, 'spacing-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-03', map-get($theme, 'spacing-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-04', map-get($theme, 'spacing-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-05',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-05', map-get($theme, 'spacing-05'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-06',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-06', map-get($theme, 'spacing-06'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-07',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-07', map-get($theme, 'spacing-07'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-08',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-08', map-get($theme, 'spacing-08'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-09',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-09', map-get($theme, 'spacing-09'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-10',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-10', map-get($theme, 'spacing-10'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-11',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-11', map-get($theme, 'spacing-11'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-12',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-12', map-get($theme, 'spacing-12'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-01',\n        map-get($theme, 'fluid-spacing-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-02',\n        map-get($theme, 'fluid-spacing-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-03',\n        map-get($theme, 'fluid-spacing-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-04',\n        map-get($theme, 'fluid-spacing-04')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-01', $emit-difference)\n    {\n      @include custom-property('layout-01', map-get($theme, 'layout-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-02', $emit-difference)\n    {\n      @include custom-property('layout-02', map-get($theme, 'layout-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-03', $emit-difference)\n    {\n      @include custom-property('layout-03', map-get($theme, 'layout-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-04', $emit-difference)\n    {\n      @include custom-property('layout-04', map-get($theme, 'layout-04'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-05', $emit-difference)\n    {\n      @include custom-property('layout-05', map-get($theme, 'layout-05'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-06', $emit-difference)\n    {\n      @include custom-property('layout-06', map-get($theme, 'layout-06'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-07', $emit-difference)\n    {\n      @include custom-property('layout-07', map-get($theme, 'layout-07'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-01', map-get($theme, 'container-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-02', map-get($theme, 'container-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-03', map-get($theme, 'container-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-04', map-get($theme, 'container-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-05',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-05', map-get($theme, 'container-05'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'icon-size-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('icon-size-01', map-get($theme, 'icon-size-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'icon-size-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('icon-size-02', map-get($theme, 'icon-size-02'));\n    }\n  }\n\n  @content;\n\n  // Reset to default theme after apply in content\n  @if $carbon--theme != $parent-carbon-theme {\n    $carbon--theme: $parent-carbon-theme !global;\n\n    @include carbon--theme();\n  }\n}\n"],sourceRoot:""}]),o.locals={patientChart:"-esm-patient-search__patient-search-result__patientChart___ionaj",container:"-esm-patient-search__patient-search-result__container___tJtiv",patientBanner:"-esm-patient-search__patient-search-result__patientBanner___YHCn5",patientName:"-esm-patient-search__patient-search-result__patientName___1vxuC",patientAvatar:"-esm-patient-search__patient-search-result__patientAvatar___4BS7w",patientInfo:"-esm-patient-search__patient-search-result__patientInfo___adBpp",demographics:"-esm-patient-search__patient-search-result__demographics___COGfu",identifiers:"-esm-patient-search__patient-search-result__identifiers___ndFlU",actionsContainer:"-esm-patient-search__patient-search-result__actionsContainer___PmH03"};const p=o},7242:(e,n,t)=>{t.d(n,{Z:()=>p});var a=t(1799),i=t.n(a),r=t(2609),o=t.n(r)()(i());o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-patient-search__patient-search__productiveHeading01___ywcop{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-patient-search__patient-search__productiveHeading02___wbIhK{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-patient-search__patient-search__bodyLong01___gSex-{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.bx--side-nav{z-index:0}.-esm-patient-search__patient-search__searchResultsContainer___IlGHi{display:flex;justify-content:center;position:fixed;width:100vw;bottom:0;left:0;right:0;background-color:#fff;padding:0rem 1rem;overflow-y:auto}.omrs-breakpoint-lt-desktop .-esm-patient-search__patient-search__searchResultsContainer___IlGHi{top:6.25rem}.omrs-breakpoint-gt-tablet .-esm-patient-search__patient-search__searchResultsContainer___IlGHi{padding:0;background-color:var(--omrs-color-bg-low-contrast);top:3rem}.-esm-patient-search__patient-search__searchResults___G3AxH{height:100%;width:100vw}.omrs-breakpoint-gt-tablet .-esm-patient-search__patient-search__searchResults___G3AxH{width:50vw}.-esm-patient-search__patient-search__searchTerm___A0RjE{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0;color:#161616;margin-top:.375rem}.-esm-patient-search__patient-search__resultsText___9kxHF{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px;color:#525252;border-bottom:.063rem solid #e0e0e0;padding:.5rem 0rem}.omrs-breakpoint-gt-tablet .-esm-patient-search__patient-search__resultsText___9kxHF{margin:1rem}.-esm-patient-search__patient-search__helperText___rJ2-S{color:var(--omrs-color-ink-medium-contrast);margin-left:2.375rem}.-esm-patient-search__patient-search__emptyResultText___qWmDr{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px;color:#525252;margin-top:1rem;margin-bottom:.313rem}.-esm-patient-search__patient-search__actionText___UE-ia{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px;color:#525252}.-esm-patient-search__patient-search__pagination___br9c4{display:flex;justify-content:space-evenly;padding:4.688rem 0 1.5rem}.-esm-patient-search__patient-search__emptySearchResultsTile___c\\+x2R{text-align:center;margin-top:1rem;padding:3rem 0rem}.omrs-breakpoint-gt-tablet .-esm-patient-search__patient-search__emptySearchResultsTile___c\\+x2R{margin:1rem;background-color:#fff}.-esm-patient-search__patient-search__errorMessage___TlJrY{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0;color:#161616;margin-top:2.25rem;margin-bottom:.5rem}.-esm-patient-search__patient-search__errorCopy___SdJBo{margin-bottom:.5rem;font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px;color:#525252}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/root.scss","webpack://./../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss","webpack://./src/patient-search/patient-search.scss","webpack://./../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss"],names:[],mappings:"AAyCA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCzCF,kEC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,kECwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,yDCogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CCjsB1B,cACE,SAAA,CAGF,qEACE,YAAA,CACA,sBAAA,CACA,cAAA,CACA,WAAA,CACA,QAAA,CACA,MAAA,CACA,OAAA,CACA,qBC+BQ,CD9BR,iBAAA,CACA,eAAA,CAGF,iGACE,WAAA,CAGF,gGACE,SAAA,CACA,kDAAA,CACA,QC4Ha,CDzHf,4DACE,WAAA,CACA,WAAA,CAGF,uFACE,UAAA,CAGF,yDDweI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CC3pBxB,aCSU,CDRV,kBAAA,CAGF,0DDkeI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CCrpBxB,aCIU,CDHV,mCAAA,CACA,kBAAA,CAIF,qFACE,WC6Fa,CDxFf,yDACE,2CAAA,CACA,oBAAA,CAGF,8DD+cI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CCloBxB,aCfU,CDgBV,eCgFa,CD/Eb,qBAAA,CAGF,yDDwcI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CC3nBxB,aCtBU,CDyBZ,yDACE,YAAA,CACA,4BAAA,CACA,yBAAA,CAGF,sEACE,iBAAA,CACA,eC+Da,CD9Db,iBAAA,CAGF,iGACE,WC0Da,CDzDb,qBC5CQ,CD+CV,2DDkbI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CCrmBxB,aC7CU,CD8CV,kBAAA,CACA,mBCgDa,CD7Cf,wDACE,mBC4Ca,CF8XX,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CC7lBxB,aCpDU",sourcesContent:["$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@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}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1200px;\n$breakpoint-desktop-min: 1201px;\n$breakpoint-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",'@import "~@openmrs/esm-styleguide/src/vars";\n@import "carbon-components/scss/globals/scss/typography.scss";\n\n.productiveHeading01 {\n  @include carbon--type-style("productive-heading-01");\n}\n\n.productiveHeading02 {\n  @include carbon--type-style("productive-heading-02");\n}\n\n.bodyLong01 {\n  @include carbon--type-style("body-long-01");\n}\n',"//\n// Copyright IBM Corp. 2018, 2018\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@import '../layout/breakpoint';\n@import 'font-family';\n@import 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$caption-01: (\n  font-size: carbon--type-scale(1),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n  font-size: carbon--type-scale(1),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$helper-text-01: (\n  font-size: carbon--type-scale(1),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.43,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n  font-size: carbon--type-scale(3),\n  font-weight: carbon--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-long-02: (\n  font-size: carbon--type-scale(3),\n  font-weight: carbon--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$code-01: (\n  font-family: carbon--font-family('mono'),\n  font-size: carbon--type-scale(1),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n  font-family: carbon--font-family('mono'),\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.43,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.29,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n  font-size: carbon--type-scale(3),\n  font-weight: carbon--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$productive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n  font-size: carbon--type-scale(5),\n  font-weight: carbon--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$productive-heading-04: (\n  font-size: carbon--type-scale(7),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--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$productive-heading-06: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--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$productive-heading-07: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--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$expressive-heading-01: map-merge(\n  $heading-01,\n  (\n    line-height: 1.25,\n  )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: map-merge(\n  $heading-02,\n  (\n    line-height: 1.5,\n  )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n  font-size: carbon--type-scale(5),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: carbon--type-scale(5),\n      line-height: 1.25,\n    ),\n    max: (\n      font-size: carbon--type-scale(6),\n      line-height: 1.334,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n  font-size: carbon--type-scale(7),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: carbon--type-scale(7),\n      line-height: 1.25,\n    ),\n    max: (\n      font-size: carbon--type-scale(8),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(9),\n      font-weight: carbon--font-weight('light'),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: carbon--type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: carbon--type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n  font-size: carbon--type-scale(6),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.334,\n  letter-spacing: 0,\n  breakpoints: (\n    lg: (\n      font-size: carbon--type-scale(7),\n      line-height: 1.29,\n    ),\n    max: (\n      font-size: carbon--type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n  font-size: carbon--type-scale(5),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.3,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(5),\n    ),\n    lg: (\n      font-size: carbon--type-scale(6),\n      line-height: 1.334,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(7),\n      line-height: 1.29,\n    ),\n    max: (\n      font-size: carbon--type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: carbon--type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(10),\n    ),\n    lg: (\n      font-size: carbon--type-scale(12),\n    ),\n    xlg: (\n      font-size: carbon--type-scale(13),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(10),\n    ),\n    lg: (\n      font-size: carbon--type-scale(12),\n    ),\n    xlg: (\n      font-size: carbon--type-scale(13),\n      line-height: 1.16,\n    ),\n    max: (\n      font-size: carbon--type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: carbon--type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: carbon--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$display-04: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: carbon--type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: carbon--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$tokens: (\n  caption-01: $caption-01,\n  label-01: $label-01,\n  helper-text-01: $helper-text-01,\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);\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 $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 [$carbon--grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: $carbon--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 carbon--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 [$carbon--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: $carbon--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: carbon--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: carbon--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$custom-property-prefix: 'cds' !default;\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 [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin carbon--type-style(\n  $name,\n  $fluid: false,\n  $breakpoints: $carbon--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    @if global-variable-exists('feature-flags') and\n      map-get($feature-flags, 'enable-css-custom-properties')\n    {\n      @include custom-properties($name, $token);\n    } @else {\n      // Otherwise, we just include all the property declarations directly on the\n      // selector\n      @include properties(map-remove($token, 'breakpoints'));\n    }\n  }\n}\n",'@import "../root.scss";\n@import "~carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/spacing";\n\n:global(.bx--side-nav){\n  z-index: 0;\n}\n\n.searchResultsContainer {\n  display: flex;\n  justify-content: center;\n  position: fixed;\n  width: 100vw;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color:$ui-02;\n  padding: 0rem $spacing-05;\n  overflow-y: auto;\n}\n\n:global(.omrs-breakpoint-lt-desktop) .searchResultsContainer{\n  top: 6.25rem\n}\n\n:global(.omrs-breakpoint-gt-tablet) .searchResultsContainer {\n  padding: 0;\n  background-color:var(--omrs-color-bg-low-contrast);\n  top: $spacing-09;\n}\n\n.searchResults {\n  height: 100%;\n  width: 100vw;\n}\n\n:global(.omrs-breakpoint-gt-tablet) .searchResults {\n  width: 50vw;\n}\n\n.searchTerm {\n  @include carbon--type-style("productive-heading-03");\n  color: $text-01;\n  margin-top: 0.375rem;\n}\n\n.resultsText {\n  @include carbon--type-style("label-01");\n  color: $text-02;\n  border-bottom: 0.063rem solid $ui-03;\n  padding: $spacing-03 0rem;\n\n}\n\n:global(.omrs-breakpoint-gt-tablet) .resultsText {\n  margin: $spacing-05;\n}\n\n\n\n.helperText {\n  color: var(--omrs-color-ink-medium-contrast);\n  margin-left: 2.375rem;\n}\n\n.emptyResultText {\n  @include carbon--type-style("productive-heading-01");\n  color: $text-02;\n  margin-top: $spacing-05;\n  margin-bottom: 0.313rem;\n}\n\n.actionText {\n  @include carbon--type-style("body-long-01");\n  color: $text-02;\n}\n\n.pagination {\n  display: flex;\n  justify-content: space-evenly;\n  padding: 4.688rem 0 $spacing-06;\n}\n\n.emptySearchResultsTile {\n  text-align: center;\n  margin-top: $spacing-05;\n  padding: $spacing-09 0rem;\n}\n\n:global(.omrs-breakpoint-gt-tablet) .emptySearchResultsTile {\n  margin: $spacing-05;\n  background-color: $ui-02;\n}\n\n.errorMessage {\n  @include carbon--type-style("productive-heading-02");\n  color: $text-01;\n  margin-top: 2.25rem;\n  margin-bottom: $spacing-03;\n}\n\n.errorCopy {\n  margin-bottom: $spacing-03;\n  @include carbon--type-style("body-long-01");\n  color: $text-02;\n}',"// Code generated by @carbon/themes. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2019\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@import './themes';\n\n/// Define theme variables from a map of tokens\n/// @access public\n/// @param {Map} $theme [$carbon--theme] - Map of theme tokens\n/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens\n/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.\n///\n/// @example scss\n///   // Default usage\n///   @include carbon--theme();\n///\n///   // Alternate styling (not white theme)\n///   @include carbon--theme($carbon--theme--g90) {\n///     // declarations...\n///   }\n///\n///   // Inline styling\n///   @include carbon--theme($carbon--theme--g90) {\n///     .my-dark-theme {\n///       // declarations...\n///     }\n///   }\n///\n/// @group @carbon/themes\n@mixin carbon--theme(\n  $theme: $carbon--theme,\n  $emit-custom-properties: false,\n  $emit-difference: false\n) {\n  $parent-carbon-theme: $carbon--theme;\n  $carbon--theme: $theme !global;\n  $interactive-01: map-get($theme, 'interactive-01') !global;\n  $interactive-02: map-get($theme, 'interactive-02') !global;\n  $interactive-03: map-get($theme, 'interactive-03') !global;\n  $interactive-04: map-get($theme, 'interactive-04') !global;\n  $ui-background: map-get($theme, 'ui-background') !global;\n  $ui-01: map-get($theme, 'ui-01') !global;\n  $ui-02: map-get($theme, 'ui-02') !global;\n  $ui-03: map-get($theme, 'ui-03') !global;\n  $ui-04: map-get($theme, 'ui-04') !global;\n  $ui-05: map-get($theme, 'ui-05') !global;\n  $text-01: map-get($theme, 'text-01') !global;\n  $text-02: map-get($theme, 'text-02') !global;\n  $text-03: map-get($theme, 'text-03') !global;\n  $text-04: map-get($theme, 'text-04') !global;\n  $text-05: map-get($theme, 'text-05') !global;\n  $text-error: map-get($theme, 'text-error') !global;\n  $icon-01: map-get($theme, 'icon-01') !global;\n  $icon-02: map-get($theme, 'icon-02') !global;\n  $icon-03: map-get($theme, 'icon-03') !global;\n  $link-01: map-get($theme, 'link-01') !global;\n  $link-02: map-get($theme, 'link-02') !global;\n  $inverse-link: map-get($theme, 'inverse-link') !global;\n  $field-01: map-get($theme, 'field-01') !global;\n  $field-02: map-get($theme, 'field-02') !global;\n  $inverse-01: map-get($theme, 'inverse-01') !global;\n  $inverse-02: map-get($theme, 'inverse-02') !global;\n  $support-01: map-get($theme, 'support-01') !global;\n  $support-02: map-get($theme, 'support-02') !global;\n  $support-03: map-get($theme, 'support-03') !global;\n  $support-04: map-get($theme, 'support-04') !global;\n  $inverse-support-01: map-get($theme, 'inverse-support-01') !global;\n  $inverse-support-02: map-get($theme, 'inverse-support-02') !global;\n  $inverse-support-03: map-get($theme, 'inverse-support-03') !global;\n  $inverse-support-04: map-get($theme, 'inverse-support-04') !global;\n  $overlay-01: map-get($theme, 'overlay-01') !global;\n  $danger-01: map-get($theme, 'danger-01') !global;\n  $danger-02: map-get($theme, 'danger-02') !global;\n  $focus: map-get($theme, 'focus') !global;\n  $inverse-focus-ui: map-get($theme, 'inverse-focus-ui') !global;\n  $hover-primary: map-get($theme, 'hover-primary') !global;\n  $active-primary: map-get($theme, 'active-primary') !global;\n  $hover-primary-text: map-get($theme, 'hover-primary-text') !global;\n  $hover-secondary: map-get($theme, 'hover-secondary') !global;\n  $active-secondary: map-get($theme, 'active-secondary') !global;\n  $hover-tertiary: map-get($theme, 'hover-tertiary') !global;\n  $active-tertiary: map-get($theme, 'active-tertiary') !global;\n  $hover-ui: map-get($theme, 'hover-ui') !global;\n  $hover-light-ui: map-get($theme, 'hover-light-ui') !global;\n  $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;\n  $active-ui: map-get($theme, 'active-ui') !global;\n  $active-light-ui: map-get($theme, 'active-light-ui') !global;\n  $selected-ui: map-get($theme, 'selected-ui') !global;\n  $selected-light-ui: map-get($theme, 'selected-light-ui') !global;\n  $inverse-hover-ui: map-get($theme, 'inverse-hover-ui') !global;\n  $hover-danger: map-get($theme, 'hover-danger') !global;\n  $active-danger: map-get($theme, 'active-danger') !global;\n  $hover-row: map-get($theme, 'hover-row') !global;\n  $visited-link: map-get($theme, 'visited-link') !global;\n  $disabled-01: map-get($theme, 'disabled-01') !global;\n  $disabled-02: map-get($theme, 'disabled-02') !global;\n  $disabled-03: map-get($theme, 'disabled-03') !global;\n  $highlight: map-get($theme, 'highlight') !global;\n  $decorative-01: map-get($theme, 'decorative-01') !global;\n  $button-separator: map-get($theme, 'button-separator') !global;\n  $skeleton-01: map-get($theme, 'skeleton-01') !global;\n  $skeleton-02: map-get($theme, 'skeleton-02') !global;\n  $brand-01: map-get($theme, 'brand-01') !global;\n  $brand-02: map-get($theme, 'brand-02') !global;\n  $brand-03: map-get($theme, 'brand-03') !global;\n  $active-01: map-get($theme, 'active-01') !global;\n  $hover-field: map-get($theme, 'hover-field') !global;\n  $danger: map-get($theme, 'danger') !global;\n  $caption-01: map-get($theme, 'caption-01') !global;\n  $label-01: map-get($theme, 'label-01') !global;\n  $helper-text-01: map-get($theme, 'helper-text-01') !global;\n  $body-short-01: map-get($theme, 'body-short-01') !global;\n  $body-long-01: map-get($theme, 'body-long-01') !global;\n  $body-short-02: map-get($theme, 'body-short-02') !global;\n  $body-long-02: map-get($theme, 'body-long-02') !global;\n  $code-01: map-get($theme, 'code-01') !global;\n  $code-02: map-get($theme, 'code-02') !global;\n  $heading-01: map-get($theme, 'heading-01') !global;\n  $productive-heading-01: map-get($theme, 'productive-heading-01') !global;\n  $heading-02: map-get($theme, 'heading-02') !global;\n  $productive-heading-02: map-get($theme, 'productive-heading-02') !global;\n  $productive-heading-03: map-get($theme, 'productive-heading-03') !global;\n  $productive-heading-04: map-get($theme, 'productive-heading-04') !global;\n  $productive-heading-05: map-get($theme, 'productive-heading-05') !global;\n  $productive-heading-06: map-get($theme, 'productive-heading-06') !global;\n  $productive-heading-07: map-get($theme, 'productive-heading-07') !global;\n  $expressive-heading-01: map-get($theme, 'expressive-heading-01') !global;\n  $expressive-heading-02: map-get($theme, 'expressive-heading-02') !global;\n  $expressive-heading-03: map-get($theme, 'expressive-heading-03') !global;\n  $expressive-heading-04: map-get($theme, 'expressive-heading-04') !global;\n  $expressive-heading-05: map-get($theme, 'expressive-heading-05') !global;\n  $expressive-heading-06: map-get($theme, 'expressive-heading-06') !global;\n  $expressive-paragraph-01: map-get($theme, 'expressive-paragraph-01') !global;\n  $quotation-01: map-get($theme, 'quotation-01') !global;\n  $quotation-02: map-get($theme, 'quotation-02') !global;\n  $display-01: map-get($theme, 'display-01') !global;\n  $display-02: map-get($theme, 'display-02') !global;\n  $display-03: map-get($theme, 'display-03') !global;\n  $display-04: map-get($theme, 'display-04') !global;\n  $spacing-01: map-get($theme, 'spacing-01') !global;\n  $spacing-02: map-get($theme, 'spacing-02') !global;\n  $spacing-03: map-get($theme, 'spacing-03') !global;\n  $spacing-04: map-get($theme, 'spacing-04') !global;\n  $spacing-05: map-get($theme, 'spacing-05') !global;\n  $spacing-06: map-get($theme, 'spacing-06') !global;\n  $spacing-07: map-get($theme, 'spacing-07') !global;\n  $spacing-08: map-get($theme, 'spacing-08') !global;\n  $spacing-09: map-get($theme, 'spacing-09') !global;\n  $spacing-10: map-get($theme, 'spacing-10') !global;\n  $spacing-11: map-get($theme, 'spacing-11') !global;\n  $spacing-12: map-get($theme, 'spacing-12') !global;\n  $fluid-spacing-01: map-get($theme, 'fluid-spacing-01') !global;\n  $fluid-spacing-02: map-get($theme, 'fluid-spacing-02') !global;\n  $fluid-spacing-03: map-get($theme, 'fluid-spacing-03') !global;\n  $fluid-spacing-04: map-get($theme, 'fluid-spacing-04') !global;\n  $layout-01: map-get($theme, 'layout-01') !global;\n  $layout-02: map-get($theme, 'layout-02') !global;\n  $layout-03: map-get($theme, 'layout-03') !global;\n  $layout-04: map-get($theme, 'layout-04') !global;\n  $layout-05: map-get($theme, 'layout-05') !global;\n  $layout-06: map-get($theme, 'layout-06') !global;\n  $layout-07: map-get($theme, 'layout-07') !global;\n  $container-01: map-get($theme, 'container-01') !global;\n  $container-02: map-get($theme, 'container-02') !global;\n  $container-03: map-get($theme, 'container-03') !global;\n  $container-04: map-get($theme, 'container-04') !global;\n  $container-05: map-get($theme, 'container-05') !global;\n  $icon-size-01: map-get($theme, 'icon-size-01') !global;\n  $icon-size-02: map-get($theme, 'icon-size-02') !global;\n\n  @if global-variable-exists('feature-flags') and\n    map-get($feature-flags, 'enable-css-custom-properties')\n  {\n    $interactive-01: var(\n      --#{$custom-property-prefix}-interactive-01,\n      map-get($theme, 'interactive-01')\n    ) !global;\n    $interactive-02: var(\n      --#{$custom-property-prefix}-interactive-02,\n      map-get($theme, 'interactive-02')\n    ) !global;\n    $interactive-03: var(\n      --#{$custom-property-prefix}-interactive-03,\n      map-get($theme, 'interactive-03')\n    ) !global;\n    $interactive-04: var(\n      --#{$custom-property-prefix}-interactive-04,\n      map-get($theme, 'interactive-04')\n    ) !global;\n    $ui-background: var(\n      --#{$custom-property-prefix}-ui-background,\n      map-get($theme, 'ui-background')\n    ) !global;\n    $ui-01: var(\n      --#{$custom-property-prefix}-ui-01,\n      map-get($theme, 'ui-01')\n    ) !global;\n    $ui-02: var(\n      --#{$custom-property-prefix}-ui-02,\n      map-get($theme, 'ui-02')\n    ) !global;\n    $ui-03: var(\n      --#{$custom-property-prefix}-ui-03,\n      map-get($theme, 'ui-03')\n    ) !global;\n    $ui-04: var(\n      --#{$custom-property-prefix}-ui-04,\n      map-get($theme, 'ui-04')\n    ) !global;\n    $ui-05: var(\n      --#{$custom-property-prefix}-ui-05,\n      map-get($theme, 'ui-05')\n    ) !global;\n    $text-01: var(\n      --#{$custom-property-prefix}-text-01,\n      map-get($theme, 'text-01')\n    ) !global;\n    $text-02: var(\n      --#{$custom-property-prefix}-text-02,\n      map-get($theme, 'text-02')\n    ) !global;\n    $text-03: var(\n      --#{$custom-property-prefix}-text-03,\n      map-get($theme, 'text-03')\n    ) !global;\n    $text-04: var(\n      --#{$custom-property-prefix}-text-04,\n      map-get($theme, 'text-04')\n    ) !global;\n    $text-05: var(\n      --#{$custom-property-prefix}-text-05,\n      map-get($theme, 'text-05')\n    ) !global;\n    $text-error: var(\n      --#{$custom-property-prefix}-text-error,\n      map-get($theme, 'text-error')\n    ) !global;\n    $icon-01: var(\n      --#{$custom-property-prefix}-icon-01,\n      map-get($theme, 'icon-01')\n    ) !global;\n    $icon-02: var(\n      --#{$custom-property-prefix}-icon-02,\n      map-get($theme, 'icon-02')\n    ) !global;\n    $icon-03: var(\n      --#{$custom-property-prefix}-icon-03,\n      map-get($theme, 'icon-03')\n    ) !global;\n    $link-01: var(\n      --#{$custom-property-prefix}-link-01,\n      map-get($theme, 'link-01')\n    ) !global;\n    $link-02: var(\n      --#{$custom-property-prefix}-link-02,\n      map-get($theme, 'link-02')\n    ) !global;\n    $inverse-link: var(\n      --#{$custom-property-prefix}-inverse-link,\n      map-get($theme, 'inverse-link')\n    ) !global;\n    $field-01: var(\n      --#{$custom-property-prefix}-field-01,\n      map-get($theme, 'field-01')\n    ) !global;\n    $field-02: var(\n      --#{$custom-property-prefix}-field-02,\n      map-get($theme, 'field-02')\n    ) !global;\n    $inverse-01: var(\n      --#{$custom-property-prefix}-inverse-01,\n      map-get($theme, 'inverse-01')\n    ) !global;\n    $inverse-02: var(\n      --#{$custom-property-prefix}-inverse-02,\n      map-get($theme, 'inverse-02')\n    ) !global;\n    $support-01: var(\n      --#{$custom-property-prefix}-support-01,\n      map-get($theme, 'support-01')\n    ) !global;\n    $support-02: var(\n      --#{$custom-property-prefix}-support-02,\n      map-get($theme, 'support-02')\n    ) !global;\n    $support-03: var(\n      --#{$custom-property-prefix}-support-03,\n      map-get($theme, 'support-03')\n    ) !global;\n    $support-04: var(\n      --#{$custom-property-prefix}-support-04,\n      map-get($theme, 'support-04')\n    ) !global;\n    $inverse-support-01: var(\n      --#{$custom-property-prefix}-inverse-support-01,\n      map-get($theme, 'inverse-support-01')\n    ) !global;\n    $inverse-support-02: var(\n      --#{$custom-property-prefix}-inverse-support-02,\n      map-get($theme, 'inverse-support-02')\n    ) !global;\n    $inverse-support-03: var(\n      --#{$custom-property-prefix}-inverse-support-03,\n      map-get($theme, 'inverse-support-03')\n    ) !global;\n    $inverse-support-04: var(\n      --#{$custom-property-prefix}-inverse-support-04,\n      map-get($theme, 'inverse-support-04')\n    ) !global;\n    $overlay-01: var(\n      --#{$custom-property-prefix}-overlay-01,\n      map-get($theme, 'overlay-01')\n    ) !global;\n    $danger-01: var(\n      --#{$custom-property-prefix}-danger-01,\n      map-get($theme, 'danger-01')\n    ) !global;\n    $danger-02: var(\n      --#{$custom-property-prefix}-danger-02,\n      map-get($theme, 'danger-02')\n    ) !global;\n    $focus: var(\n      --#{$custom-property-prefix}-focus,\n      map-get($theme, 'focus')\n    ) !global;\n    $inverse-focus-ui: var(\n      --#{$custom-property-prefix}-inverse-focus-ui,\n      map-get($theme, 'inverse-focus-ui')\n    ) !global;\n    $hover-primary: var(\n      --#{$custom-property-prefix}-hover-primary,\n      map-get($theme, 'hover-primary')\n    ) !global;\n    $active-primary: var(\n      --#{$custom-property-prefix}-active-primary,\n      map-get($theme, 'active-primary')\n    ) !global;\n    $hover-primary-text: var(\n      --#{$custom-property-prefix}-hover-primary-text,\n      map-get($theme, 'hover-primary-text')\n    ) !global;\n    $hover-secondary: var(\n      --#{$custom-property-prefix}-hover-secondary,\n      map-get($theme, 'hover-secondary')\n    ) !global;\n    $active-secondary: var(\n      --#{$custom-property-prefix}-active-secondary,\n      map-get($theme, 'active-secondary')\n    ) !global;\n    $hover-tertiary: var(\n      --#{$custom-property-prefix}-hover-tertiary,\n      map-get($theme, 'hover-tertiary')\n    ) !global;\n    $active-tertiary: var(\n      --#{$custom-property-prefix}-active-tertiary,\n      map-get($theme, 'active-tertiary')\n    ) !global;\n    $hover-ui: var(\n      --#{$custom-property-prefix}-hover-ui,\n      map-get($theme, 'hover-ui')\n    ) !global;\n    $hover-light-ui: var(\n      --#{$custom-property-prefix}-hover-light-ui,\n      map-get($theme, 'hover-light-ui')\n    ) !global;\n    $hover-selected-ui: var(\n      --#{$custom-property-prefix}-hover-selected-ui,\n      map-get($theme, 'hover-selected-ui')\n    ) !global;\n    $active-ui: var(\n      --#{$custom-property-prefix}-active-ui,\n      map-get($theme, 'active-ui')\n    ) !global;\n    $active-light-ui: var(\n      --#{$custom-property-prefix}-active-light-ui,\n      map-get($theme, 'active-light-ui')\n    ) !global;\n    $selected-ui: var(\n      --#{$custom-property-prefix}-selected-ui,\n      map-get($theme, 'selected-ui')\n    ) !global;\n    $selected-light-ui: var(\n      --#{$custom-property-prefix}-selected-light-ui,\n      map-get($theme, 'selected-light-ui')\n    ) !global;\n    $inverse-hover-ui: var(\n      --#{$custom-property-prefix}-inverse-hover-ui,\n      map-get($theme, 'inverse-hover-ui')\n    ) !global;\n    $hover-danger: var(\n      --#{$custom-property-prefix}-hover-danger,\n      map-get($theme, 'hover-danger')\n    ) !global;\n    $active-danger: var(\n      --#{$custom-property-prefix}-active-danger,\n      map-get($theme, 'active-danger')\n    ) !global;\n    $hover-row: var(\n      --#{$custom-property-prefix}-hover-row,\n      map-get($theme, 'hover-row')\n    ) !global;\n    $visited-link: var(\n      --#{$custom-property-prefix}-visited-link,\n      map-get($theme, 'visited-link')\n    ) !global;\n    $disabled-01: var(\n      --#{$custom-property-prefix}-disabled-01,\n      map-get($theme, 'disabled-01')\n    ) !global;\n    $disabled-02: var(\n      --#{$custom-property-prefix}-disabled-02,\n      map-get($theme, 'disabled-02')\n    ) !global;\n    $disabled-03: var(\n      --#{$custom-property-prefix}-disabled-03,\n      map-get($theme, 'disabled-03')\n    ) !global;\n    $highlight: var(\n      --#{$custom-property-prefix}-highlight,\n      map-get($theme, 'highlight')\n    ) !global;\n    $decorative-01: var(\n      --#{$custom-property-prefix}-decorative-01,\n      map-get($theme, 'decorative-01')\n    ) !global;\n    $button-separator: var(\n      --#{$custom-property-prefix}-button-separator,\n      map-get($theme, 'button-separator')\n    ) !global;\n    $skeleton-01: var(\n      --#{$custom-property-prefix}-skeleton-01,\n      map-get($theme, 'skeleton-01')\n    ) !global;\n    $skeleton-02: var(\n      --#{$custom-property-prefix}-skeleton-02,\n      map-get($theme, 'skeleton-02')\n    ) !global;\n    $brand-01: var(\n      --#{$custom-property-prefix}-brand-01,\n      map-get($theme, 'brand-01')\n    ) !global;\n    $brand-02: var(\n      --#{$custom-property-prefix}-brand-02,\n      map-get($theme, 'brand-02')\n    ) !global;\n    $brand-03: var(\n      --#{$custom-property-prefix}-brand-03,\n      map-get($theme, 'brand-03')\n    ) !global;\n    $active-01: var(\n      --#{$custom-property-prefix}-active-01,\n      map-get($theme, 'active-01')\n    ) !global;\n    $hover-field: var(\n      --#{$custom-property-prefix}-hover-field,\n      map-get($theme, 'hover-field')\n    ) !global;\n    $danger: var(\n      --#{$custom-property-prefix}-danger,\n      map-get($theme, 'danger')\n    ) !global;\n    $spacing-01: var(\n      --#{$custom-property-prefix}-spacing-01,\n      map-get($theme, 'spacing-01')\n    ) !global;\n    $spacing-02: var(\n      --#{$custom-property-prefix}-spacing-02,\n      map-get($theme, 'spacing-02')\n    ) !global;\n    $spacing-03: var(\n      --#{$custom-property-prefix}-spacing-03,\n      map-get($theme, 'spacing-03')\n    ) !global;\n    $spacing-04: var(\n      --#{$custom-property-prefix}-spacing-04,\n      map-get($theme, 'spacing-04')\n    ) !global;\n    $spacing-05: var(\n      --#{$custom-property-prefix}-spacing-05,\n      map-get($theme, 'spacing-05')\n    ) !global;\n    $spacing-06: var(\n      --#{$custom-property-prefix}-spacing-06,\n      map-get($theme, 'spacing-06')\n    ) !global;\n    $spacing-07: var(\n      --#{$custom-property-prefix}-spacing-07,\n      map-get($theme, 'spacing-07')\n    ) !global;\n    $spacing-08: var(\n      --#{$custom-property-prefix}-spacing-08,\n      map-get($theme, 'spacing-08')\n    ) !global;\n    $spacing-09: var(\n      --#{$custom-property-prefix}-spacing-09,\n      map-get($theme, 'spacing-09')\n    ) !global;\n    $spacing-10: var(\n      --#{$custom-property-prefix}-spacing-10,\n      map-get($theme, 'spacing-10')\n    ) !global;\n    $spacing-11: var(\n      --#{$custom-property-prefix}-spacing-11,\n      map-get($theme, 'spacing-11')\n    ) !global;\n    $spacing-12: var(\n      --#{$custom-property-prefix}-spacing-12,\n      map-get($theme, 'spacing-12')\n    ) !global;\n    $fluid-spacing-01: var(\n      --#{$custom-property-prefix}-fluid-spacing-01,\n      map-get($theme, 'fluid-spacing-01')\n    ) !global;\n    $fluid-spacing-02: var(\n      --#{$custom-property-prefix}-fluid-spacing-02,\n      map-get($theme, 'fluid-spacing-02')\n    ) !global;\n    $fluid-spacing-03: var(\n      --#{$custom-property-prefix}-fluid-spacing-03,\n      map-get($theme, 'fluid-spacing-03')\n    ) !global;\n    $fluid-spacing-04: var(\n      --#{$custom-property-prefix}-fluid-spacing-04,\n      map-get($theme, 'fluid-spacing-04')\n    ) !global;\n    $layout-01: var(\n      --#{$custom-property-prefix}-layout-01,\n      map-get($theme, 'layout-01')\n    ) !global;\n    $layout-02: var(\n      --#{$custom-property-prefix}-layout-02,\n      map-get($theme, 'layout-02')\n    ) !global;\n    $layout-03: var(\n      --#{$custom-property-prefix}-layout-03,\n      map-get($theme, 'layout-03')\n    ) !global;\n    $layout-04: var(\n      --#{$custom-property-prefix}-layout-04,\n      map-get($theme, 'layout-04')\n    ) !global;\n    $layout-05: var(\n      --#{$custom-property-prefix}-layout-05,\n      map-get($theme, 'layout-05')\n    ) !global;\n    $layout-06: var(\n      --#{$custom-property-prefix}-layout-06,\n      map-get($theme, 'layout-06')\n    ) !global;\n    $layout-07: var(\n      --#{$custom-property-prefix}-layout-07,\n      map-get($theme, 'layout-07')\n    ) !global;\n    $container-01: var(\n      --#{$custom-property-prefix}-container-01,\n      map-get($theme, 'container-01')\n    ) !global;\n    $container-02: var(\n      --#{$custom-property-prefix}-container-02,\n      map-get($theme, 'container-02')\n    ) !global;\n    $container-03: var(\n      --#{$custom-property-prefix}-container-03,\n      map-get($theme, 'container-03')\n    ) !global;\n    $container-04: var(\n      --#{$custom-property-prefix}-container-04,\n      map-get($theme, 'container-04')\n    ) !global;\n    $container-05: var(\n      --#{$custom-property-prefix}-container-05,\n      map-get($theme, 'container-05')\n    ) !global;\n    $icon-size-01: var(\n      --#{$custom-property-prefix}-icon-size-01,\n      map-get($theme, 'icon-size-01')\n    ) !global;\n    $icon-size-02: var(\n      --#{$custom-property-prefix}-icon-size-02,\n      map-get($theme, 'icon-size-02')\n    ) !global;\n  }\n  @if $emit-custom-properties == true {\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-01',\n        map-get($theme, 'interactive-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-02',\n        map-get($theme, 'interactive-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-03',\n        map-get($theme, 'interactive-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-04',\n        map-get($theme, 'interactive-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'ui-background',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'ui-background',\n        map-get($theme, 'ui-background')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-01', $emit-difference) {\n      @include custom-property('ui-01', map-get($theme, 'ui-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-02', $emit-difference) {\n      @include custom-property('ui-02', map-get($theme, 'ui-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-03', $emit-difference) {\n      @include custom-property('ui-03', map-get($theme, 'ui-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-04', $emit-difference) {\n      @include custom-property('ui-04', map-get($theme, 'ui-04'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-05', $emit-difference) {\n      @include custom-property('ui-05', map-get($theme, 'ui-05'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-01', $emit-difference) {\n      @include custom-property('text-01', map-get($theme, 'text-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-02', $emit-difference) {\n      @include custom-property('text-02', map-get($theme, 'text-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-03', $emit-difference) {\n      @include custom-property('text-03', map-get($theme, 'text-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-04', $emit-difference) {\n      @include custom-property('text-04', map-get($theme, 'text-04'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-05', $emit-difference) {\n      @include custom-property('text-05', map-get($theme, 'text-05'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'text-error',\n      $emit-difference\n    )\n    {\n      @include custom-property('text-error', map-get($theme, 'text-error'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'icon-01', $emit-difference) {\n      @include custom-property('icon-01', map-get($theme, 'icon-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'icon-02', $emit-difference) {\n      @include custom-property('icon-02', map-get($theme, 'icon-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'icon-03', $emit-difference) {\n      @include custom-property('icon-03', map-get($theme, 'icon-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'link-01', $emit-difference) {\n      @include custom-property('link-01', map-get($theme, 'link-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'link-02', $emit-difference) {\n      @include custom-property('link-02', map-get($theme, 'link-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-link',\n      $emit-difference\n    )\n    {\n      @include custom-property('inverse-link', map-get($theme, 'inverse-link'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'field-01', $emit-difference)\n    {\n      @include custom-property('field-01', map-get($theme, 'field-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'field-02', $emit-difference)\n    {\n      @include custom-property('field-02', map-get($theme, 'field-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('inverse-01', map-get($theme, 'inverse-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('inverse-02', map-get($theme, 'inverse-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-01', map-get($theme, 'support-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-02', map-get($theme, 'support-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-03', map-get($theme, 'support-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-04', map-get($theme, 'support-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-01',\n        map-get($theme, 'inverse-support-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-02',\n        map-get($theme, 'inverse-support-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-03',\n        map-get($theme, 'inverse-support-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-04',\n        map-get($theme, 'inverse-support-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'overlay-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('overlay-01', map-get($theme, 'overlay-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'danger-01', $emit-difference)\n    {\n      @include custom-property('danger-01', map-get($theme, 'danger-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'danger-02', $emit-difference)\n    {\n      @include custom-property('danger-02', map-get($theme, 'danger-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'focus', $emit-difference) {\n      @include custom-property('focus', map-get($theme, 'focus'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-focus-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-focus-ui',\n        map-get($theme, 'inverse-focus-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-primary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-primary',\n        map-get($theme, 'hover-primary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-primary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-primary',\n        map-get($theme, 'active-primary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-primary-text',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-primary-text',\n        map-get($theme, 'hover-primary-text')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-secondary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-secondary',\n        map-get($theme, 'hover-secondary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-secondary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-secondary',\n        map-get($theme, 'active-secondary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-tertiary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-tertiary',\n        map-get($theme, 'hover-tertiary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-tertiary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-tertiary',\n        map-get($theme, 'active-tertiary')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'hover-ui', $emit-difference)\n    {\n      @include custom-property('hover-ui', map-get($theme, 'hover-ui'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-light-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-light-ui',\n        map-get($theme, 'hover-light-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-selected-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-selected-ui',\n        map-get($theme, 'hover-selected-ui')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'active-ui', $emit-difference)\n    {\n      @include custom-property('active-ui', map-get($theme, 'active-ui'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-light-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-light-ui',\n        map-get($theme, 'active-light-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'selected-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property('selected-ui', map-get($theme, 'selected-ui'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'selected-light-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'selected-light-ui',\n        map-get($theme, 'selected-light-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-hover-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-hover-ui',\n        map-get($theme, 'inverse-hover-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-danger',\n      $emit-difference\n    )\n    {\n      @include custom-property('hover-danger', map-get($theme, 'hover-danger'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-danger',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-danger',\n        map-get($theme, 'active-danger')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'hover-row', $emit-difference)\n    {\n      @include custom-property('hover-row', map-get($theme, 'hover-row'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'visited-link',\n      $emit-difference\n    )\n    {\n      @include custom-property('visited-link', map-get($theme, 'visited-link'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'disabled-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('disabled-01', map-get($theme, 'disabled-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'disabled-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('disabled-02', map-get($theme, 'disabled-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'disabled-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('disabled-03', map-get($theme, 'disabled-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'highlight', $emit-difference)\n    {\n      @include custom-property('highlight', map-get($theme, 'highlight'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'decorative-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'decorative-01',\n        map-get($theme, 'decorative-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-separator',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-separator',\n        map-get($theme, 'button-separator')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'skeleton-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('skeleton-01', map-get($theme, 'skeleton-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'skeleton-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('skeleton-02', map-get($theme, 'skeleton-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'brand-01', $emit-difference)\n    {\n      @include custom-property('brand-01', map-get($theme, 'brand-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'brand-02', $emit-difference)\n    {\n      @include custom-property('brand-02', map-get($theme, 'brand-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'brand-03', $emit-difference)\n    {\n      @include custom-property('brand-03', map-get($theme, 'brand-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'active-01', $emit-difference)\n    {\n      @include custom-property('active-01', map-get($theme, 'active-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-field',\n      $emit-difference\n    )\n    {\n      @include custom-property('hover-field', map-get($theme, 'hover-field'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'danger', $emit-difference) {\n      @include custom-property('danger', map-get($theme, 'danger'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'caption-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('caption-01', map-get($theme, 'caption-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'label-01', $emit-difference)\n    {\n      @include custom-property('label-01', map-get($theme, 'label-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'helper-text-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'helper-text-01',\n        map-get($theme, 'helper-text-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-short-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'body-short-01',\n        map-get($theme, 'body-short-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-long-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('body-long-01', map-get($theme, 'body-long-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-short-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'body-short-02',\n        map-get($theme, 'body-short-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-long-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('body-long-02', map-get($theme, 'body-long-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'code-01', $emit-difference) {\n      @include custom-property('code-01', map-get($theme, 'code-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'code-02', $emit-difference) {\n      @include custom-property('code-02', map-get($theme, 'code-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'heading-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('heading-01', map-get($theme, 'heading-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-01',\n        map-get($theme, 'productive-heading-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'heading-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('heading-02', map-get($theme, 'heading-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-02',\n        map-get($theme, 'productive-heading-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-03',\n        map-get($theme, 'productive-heading-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-04',\n        map-get($theme, 'productive-heading-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-05',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-05',\n        map-get($theme, 'productive-heading-05')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-06',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-06',\n        map-get($theme, 'productive-heading-06')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-07',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-07',\n        map-get($theme, 'productive-heading-07')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-01',\n        map-get($theme, 'expressive-heading-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-02',\n        map-get($theme, 'expressive-heading-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-03',\n        map-get($theme, 'expressive-heading-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-04',\n        map-get($theme, 'expressive-heading-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-05',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-05',\n        map-get($theme, 'expressive-heading-05')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-06',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-06',\n        map-get($theme, 'expressive-heading-06')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-paragraph-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-paragraph-01',\n        map-get($theme, 'expressive-paragraph-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'quotation-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('quotation-01', map-get($theme, 'quotation-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'quotation-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('quotation-02', map-get($theme, 'quotation-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-01', map-get($theme, 'display-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-02', map-get($theme, 'display-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-03', map-get($theme, 'display-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-04', map-get($theme, 'display-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-01', map-get($theme, 'spacing-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-02', map-get($theme, 'spacing-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-03', map-get($theme, 'spacing-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-04', map-get($theme, 'spacing-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-05',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-05', map-get($theme, 'spacing-05'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-06',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-06', map-get($theme, 'spacing-06'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-07',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-07', map-get($theme, 'spacing-07'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-08',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-08', map-get($theme, 'spacing-08'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-09',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-09', map-get($theme, 'spacing-09'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-10',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-10', map-get($theme, 'spacing-10'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-11',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-11', map-get($theme, 'spacing-11'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-12',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-12', map-get($theme, 'spacing-12'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-01',\n        map-get($theme, 'fluid-spacing-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-02',\n        map-get($theme, 'fluid-spacing-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-03',\n        map-get($theme, 'fluid-spacing-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-04',\n        map-get($theme, 'fluid-spacing-04')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-01', $emit-difference)\n    {\n      @include custom-property('layout-01', map-get($theme, 'layout-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-02', $emit-difference)\n    {\n      @include custom-property('layout-02', map-get($theme, 'layout-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-03', $emit-difference)\n    {\n      @include custom-property('layout-03', map-get($theme, 'layout-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-04', $emit-difference)\n    {\n      @include custom-property('layout-04', map-get($theme, 'layout-04'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-05', $emit-difference)\n    {\n      @include custom-property('layout-05', map-get($theme, 'layout-05'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-06', $emit-difference)\n    {\n      @include custom-property('layout-06', map-get($theme, 'layout-06'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-07', $emit-difference)\n    {\n      @include custom-property('layout-07', map-get($theme, 'layout-07'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-01', map-get($theme, 'container-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-02', map-get($theme, 'container-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-03', map-get($theme, 'container-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-04', map-get($theme, 'container-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-05',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-05', map-get($theme, 'container-05'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'icon-size-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('icon-size-01', map-get($theme, 'icon-size-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'icon-size-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('icon-size-02', map-get($theme, 'icon-size-02'));\n    }\n  }\n\n  @content;\n\n  // Reset to default theme after apply in content\n  @if $carbon--theme != $parent-carbon-theme {\n    $carbon--theme: $parent-carbon-theme !global;\n\n    @include carbon--theme();\n  }\n}\n"],sourceRoot:""}]),o.locals={productiveHeading01:"-esm-patient-search__patient-search__productiveHeading01___ywcop",productiveHeading02:"-esm-patient-search__patient-search__productiveHeading02___wbIhK",bodyLong01:"-esm-patient-search__patient-search__bodyLong01___gSex-",searchResultsContainer:"-esm-patient-search__patient-search__searchResultsContainer___IlGHi",searchResults:"-esm-patient-search__patient-search__searchResults___G3AxH",searchTerm:"-esm-patient-search__patient-search__searchTerm___A0RjE",resultsText:"-esm-patient-search__patient-search__resultsText___9kxHF",helperText:"-esm-patient-search__patient-search__helperText___rJ2-S",emptyResultText:"-esm-patient-search__patient-search__emptyResultText___qWmDr",actionText:"-esm-patient-search__patient-search__actionText___UE-ia",pagination:"-esm-patient-search__patient-search__pagination___br9c4",emptySearchResultsTile:"-esm-patient-search__patient-search__emptySearchResultsTile___c+x2R",errorMessage:"-esm-patient-search__patient-search__errorMessage___TlJrY",errorCopy:"-esm-patient-search__patient-search__errorCopy___SdJBo"};const p=o}}]);
+"use strict";(self.webpackChunk_openmrs_esm_patient_search_app=self.webpackChunk_openmrs_esm_patient_search_app||[]).push([[60],{5238:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var a=t(9902),i=t.n(a),r=t(3090),o=t(8552),p=t(5759),s=t(7030),c=t(9748),m=t(4924),l=t(6118),h=t(9035),g=t(5091),u=t(9095),$=t(9623);const d=e=>{let{width:n="61",height:t="59"}=e;return a.createElement("svg",{width:n,height:t,viewBox:"0 0 61 59"},a.createElement("title",null,"Empty data illustration"),a.createElement("g",{fill:"none",fillRule:"evenodd"},a.createElement("path",{d:"M38.133 13.186H21.947c-.768.001-1.39.623-1.39 1.391V50.55l-.186.057-3.97 1.216a.743.743 0 01-.927-.493L3.664 12.751a.742.742 0 01.492-.926l6.118-1.874 17.738-5.43 6.119-1.873a.741.741 0 01.926.492L38.076 13l.057.186z",fill:"#E0E0E0"}),a.createElement("path",{d:"M41.664 13L38.026 1.117A1.576 1.576 0 0036.056.07l-8.601 2.633-17.737 5.43-8.603 2.634a1.578 1.578 0 00-1.046 1.97l12.436 40.616a1.58 1.58 0 001.969 1.046l5.897-1.805.185-.057v-.194l-.185.057-5.952 1.822a1.393 1.393 0 01-1.737-.923L.247 12.682a1.39 1.39 0 01.923-1.738L9.772 8.31 27.51 2.881 36.112.247a1.393 1.393 0 011.737.923L41.47 13l.057.186h.193l-.057-.185z",fill:"#8D8D8D"}),a.createElement("path",{d:"M11.378 11.855a.836.836 0 01-.798-.59L9.385 7.361a.835.835 0 01.554-1.042l16.318-4.996a.836.836 0 011.042.554l1.195 3.902a.836.836 0 01-.554 1.043l-16.318 4.995a.831.831 0 01-.244.037z",fill:"#C6C6C6"}),a.createElement("circle",{fill:"#C6C6C6",cx:17.636,cy:2.314,r:1.855}),a.createElement("circle",{fill:"#FFF",fillRule:"nonzero",cx:17.636,cy:2.314,r:1.175}),a.createElement("path",{d:"M55.893 53.995H24.544a.79.79 0 01-.788-.789V15.644a.79.79 0 01.788-.788h31.349a.79.79 0 01.788.788v37.562a.79.79 0 01-.788.789z",fill:"#E0E0E0"}),a.createElement("path",{d:"M41.47 13H21.948a1.579 1.579 0 00-1.576 1.577V52.4l.185-.057V14.577c.001-.768.623-1.39 1.391-1.39h19.581L41.471 13zm17.02 0H21.947a1.579 1.579 0 00-1.576 1.577v42.478c0 .87.706 1.576 1.576 1.577H58.49a1.579 1.579 0 001.576-1.577V14.577a1.579 1.579 0 00-1.576-1.576zm1.39 44.055c0 .768-.622 1.39-1.39 1.392H21.947c-.768-.001-1.39-.624-1.39-1.392V14.577c0-.768.622-1.39 1.39-1.39H58.49c.768 0 1.39.622 1.39 1.39v42.478z",fill:"#8D8D8D"}),a.createElement("path",{d:"M48.751 17.082H31.686a.836.836 0 01-.835-.835v-4.081c0-.46.374-.834.835-.835H48.75c.461 0 .834.374.835.835v4.08c0 .462-.374.835-.835.836z",fill:"#C6C6C6"}),a.createElement("circle",{fill:"#C6C6C6",cx:40.218,cy:9.755,r:1.855}),a.createElement("circle",{fill:"#FFF",fillRule:"nonzero",cx:40.218,cy:9.755,r:1.13})))};var f=t(6062),b=t.n(f),y=t(4036),v=t.n(y),x=t(6793),A=t.n(x),_=t(7892),k=t.n(_),C=t(1173),w=t.n(C),z=t(2464),B=t.n(z),E=t(3933),M={};M.styleTagTransform=B(),M.setAttributes=k(),M.insert=A().bind(null,"head"),M.domAPI=v(),M.insertStyleElement=w(),b()(E.Z,M);const L=E.Z&&E.Z.locals?E.Z.locals:void 0,q=e=>{let{patients:n,hidePanel:t}=e;const r=(0,h.useConfig)(),o=(0,a.useCallback)((e=>{(0,h.navigate)({to:(0,h.interpolateString)(r.search.patientResultUrl,{patientUuid:e})}),t()}),[]),p=(0,a.useMemo)((()=>n.map((e=>{const n=e.person.addresses?.find((e=>e.preferred));return{id:e.uuid,name:[{given:[e.person.personName.givenName,e.person.personName.middleName],family:e.person.personName.familyName}],gender:e.person.gender,birthDate:e.person.birthdate,deceasedDateTime:e.person.deathDate,deceasedBoolean:e.person.death,identifier:[{value:e.patientIdentifier.identifier}],address:n?[{city:n.cityVillage,country:n.country,postalCode:n.postalCode,state:n.stateProvince,use:"home"}]:[],telecom:e.attributes?.filter((e=>"Telephone Number"==e.attributeType.name))}}))),[n]);return i().createElement(i().Fragment,null,p.map((e=>i().createElement("div",{key:e.id,className:L.patientChart},i().createElement("div",{className:L.container},i().createElement(h.ExtensionSlot,{extensionSlotName:"patient-header-slot",state:{patient:e,patientUuid:e.id,onClick:o,onTransition:t}}))))))};var T=t(7242),I={};I.styleTagTransform=B(),I.setAttributes=k(),I.insert=A().bind(null,"head"),I.domAPI=v(),I.insertStyleElement=w(),b()(T.Z,I);const D=T.Z&&T.Z.locals?T.Z.locals:void 0,N=e=>{let{hidePanel:n,searchResults:t,status:r,error:o}=e;const{t:p}=(0,m.useTranslation)(),{totalPages:s,currentPage:c,goToNext:f,goToPrevious:b,results:y,goTo:v}=(0,h.usePagination)(t,5);return(0,a.useEffect)((()=>{t.length&&v(0)}),[t]),i().createElement("div",{className:D.searchResultsContainer},"resolved"===r&&i().createElement(i().Fragment,null,!(0,l.Z)(t)&&i().createElement("div",{className:D.searchResults},i().createElement("p",{className:D.resultsText},p("patientsFound",{count:t.length})),i().createElement(q,{hidePanel:n,patients:y}),i().createElement("div",{className:D.pagination},i().createElement(g.Z,{itemsShown:5,totalItems:s,onChange:e=>{0===e&&0===c||e+1>c?f():e+1<c&&b()}}))),(0,l.Z)(t)&&i().createElement("div",{className:D.searchResults},i().createElement("p",{className:D.resultsText},p("noResultsFound","No results found")),i().createElement(u.n9,{className:D.emptySearchResultsTile},i().createElement(d,null),i().createElement("p",{className:D.emptyResultText},p("noPatientChartsFoundMessage","Sorry, no patient charts have been found")),i().createElement("p",{className:D.actionText},i().createElement("span",null,p("trySearchWithPatientUniqueID","Try searching with the patient's unique ID number")),i().createElement("br",null),i().createElement("span",null,p("orPatientName","OR the patient's name(s)")))))),"searching"===r&&i().createElement($.Z,{description:"Active loading indicator",withOverlay:!0}),"error"===r&&i().createElement("div",{className:D.searchResults},i().createElement("p",{className:D.resultsText},p("errorText","An error occurred while performing search")),i().createElement(u.n9,{className:D.emptySearchResultsTile},i().createElement(d,null),i().createElement("div",null,i().createElement("p",{className:D.errorMessage},p("error","Error")," ",`${o?.status}: `,o?.statusText),i().createElement("p",{className:D.errorCopy},p("errorCopy","Sorry, there was a an error. You can try to reload this page, or contact the site administrator and quote the error code above."))))))};var S=t(8652),F=t(8955),R={};R.styleTagTransform=B(),R.setAttributes=k(),R.insert=A().bind(null,"head"),R.domAPI=v(),R.insertStyleElement=w(),b()(F.Z,R);const H=F.Z&&F.Z.locals?F.Z.locals:void 0;var G;function U(e,n){return n.type===G.error?{status:n.type,error:n.error,...e}:{status:n.type,searchResults:n.payload}}!function(e){e.searching="searching",e.resolved="resolved",e.error="error",e.idle="idle"}(G||(G={}));const j=()=>{const e=(0,h.useConfig)(),{t:n}=(0,m.useTranslation)(),t=(0,h.useLayoutType)(),[g,u]=(0,a.useState)(!1),[$,d]=(0,a.useState)(),[{searchResults:f,status:b,error:y},v]=(0,a.useReducer)(U,{status:"idle",searchResults:[]}),x=(0,a.useCallback)((()=>{!(0,l.Z)($)&&v({type:G.searching,payload:[]})}),[$]);(0,a.useEffect)((()=>{if($&&"searching"===b){const n=new AbortController;return function(e,n,t,a){const i=`/ws/rest/v1/patient?q=${e}&v=custom:(patientId,uuid,identifiers,display,patientIdentifier:(uuid,identifier),person:(gender,age,birthdate,birthdateEstimated,personName,addresses,display,dead,deathDate),attributes:(value,attributeType:(name)))&includeDead=${a}`;return(0,h.openmrsFetch)(i,{method:"GET",signal:t.signal})}($,0,n,e.includeDead).then((e=>{let{data:n}=e;const t=n.results.map(((e,n)=>({...e,index:n+1})));v({type:G.resolved,payload:t})}),(e=>{v({type:G.error,error:e?.response})})),()=>n.abort()}}),[e.includeDead,$,b]);const A=(0,a.useMemo)((()=>(0,S.Z)((e=>d(e)),300)),[]),_=(0,a.useCallback)((()=>{u(!1)}),[]);return(0,a.useEffect)((()=>{g||d("")}),[g]),(0,a.useEffect)((()=>{(0,l.Z)($)&&v({type:G.idle,payload:[]})}),[$]),i().createElement(i().Fragment,null,i().createElement("div",{className:H.patientSearchIconWrapper},g&&i().createElement("div",{className:H.searchArea},i().createElement(p.Z,{size:"desktop"===t?"sm":"xl",className:H.patientSearchInput,placeholder:n("searchForPatient","Search for a patient by name or identifier number"),labelText:"",onKeyUp:e=>"enter"===e.key.toLowerCase()&&x(),onChange:e=>A(e.target.value),autoFocus:!0}),i().createElement(s.Z,{disabled:"searching"===b,onClick:x,className:H.searchButton,size:"desktop"===t?"small":"default"},n("search","Search"))),i().createElement("div",{className:`${g&&H.closeButton}`},i().createElement(c.Z,{className:`${g?H.activeSearchIconButton:H.searchIconButton}`,onClick:()=>u((e=>!e)),"aria-label":"Search Patient","aria-labelledby":"Search Patient",name:"SearchPatientIcon"},g?i().createElement(o.Z,null):i().createElement(r.Z,null)))),g&&i().createElement(N,{hidePanel:_,searchResults:f,status:b,error:y}))}},8955:(e,n,t)=>{t.d(n,{Z:()=>p});var a=t(1799),i=t.n(a),r=t(2609),o=t.n(r)()(i());o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-patient-search__patient-search-icon-component__patientSearchIconWrapper___XUHQj{display:flex;width:50vw;justify-content:flex-end;align-items:center}.-esm-patient-search__patient-search-icon-component__patientSearchInput___qP3gk input:focus{outline:none}.omrs-breakpoint-gt-tablet .-esm-patient-search__patient-search-icon-component__searchArea___3jb\\+e{display:flex;justify-content:center;flex-direction:row;align-items:center;width:50vw;border:.125rem solid var(--omrs-color-brand-orange);height:2.25rem;margin-right:.125rem}.omrs-breakpoint-lt-desktop .-esm-patient-search__patient-search-icon-component__searchArea___3jb\\+e{display:flex;justify-content:center;flex-direction:row;align-items:center;width:100vw;border:.125rem solid var(--omrs-color-brand-orange);margin-right:.125rem;position:fixed;top:3rem;right:0;left:0}.-esm-patient-search__patient-search-icon-component__searchIconButton___dU-4m{background-color:var(--brand-01)}.-esm-patient-search__patient-search-icon-component__activeSearchIconButton___c5ok4{background-color:var(--brand-02)}.-esm-patient-search__patient-search-icon-component__closeButton___-jUf7{background-color:var(--brand-02)}.-esm-patient-search__patient-search-icon-component__searchButton___H2dtS{background-color:#393939}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/patient-search-icon/patient-search-icon.component.scss","webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAyCA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCxCF,sFACE,YAAA,CACA,UAAA,CACA,wBAAA,CACA,kBAAA,CAGF,4FACE,YAAA,CAIF,oGACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,kBAAA,CACA,UAAA,CACA,mDAAA,CACA,cAAA,CACA,oBCbmB,CDiBrB,qGACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,kBAAA,CACA,WAAA,CACA,mDAAA,CACA,oBCxBmB,CDyBnB,cAAA,CACA,QCcmB,CDbnB,OAAA,CACA,MAAA,CAGF,8EACE,gCAAA,CAGF,oFACE,gCAAA,CAGF,yEACE,gCAAA,CAGF,0EACE,wBArDU",sourcesContent:["$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@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}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1200px;\n$breakpoint-desktop-min: 1201px;\n$breakpoint-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",'@import "~@openmrs/esm-styleguide/src/vars";\n@import "~carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/spacing";\n$inverse-02:#393939;\n\n.patientSearchIconWrapper {\n  display: flex;\n  width: 50vw;\n  justify-content: flex-end;\n  align-items: center;\n}\n\n.patientSearchInput input:focus {\n  outline: none;\n}\n\n// desktop mode styling\n:global(.omrs-breakpoint-gt-tablet) .searchArea {\n  display: flex;\n  justify-content: center;\n  flex-direction: row;\n  align-items: center;\n  width: 50vw;\n  border: $spacing-01 solid var(--omrs-color-brand-orange);\n  height: calc($spacing-08 - 0.25rem);\n  margin-right: $spacing-01;\n}\n\n// tablet mode styling\n:global(.omrs-breakpoint-lt-desktop) .searchArea {\n  display: flex;\n  justify-content: center;\n  flex-direction: row;\n  align-items: center;\n  width: 100vw;\n  border: $spacing-01 solid var(--omrs-color-brand-orange);\n  margin-right: $spacing-01;\n  position: fixed;\n  top: $spacing-09;\n  right: 0;\n  left: 0;\n}\n\n.searchIconButton {\n  background-color: var(--brand-01);\n}\n\n.activeSearchIconButton {\n  background-color: var(--brand-02);\n}\n\n.closeButton {\n  background-color: var(--brand-02);\n}\n\n.searchButton {\n  background-color: $inverse-02;\n}\n',"// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2019\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$carbon--spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-12: 6rem !default;\n\n/// @type List\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing: (\n  $carbon--spacing-01,\n  $carbon--spacing-02,\n  $carbon--spacing-03,\n  $carbon--spacing-04,\n  $carbon--spacing-05,\n  $carbon--spacing-06,\n  $carbon--spacing-07,\n  $carbon--spacing-08,\n  $carbon--spacing-09,\n  $carbon--spacing-10,\n  $carbon--spacing-11,\n  $carbon--spacing-12\n);\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-01\n$spacing-01: $carbon--spacing-01 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-02\n$spacing-02: $carbon--spacing-02 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-03\n$spacing-03: $carbon--spacing-03 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-04\n$spacing-04: $carbon--spacing-04 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-05\n$spacing-05: $carbon--spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-06\n$spacing-06: $carbon--spacing-06 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-07\n$spacing-07: $carbon--spacing-07 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-08\n$spacing-08: $carbon--spacing-08 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-09\n$spacing-09: $carbon--spacing-09 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-10\n$spacing-10: $carbon--spacing-10 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-11\n$spacing-11: $carbon--spacing-11 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-12\n$spacing-12: $carbon--spacing-12 !default;\n"],sourceRoot:""}]),o.locals={patientSearchIconWrapper:"-esm-patient-search__patient-search-icon-component__patientSearchIconWrapper___XUHQj",patientSearchInput:"-esm-patient-search__patient-search-icon-component__patientSearchInput___qP3gk",searchArea:"-esm-patient-search__patient-search-icon-component__searchArea___3jb+e",searchIconButton:"-esm-patient-search__patient-search-icon-component__searchIconButton___dU-4m",activeSearchIconButton:"-esm-patient-search__patient-search-icon-component__activeSearchIconButton___c5ok4",closeButton:"-esm-patient-search__patient-search-icon-component__closeButton___-jUf7",searchButton:"-esm-patient-search__patient-search-icon-component__searchButton___H2dtS"};const p=o},3933:(e,n,t)=>{t.d(n,{Z:()=>p});var a=t(1799),i=t.n(a),r=t(2609),o=t.n(r)()(i());o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-patient-search__patient-search-result__patientChart___ionaj{text-decoration:none}.omrs-breakpoint-gt-tablet .-esm-patient-search__patient-search-result__patientChart___ionaj{background-color:#fff;margin:0rem 1rem}.-esm-patient-search__patient-search-result__container___tJtiv{border-bottom:.063rem solid #e0e0e0}.omrs-breakpoint-gt-tablet .-esm-patient-search__patient-search-result__container___tJtiv{padding:1rem 1rem}.-esm-patient-search__patient-search-result__patientBanner___YHCn5{display:flex}.-esm-patient-search__patient-search-result__patientName___1vxuC{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0;color:#161616}.-esm-patient-search__patient-search-result__patientAvatar___4BS7w{width:5rem;height:5rem;margin:1rem 1rem 1rem 0;border-radius:1px}.-esm-patient-search__patient-search-result__patientInfo___adBpp{width:100%;display:flex;flex-flow:column wrap;margin:1rem 0;cursor:pointer}.-esm-patient-search__patient-search-result__demographics___COGfu{font-size:1rem;font-weight:400;line-height:1.375;letter-spacing:0;color:#525252;margin:.3rem 0}.-esm-patient-search__patient-search-result__identifiers___ndFlU{font-size:1rem;font-weight:400;line-height:1.375;letter-spacing:0;color:#8d8d8d}.-esm-patient-search__patient-search-result__actionsContainer___PmH03{padding-top:.5rem;margin-top:1rem}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/patient-search-result/patient-search-result.scss","webpack://./../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss","webpack://./../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss"],names:[],mappings:"AAyCA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCzCF,kEACE,oBAAA,CAEF,6FACE,qBDNM,CCON,gBAAA,CAGF,+DACE,mCAAA,CAGF,0FACE,iBAAA,CAGF,mEACE,YAAA,CAGF,iECwfI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CD3qBxB,aEyBU,CFtBZ,mEACE,UAAA,CACA,WAAA,CACA,uBAAA,CACA,iBAAA,CAGF,iEACE,UAAA,CACA,YAAA,CACA,qBAAA,CACA,aAAA,CACA,cAAA,CAGF,kECoeI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDvpBxB,aDxCQ,CCyCR,cAAA,CAGF,iEC8dI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDjpBxB,aDhDM,CCmDR,sEACE,iBAAA,CACA,eAAA",sourcesContent:["$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@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}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1200px;\n$breakpoint-desktop-min: 1201px;\n$breakpoint-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",'@import "carbon-components/scss/globals/scss/typography.scss";\n@import "~@openmrs/esm-styleguide/src/vars";\n\n.patientChart {\n  text-decoration: none;\n}\n:global(.omrs-breakpoint-gt-tablet) .patientChart {\n  background-color: $ui-02;\n  margin: 0rem 1rem;\n}\n\n.container {\n  border-bottom: 0.063rem solid $ui-03;\n}\n\n:global(.omrs-breakpoint-gt-tablet) .container {\n  padding: 1rem 1rem;\n}\n\n.patientBanner {\n  display: flex;\n}\n\n.patientName {\n  @include carbon--type-style("productive-heading-03");\n  color: $text-01;\n}\n\n.patientAvatar {\n  width: 5rem;\n  height: 5rem;\n  margin: 1rem 1rem 1rem 0;\n  border-radius: 1px;\n}\n\n.patientInfo {\n  width: 100%;\n  display: flex;\n  flex-flow: column wrap;\n  margin: 1rem 0;\n  cursor: pointer;\n}\n\n.demographics {\n  @include carbon--type-style("body-short-02");\n  color: $text-02;\n  margin: 0.3rem 0;\n}\n\n.identifiers {\n  @include carbon--type-style("body-short-02");\n  color: $ui-04;\n}\n\n.actionsContainer {\n  padding-top: 0.5rem;\n  margin-top: 1rem;\n}',"//\n// Copyright IBM Corp. 2018, 2018\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@import '../layout/breakpoint';\n@import 'font-family';\n@import 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$caption-01: (\n  font-size: carbon--type-scale(1),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n  font-size: carbon--type-scale(1),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$helper-text-01: (\n  font-size: carbon--type-scale(1),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.43,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n  font-size: carbon--type-scale(3),\n  font-weight: carbon--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-long-02: (\n  font-size: carbon--type-scale(3),\n  font-weight: carbon--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$code-01: (\n  font-family: carbon--font-family('mono'),\n  font-size: carbon--type-scale(1),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n  font-family: carbon--font-family('mono'),\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.43,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.29,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n  font-size: carbon--type-scale(3),\n  font-weight: carbon--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$productive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n  font-size: carbon--type-scale(5),\n  font-weight: carbon--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$productive-heading-04: (\n  font-size: carbon--type-scale(7),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--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$productive-heading-06: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--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$productive-heading-07: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--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$expressive-heading-01: map-merge(\n  $heading-01,\n  (\n    line-height: 1.25,\n  )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: map-merge(\n  $heading-02,\n  (\n    line-height: 1.5,\n  )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n  font-size: carbon--type-scale(5),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: carbon--type-scale(5),\n      line-height: 1.25,\n    ),\n    max: (\n      font-size: carbon--type-scale(6),\n      line-height: 1.334,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n  font-size: carbon--type-scale(7),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: carbon--type-scale(7),\n      line-height: 1.25,\n    ),\n    max: (\n      font-size: carbon--type-scale(8),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(9),\n      font-weight: carbon--font-weight('light'),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: carbon--type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: carbon--type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n  font-size: carbon--type-scale(6),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.334,\n  letter-spacing: 0,\n  breakpoints: (\n    lg: (\n      font-size: carbon--type-scale(7),\n      line-height: 1.29,\n    ),\n    max: (\n      font-size: carbon--type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n  font-size: carbon--type-scale(5),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.3,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(5),\n    ),\n    lg: (\n      font-size: carbon--type-scale(6),\n      line-height: 1.334,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(7),\n      line-height: 1.29,\n    ),\n    max: (\n      font-size: carbon--type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: carbon--type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(10),\n    ),\n    lg: (\n      font-size: carbon--type-scale(12),\n    ),\n    xlg: (\n      font-size: carbon--type-scale(13),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(10),\n    ),\n    lg: (\n      font-size: carbon--type-scale(12),\n    ),\n    xlg: (\n      font-size: carbon--type-scale(13),\n      line-height: 1.16,\n    ),\n    max: (\n      font-size: carbon--type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: carbon--type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: carbon--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$display-04: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: carbon--type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: carbon--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$tokens: (\n  caption-01: $caption-01,\n  label-01: $label-01,\n  helper-text-01: $helper-text-01,\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);\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 $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 [$carbon--grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: $carbon--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 carbon--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 [$carbon--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: $carbon--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: carbon--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: carbon--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$custom-property-prefix: 'cds' !default;\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 [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin carbon--type-style(\n  $name,\n  $fluid: false,\n  $breakpoints: $carbon--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    @if global-variable-exists('feature-flags') and\n      map-get($feature-flags, 'enable-css-custom-properties')\n    {\n      @include custom-properties($name, $token);\n    } @else {\n      // Otherwise, we just include all the property declarations directly on the\n      // selector\n      @include properties(map-remove($token, 'breakpoints'));\n    }\n  }\n}\n","// Code generated by @carbon/themes. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2019\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@import './themes';\n\n/// Define theme variables from a map of tokens\n/// @access public\n/// @param {Map} $theme [$carbon--theme] - Map of theme tokens\n/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens\n/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.\n///\n/// @example scss\n///   // Default usage\n///   @include carbon--theme();\n///\n///   // Alternate styling (not white theme)\n///   @include carbon--theme($carbon--theme--g90) {\n///     // declarations...\n///   }\n///\n///   // Inline styling\n///   @include carbon--theme($carbon--theme--g90) {\n///     .my-dark-theme {\n///       // declarations...\n///     }\n///   }\n///\n/// @group @carbon/themes\n@mixin carbon--theme(\n  $theme: $carbon--theme,\n  $emit-custom-properties: false,\n  $emit-difference: false\n) {\n  $parent-carbon-theme: $carbon--theme;\n  $carbon--theme: $theme !global;\n  $interactive-01: map-get($theme, 'interactive-01') !global;\n  $interactive-02: map-get($theme, 'interactive-02') !global;\n  $interactive-03: map-get($theme, 'interactive-03') !global;\n  $interactive-04: map-get($theme, 'interactive-04') !global;\n  $ui-background: map-get($theme, 'ui-background') !global;\n  $ui-01: map-get($theme, 'ui-01') !global;\n  $ui-02: map-get($theme, 'ui-02') !global;\n  $ui-03: map-get($theme, 'ui-03') !global;\n  $ui-04: map-get($theme, 'ui-04') !global;\n  $ui-05: map-get($theme, 'ui-05') !global;\n  $text-01: map-get($theme, 'text-01') !global;\n  $text-02: map-get($theme, 'text-02') !global;\n  $text-03: map-get($theme, 'text-03') !global;\n  $text-04: map-get($theme, 'text-04') !global;\n  $text-05: map-get($theme, 'text-05') !global;\n  $text-error: map-get($theme, 'text-error') !global;\n  $icon-01: map-get($theme, 'icon-01') !global;\n  $icon-02: map-get($theme, 'icon-02') !global;\n  $icon-03: map-get($theme, 'icon-03') !global;\n  $link-01: map-get($theme, 'link-01') !global;\n  $link-02: map-get($theme, 'link-02') !global;\n  $inverse-link: map-get($theme, 'inverse-link') !global;\n  $field-01: map-get($theme, 'field-01') !global;\n  $field-02: map-get($theme, 'field-02') !global;\n  $inverse-01: map-get($theme, 'inverse-01') !global;\n  $inverse-02: map-get($theme, 'inverse-02') !global;\n  $support-01: map-get($theme, 'support-01') !global;\n  $support-02: map-get($theme, 'support-02') !global;\n  $support-03: map-get($theme, 'support-03') !global;\n  $support-04: map-get($theme, 'support-04') !global;\n  $inverse-support-01: map-get($theme, 'inverse-support-01') !global;\n  $inverse-support-02: map-get($theme, 'inverse-support-02') !global;\n  $inverse-support-03: map-get($theme, 'inverse-support-03') !global;\n  $inverse-support-04: map-get($theme, 'inverse-support-04') !global;\n  $overlay-01: map-get($theme, 'overlay-01') !global;\n  $danger-01: map-get($theme, 'danger-01') !global;\n  $danger-02: map-get($theme, 'danger-02') !global;\n  $focus: map-get($theme, 'focus') !global;\n  $inverse-focus-ui: map-get($theme, 'inverse-focus-ui') !global;\n  $hover-primary: map-get($theme, 'hover-primary') !global;\n  $active-primary: map-get($theme, 'active-primary') !global;\n  $hover-primary-text: map-get($theme, 'hover-primary-text') !global;\n  $hover-secondary: map-get($theme, 'hover-secondary') !global;\n  $active-secondary: map-get($theme, 'active-secondary') !global;\n  $hover-tertiary: map-get($theme, 'hover-tertiary') !global;\n  $active-tertiary: map-get($theme, 'active-tertiary') !global;\n  $hover-ui: map-get($theme, 'hover-ui') !global;\n  $hover-light-ui: map-get($theme, 'hover-light-ui') !global;\n  $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;\n  $active-ui: map-get($theme, 'active-ui') !global;\n  $active-light-ui: map-get($theme, 'active-light-ui') !global;\n  $selected-ui: map-get($theme, 'selected-ui') !global;\n  $selected-light-ui: map-get($theme, 'selected-light-ui') !global;\n  $inverse-hover-ui: map-get($theme, 'inverse-hover-ui') !global;\n  $hover-danger: map-get($theme, 'hover-danger') !global;\n  $active-danger: map-get($theme, 'active-danger') !global;\n  $hover-row: map-get($theme, 'hover-row') !global;\n  $visited-link: map-get($theme, 'visited-link') !global;\n  $disabled-01: map-get($theme, 'disabled-01') !global;\n  $disabled-02: map-get($theme, 'disabled-02') !global;\n  $disabled-03: map-get($theme, 'disabled-03') !global;\n  $highlight: map-get($theme, 'highlight') !global;\n  $decorative-01: map-get($theme, 'decorative-01') !global;\n  $button-separator: map-get($theme, 'button-separator') !global;\n  $skeleton-01: map-get($theme, 'skeleton-01') !global;\n  $skeleton-02: map-get($theme, 'skeleton-02') !global;\n  $brand-01: map-get($theme, 'brand-01') !global;\n  $brand-02: map-get($theme, 'brand-02') !global;\n  $brand-03: map-get($theme, 'brand-03') !global;\n  $active-01: map-get($theme, 'active-01') !global;\n  $hover-field: map-get($theme, 'hover-field') !global;\n  $danger: map-get($theme, 'danger') !global;\n  $caption-01: map-get($theme, 'caption-01') !global;\n  $label-01: map-get($theme, 'label-01') !global;\n  $helper-text-01: map-get($theme, 'helper-text-01') !global;\n  $body-short-01: map-get($theme, 'body-short-01') !global;\n  $body-long-01: map-get($theme, 'body-long-01') !global;\n  $body-short-02: map-get($theme, 'body-short-02') !global;\n  $body-long-02: map-get($theme, 'body-long-02') !global;\n  $code-01: map-get($theme, 'code-01') !global;\n  $code-02: map-get($theme, 'code-02') !global;\n  $heading-01: map-get($theme, 'heading-01') !global;\n  $productive-heading-01: map-get($theme, 'productive-heading-01') !global;\n  $heading-02: map-get($theme, 'heading-02') !global;\n  $productive-heading-02: map-get($theme, 'productive-heading-02') !global;\n  $productive-heading-03: map-get($theme, 'productive-heading-03') !global;\n  $productive-heading-04: map-get($theme, 'productive-heading-04') !global;\n  $productive-heading-05: map-get($theme, 'productive-heading-05') !global;\n  $productive-heading-06: map-get($theme, 'productive-heading-06') !global;\n  $productive-heading-07: map-get($theme, 'productive-heading-07') !global;\n  $expressive-heading-01: map-get($theme, 'expressive-heading-01') !global;\n  $expressive-heading-02: map-get($theme, 'expressive-heading-02') !global;\n  $expressive-heading-03: map-get($theme, 'expressive-heading-03') !global;\n  $expressive-heading-04: map-get($theme, 'expressive-heading-04') !global;\n  $expressive-heading-05: map-get($theme, 'expressive-heading-05') !global;\n  $expressive-heading-06: map-get($theme, 'expressive-heading-06') !global;\n  $expressive-paragraph-01: map-get($theme, 'expressive-paragraph-01') !global;\n  $quotation-01: map-get($theme, 'quotation-01') !global;\n  $quotation-02: map-get($theme, 'quotation-02') !global;\n  $display-01: map-get($theme, 'display-01') !global;\n  $display-02: map-get($theme, 'display-02') !global;\n  $display-03: map-get($theme, 'display-03') !global;\n  $display-04: map-get($theme, 'display-04') !global;\n  $spacing-01: map-get($theme, 'spacing-01') !global;\n  $spacing-02: map-get($theme, 'spacing-02') !global;\n  $spacing-03: map-get($theme, 'spacing-03') !global;\n  $spacing-04: map-get($theme, 'spacing-04') !global;\n  $spacing-05: map-get($theme, 'spacing-05') !global;\n  $spacing-06: map-get($theme, 'spacing-06') !global;\n  $spacing-07: map-get($theme, 'spacing-07') !global;\n  $spacing-08: map-get($theme, 'spacing-08') !global;\n  $spacing-09: map-get($theme, 'spacing-09') !global;\n  $spacing-10: map-get($theme, 'spacing-10') !global;\n  $spacing-11: map-get($theme, 'spacing-11') !global;\n  $spacing-12: map-get($theme, 'spacing-12') !global;\n  $fluid-spacing-01: map-get($theme, 'fluid-spacing-01') !global;\n  $fluid-spacing-02: map-get($theme, 'fluid-spacing-02') !global;\n  $fluid-spacing-03: map-get($theme, 'fluid-spacing-03') !global;\n  $fluid-spacing-04: map-get($theme, 'fluid-spacing-04') !global;\n  $layout-01: map-get($theme, 'layout-01') !global;\n  $layout-02: map-get($theme, 'layout-02') !global;\n  $layout-03: map-get($theme, 'layout-03') !global;\n  $layout-04: map-get($theme, 'layout-04') !global;\n  $layout-05: map-get($theme, 'layout-05') !global;\n  $layout-06: map-get($theme, 'layout-06') !global;\n  $layout-07: map-get($theme, 'layout-07') !global;\n  $container-01: map-get($theme, 'container-01') !global;\n  $container-02: map-get($theme, 'container-02') !global;\n  $container-03: map-get($theme, 'container-03') !global;\n  $container-04: map-get($theme, 'container-04') !global;\n  $container-05: map-get($theme, 'container-05') !global;\n  $icon-size-01: map-get($theme, 'icon-size-01') !global;\n  $icon-size-02: map-get($theme, 'icon-size-02') !global;\n\n  @if global-variable-exists('feature-flags') and\n    map-get($feature-flags, 'enable-css-custom-properties')\n  {\n    $interactive-01: var(\n      --#{$custom-property-prefix}-interactive-01,\n      map-get($theme, 'interactive-01')\n    ) !global;\n    $interactive-02: var(\n      --#{$custom-property-prefix}-interactive-02,\n      map-get($theme, 'interactive-02')\n    ) !global;\n    $interactive-03: var(\n      --#{$custom-property-prefix}-interactive-03,\n      map-get($theme, 'interactive-03')\n    ) !global;\n    $interactive-04: var(\n      --#{$custom-property-prefix}-interactive-04,\n      map-get($theme, 'interactive-04')\n    ) !global;\n    $ui-background: var(\n      --#{$custom-property-prefix}-ui-background,\n      map-get($theme, 'ui-background')\n    ) !global;\n    $ui-01: var(\n      --#{$custom-property-prefix}-ui-01,\n      map-get($theme, 'ui-01')\n    ) !global;\n    $ui-02: var(\n      --#{$custom-property-prefix}-ui-02,\n      map-get($theme, 'ui-02')\n    ) !global;\n    $ui-03: var(\n      --#{$custom-property-prefix}-ui-03,\n      map-get($theme, 'ui-03')\n    ) !global;\n    $ui-04: var(\n      --#{$custom-property-prefix}-ui-04,\n      map-get($theme, 'ui-04')\n    ) !global;\n    $ui-05: var(\n      --#{$custom-property-prefix}-ui-05,\n      map-get($theme, 'ui-05')\n    ) !global;\n    $text-01: var(\n      --#{$custom-property-prefix}-text-01,\n      map-get($theme, 'text-01')\n    ) !global;\n    $text-02: var(\n      --#{$custom-property-prefix}-text-02,\n      map-get($theme, 'text-02')\n    ) !global;\n    $text-03: var(\n      --#{$custom-property-prefix}-text-03,\n      map-get($theme, 'text-03')\n    ) !global;\n    $text-04: var(\n      --#{$custom-property-prefix}-text-04,\n      map-get($theme, 'text-04')\n    ) !global;\n    $text-05: var(\n      --#{$custom-property-prefix}-text-05,\n      map-get($theme, 'text-05')\n    ) !global;\n    $text-error: var(\n      --#{$custom-property-prefix}-text-error,\n      map-get($theme, 'text-error')\n    ) !global;\n    $icon-01: var(\n      --#{$custom-property-prefix}-icon-01,\n      map-get($theme, 'icon-01')\n    ) !global;\n    $icon-02: var(\n      --#{$custom-property-prefix}-icon-02,\n      map-get($theme, 'icon-02')\n    ) !global;\n    $icon-03: var(\n      --#{$custom-property-prefix}-icon-03,\n      map-get($theme, 'icon-03')\n    ) !global;\n    $link-01: var(\n      --#{$custom-property-prefix}-link-01,\n      map-get($theme, 'link-01')\n    ) !global;\n    $link-02: var(\n      --#{$custom-property-prefix}-link-02,\n      map-get($theme, 'link-02')\n    ) !global;\n    $inverse-link: var(\n      --#{$custom-property-prefix}-inverse-link,\n      map-get($theme, 'inverse-link')\n    ) !global;\n    $field-01: var(\n      --#{$custom-property-prefix}-field-01,\n      map-get($theme, 'field-01')\n    ) !global;\n    $field-02: var(\n      --#{$custom-property-prefix}-field-02,\n      map-get($theme, 'field-02')\n    ) !global;\n    $inverse-01: var(\n      --#{$custom-property-prefix}-inverse-01,\n      map-get($theme, 'inverse-01')\n    ) !global;\n    $inverse-02: var(\n      --#{$custom-property-prefix}-inverse-02,\n      map-get($theme, 'inverse-02')\n    ) !global;\n    $support-01: var(\n      --#{$custom-property-prefix}-support-01,\n      map-get($theme, 'support-01')\n    ) !global;\n    $support-02: var(\n      --#{$custom-property-prefix}-support-02,\n      map-get($theme, 'support-02')\n    ) !global;\n    $support-03: var(\n      --#{$custom-property-prefix}-support-03,\n      map-get($theme, 'support-03')\n    ) !global;\n    $support-04: var(\n      --#{$custom-property-prefix}-support-04,\n      map-get($theme, 'support-04')\n    ) !global;\n    $inverse-support-01: var(\n      --#{$custom-property-prefix}-inverse-support-01,\n      map-get($theme, 'inverse-support-01')\n    ) !global;\n    $inverse-support-02: var(\n      --#{$custom-property-prefix}-inverse-support-02,\n      map-get($theme, 'inverse-support-02')\n    ) !global;\n    $inverse-support-03: var(\n      --#{$custom-property-prefix}-inverse-support-03,\n      map-get($theme, 'inverse-support-03')\n    ) !global;\n    $inverse-support-04: var(\n      --#{$custom-property-prefix}-inverse-support-04,\n      map-get($theme, 'inverse-support-04')\n    ) !global;\n    $overlay-01: var(\n      --#{$custom-property-prefix}-overlay-01,\n      map-get($theme, 'overlay-01')\n    ) !global;\n    $danger-01: var(\n      --#{$custom-property-prefix}-danger-01,\n      map-get($theme, 'danger-01')\n    ) !global;\n    $danger-02: var(\n      --#{$custom-property-prefix}-danger-02,\n      map-get($theme, 'danger-02')\n    ) !global;\n    $focus: var(\n      --#{$custom-property-prefix}-focus,\n      map-get($theme, 'focus')\n    ) !global;\n    $inverse-focus-ui: var(\n      --#{$custom-property-prefix}-inverse-focus-ui,\n      map-get($theme, 'inverse-focus-ui')\n    ) !global;\n    $hover-primary: var(\n      --#{$custom-property-prefix}-hover-primary,\n      map-get($theme, 'hover-primary')\n    ) !global;\n    $active-primary: var(\n      --#{$custom-property-prefix}-active-primary,\n      map-get($theme, 'active-primary')\n    ) !global;\n    $hover-primary-text: var(\n      --#{$custom-property-prefix}-hover-primary-text,\n      map-get($theme, 'hover-primary-text')\n    ) !global;\n    $hover-secondary: var(\n      --#{$custom-property-prefix}-hover-secondary,\n      map-get($theme, 'hover-secondary')\n    ) !global;\n    $active-secondary: var(\n      --#{$custom-property-prefix}-active-secondary,\n      map-get($theme, 'active-secondary')\n    ) !global;\n    $hover-tertiary: var(\n      --#{$custom-property-prefix}-hover-tertiary,\n      map-get($theme, 'hover-tertiary')\n    ) !global;\n    $active-tertiary: var(\n      --#{$custom-property-prefix}-active-tertiary,\n      map-get($theme, 'active-tertiary')\n    ) !global;\n    $hover-ui: var(\n      --#{$custom-property-prefix}-hover-ui,\n      map-get($theme, 'hover-ui')\n    ) !global;\n    $hover-light-ui: var(\n      --#{$custom-property-prefix}-hover-light-ui,\n      map-get($theme, 'hover-light-ui')\n    ) !global;\n    $hover-selected-ui: var(\n      --#{$custom-property-prefix}-hover-selected-ui,\n      map-get($theme, 'hover-selected-ui')\n    ) !global;\n    $active-ui: var(\n      --#{$custom-property-prefix}-active-ui,\n      map-get($theme, 'active-ui')\n    ) !global;\n    $active-light-ui: var(\n      --#{$custom-property-prefix}-active-light-ui,\n      map-get($theme, 'active-light-ui')\n    ) !global;\n    $selected-ui: var(\n      --#{$custom-property-prefix}-selected-ui,\n      map-get($theme, 'selected-ui')\n    ) !global;\n    $selected-light-ui: var(\n      --#{$custom-property-prefix}-selected-light-ui,\n      map-get($theme, 'selected-light-ui')\n    ) !global;\n    $inverse-hover-ui: var(\n      --#{$custom-property-prefix}-inverse-hover-ui,\n      map-get($theme, 'inverse-hover-ui')\n    ) !global;\n    $hover-danger: var(\n      --#{$custom-property-prefix}-hover-danger,\n      map-get($theme, 'hover-danger')\n    ) !global;\n    $active-danger: var(\n      --#{$custom-property-prefix}-active-danger,\n      map-get($theme, 'active-danger')\n    ) !global;\n    $hover-row: var(\n      --#{$custom-property-prefix}-hover-row,\n      map-get($theme, 'hover-row')\n    ) !global;\n    $visited-link: var(\n      --#{$custom-property-prefix}-visited-link,\n      map-get($theme, 'visited-link')\n    ) !global;\n    $disabled-01: var(\n      --#{$custom-property-prefix}-disabled-01,\n      map-get($theme, 'disabled-01')\n    ) !global;\n    $disabled-02: var(\n      --#{$custom-property-prefix}-disabled-02,\n      map-get($theme, 'disabled-02')\n    ) !global;\n    $disabled-03: var(\n      --#{$custom-property-prefix}-disabled-03,\n      map-get($theme, 'disabled-03')\n    ) !global;\n    $highlight: var(\n      --#{$custom-property-prefix}-highlight,\n      map-get($theme, 'highlight')\n    ) !global;\n    $decorative-01: var(\n      --#{$custom-property-prefix}-decorative-01,\n      map-get($theme, 'decorative-01')\n    ) !global;\n    $button-separator: var(\n      --#{$custom-property-prefix}-button-separator,\n      map-get($theme, 'button-separator')\n    ) !global;\n    $skeleton-01: var(\n      --#{$custom-property-prefix}-skeleton-01,\n      map-get($theme, 'skeleton-01')\n    ) !global;\n    $skeleton-02: var(\n      --#{$custom-property-prefix}-skeleton-02,\n      map-get($theme, 'skeleton-02')\n    ) !global;\n    $brand-01: var(\n      --#{$custom-property-prefix}-brand-01,\n      map-get($theme, 'brand-01')\n    ) !global;\n    $brand-02: var(\n      --#{$custom-property-prefix}-brand-02,\n      map-get($theme, 'brand-02')\n    ) !global;\n    $brand-03: var(\n      --#{$custom-property-prefix}-brand-03,\n      map-get($theme, 'brand-03')\n    ) !global;\n    $active-01: var(\n      --#{$custom-property-prefix}-active-01,\n      map-get($theme, 'active-01')\n    ) !global;\n    $hover-field: var(\n      --#{$custom-property-prefix}-hover-field,\n      map-get($theme, 'hover-field')\n    ) !global;\n    $danger: var(\n      --#{$custom-property-prefix}-danger,\n      map-get($theme, 'danger')\n    ) !global;\n    $spacing-01: var(\n      --#{$custom-property-prefix}-spacing-01,\n      map-get($theme, 'spacing-01')\n    ) !global;\n    $spacing-02: var(\n      --#{$custom-property-prefix}-spacing-02,\n      map-get($theme, 'spacing-02')\n    ) !global;\n    $spacing-03: var(\n      --#{$custom-property-prefix}-spacing-03,\n      map-get($theme, 'spacing-03')\n    ) !global;\n    $spacing-04: var(\n      --#{$custom-property-prefix}-spacing-04,\n      map-get($theme, 'spacing-04')\n    ) !global;\n    $spacing-05: var(\n      --#{$custom-property-prefix}-spacing-05,\n      map-get($theme, 'spacing-05')\n    ) !global;\n    $spacing-06: var(\n      --#{$custom-property-prefix}-spacing-06,\n      map-get($theme, 'spacing-06')\n    ) !global;\n    $spacing-07: var(\n      --#{$custom-property-prefix}-spacing-07,\n      map-get($theme, 'spacing-07')\n    ) !global;\n    $spacing-08: var(\n      --#{$custom-property-prefix}-spacing-08,\n      map-get($theme, 'spacing-08')\n    ) !global;\n    $spacing-09: var(\n      --#{$custom-property-prefix}-spacing-09,\n      map-get($theme, 'spacing-09')\n    ) !global;\n    $spacing-10: var(\n      --#{$custom-property-prefix}-spacing-10,\n      map-get($theme, 'spacing-10')\n    ) !global;\n    $spacing-11: var(\n      --#{$custom-property-prefix}-spacing-11,\n      map-get($theme, 'spacing-11')\n    ) !global;\n    $spacing-12: var(\n      --#{$custom-property-prefix}-spacing-12,\n      map-get($theme, 'spacing-12')\n    ) !global;\n    $fluid-spacing-01: var(\n      --#{$custom-property-prefix}-fluid-spacing-01,\n      map-get($theme, 'fluid-spacing-01')\n    ) !global;\n    $fluid-spacing-02: var(\n      --#{$custom-property-prefix}-fluid-spacing-02,\n      map-get($theme, 'fluid-spacing-02')\n    ) !global;\n    $fluid-spacing-03: var(\n      --#{$custom-property-prefix}-fluid-spacing-03,\n      map-get($theme, 'fluid-spacing-03')\n    ) !global;\n    $fluid-spacing-04: var(\n      --#{$custom-property-prefix}-fluid-spacing-04,\n      map-get($theme, 'fluid-spacing-04')\n    ) !global;\n    $layout-01: var(\n      --#{$custom-property-prefix}-layout-01,\n      map-get($theme, 'layout-01')\n    ) !global;\n    $layout-02: var(\n      --#{$custom-property-prefix}-layout-02,\n      map-get($theme, 'layout-02')\n    ) !global;\n    $layout-03: var(\n      --#{$custom-property-prefix}-layout-03,\n      map-get($theme, 'layout-03')\n    ) !global;\n    $layout-04: var(\n      --#{$custom-property-prefix}-layout-04,\n      map-get($theme, 'layout-04')\n    ) !global;\n    $layout-05: var(\n      --#{$custom-property-prefix}-layout-05,\n      map-get($theme, 'layout-05')\n    ) !global;\n    $layout-06: var(\n      --#{$custom-property-prefix}-layout-06,\n      map-get($theme, 'layout-06')\n    ) !global;\n    $layout-07: var(\n      --#{$custom-property-prefix}-layout-07,\n      map-get($theme, 'layout-07')\n    ) !global;\n    $container-01: var(\n      --#{$custom-property-prefix}-container-01,\n      map-get($theme, 'container-01')\n    ) !global;\n    $container-02: var(\n      --#{$custom-property-prefix}-container-02,\n      map-get($theme, 'container-02')\n    ) !global;\n    $container-03: var(\n      --#{$custom-property-prefix}-container-03,\n      map-get($theme, 'container-03')\n    ) !global;\n    $container-04: var(\n      --#{$custom-property-prefix}-container-04,\n      map-get($theme, 'container-04')\n    ) !global;\n    $container-05: var(\n      --#{$custom-property-prefix}-container-05,\n      map-get($theme, 'container-05')\n    ) !global;\n    $icon-size-01: var(\n      --#{$custom-property-prefix}-icon-size-01,\n      map-get($theme, 'icon-size-01')\n    ) !global;\n    $icon-size-02: var(\n      --#{$custom-property-prefix}-icon-size-02,\n      map-get($theme, 'icon-size-02')\n    ) !global;\n  }\n  @if $emit-custom-properties == true {\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-01',\n        map-get($theme, 'interactive-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-02',\n        map-get($theme, 'interactive-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-03',\n        map-get($theme, 'interactive-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-04',\n        map-get($theme, 'interactive-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'ui-background',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'ui-background',\n        map-get($theme, 'ui-background')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-01', $emit-difference) {\n      @include custom-property('ui-01', map-get($theme, 'ui-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-02', $emit-difference) {\n      @include custom-property('ui-02', map-get($theme, 'ui-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-03', $emit-difference) {\n      @include custom-property('ui-03', map-get($theme, 'ui-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-04', $emit-difference) {\n      @include custom-property('ui-04', map-get($theme, 'ui-04'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-05', $emit-difference) {\n      @include custom-property('ui-05', map-get($theme, 'ui-05'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-01', $emit-difference) {\n      @include custom-property('text-01', map-get($theme, 'text-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-02', $emit-difference) {\n      @include custom-property('text-02', map-get($theme, 'text-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-03', $emit-difference) {\n      @include custom-property('text-03', map-get($theme, 'text-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-04', $emit-difference) {\n      @include custom-property('text-04', map-get($theme, 'text-04'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-05', $emit-difference) {\n      @include custom-property('text-05', map-get($theme, 'text-05'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'text-error',\n      $emit-difference\n    )\n    {\n      @include custom-property('text-error', map-get($theme, 'text-error'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'icon-01', $emit-difference) {\n      @include custom-property('icon-01', map-get($theme, 'icon-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'icon-02', $emit-difference) {\n      @include custom-property('icon-02', map-get($theme, 'icon-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'icon-03', $emit-difference) {\n      @include custom-property('icon-03', map-get($theme, 'icon-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'link-01', $emit-difference) {\n      @include custom-property('link-01', map-get($theme, 'link-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'link-02', $emit-difference) {\n      @include custom-property('link-02', map-get($theme, 'link-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-link',\n      $emit-difference\n    )\n    {\n      @include custom-property('inverse-link', map-get($theme, 'inverse-link'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'field-01', $emit-difference)\n    {\n      @include custom-property('field-01', map-get($theme, 'field-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'field-02', $emit-difference)\n    {\n      @include custom-property('field-02', map-get($theme, 'field-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('inverse-01', map-get($theme, 'inverse-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('inverse-02', map-get($theme, 'inverse-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-01', map-get($theme, 'support-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-02', map-get($theme, 'support-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-03', map-get($theme, 'support-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-04', map-get($theme, 'support-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-01',\n        map-get($theme, 'inverse-support-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-02',\n        map-get($theme, 'inverse-support-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-03',\n        map-get($theme, 'inverse-support-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-04',\n        map-get($theme, 'inverse-support-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'overlay-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('overlay-01', map-get($theme, 'overlay-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'danger-01', $emit-difference)\n    {\n      @include custom-property('danger-01', map-get($theme, 'danger-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'danger-02', $emit-difference)\n    {\n      @include custom-property('danger-02', map-get($theme, 'danger-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'focus', $emit-difference) {\n      @include custom-property('focus', map-get($theme, 'focus'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-focus-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-focus-ui',\n        map-get($theme, 'inverse-focus-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-primary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-primary',\n        map-get($theme, 'hover-primary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-primary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-primary',\n        map-get($theme, 'active-primary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-primary-text',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-primary-text',\n        map-get($theme, 'hover-primary-text')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-secondary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-secondary',\n        map-get($theme, 'hover-secondary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-secondary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-secondary',\n        map-get($theme, 'active-secondary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-tertiary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-tertiary',\n        map-get($theme, 'hover-tertiary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-tertiary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-tertiary',\n        map-get($theme, 'active-tertiary')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'hover-ui', $emit-difference)\n    {\n      @include custom-property('hover-ui', map-get($theme, 'hover-ui'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-light-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-light-ui',\n        map-get($theme, 'hover-light-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-selected-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-selected-ui',\n        map-get($theme, 'hover-selected-ui')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'active-ui', $emit-difference)\n    {\n      @include custom-property('active-ui', map-get($theme, 'active-ui'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-light-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-light-ui',\n        map-get($theme, 'active-light-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'selected-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property('selected-ui', map-get($theme, 'selected-ui'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'selected-light-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'selected-light-ui',\n        map-get($theme, 'selected-light-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-hover-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-hover-ui',\n        map-get($theme, 'inverse-hover-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-danger',\n      $emit-difference\n    )\n    {\n      @include custom-property('hover-danger', map-get($theme, 'hover-danger'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-danger',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-danger',\n        map-get($theme, 'active-danger')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'hover-row', $emit-difference)\n    {\n      @include custom-property('hover-row', map-get($theme, 'hover-row'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'visited-link',\n      $emit-difference\n    )\n    {\n      @include custom-property('visited-link', map-get($theme, 'visited-link'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'disabled-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('disabled-01', map-get($theme, 'disabled-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'disabled-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('disabled-02', map-get($theme, 'disabled-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'disabled-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('disabled-03', map-get($theme, 'disabled-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'highlight', $emit-difference)\n    {\n      @include custom-property('highlight', map-get($theme, 'highlight'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'decorative-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'decorative-01',\n        map-get($theme, 'decorative-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-separator',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-separator',\n        map-get($theme, 'button-separator')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'skeleton-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('skeleton-01', map-get($theme, 'skeleton-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'skeleton-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('skeleton-02', map-get($theme, 'skeleton-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'brand-01', $emit-difference)\n    {\n      @include custom-property('brand-01', map-get($theme, 'brand-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'brand-02', $emit-difference)\n    {\n      @include custom-property('brand-02', map-get($theme, 'brand-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'brand-03', $emit-difference)\n    {\n      @include custom-property('brand-03', map-get($theme, 'brand-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'active-01', $emit-difference)\n    {\n      @include custom-property('active-01', map-get($theme, 'active-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-field',\n      $emit-difference\n    )\n    {\n      @include custom-property('hover-field', map-get($theme, 'hover-field'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'danger', $emit-difference) {\n      @include custom-property('danger', map-get($theme, 'danger'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'caption-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('caption-01', map-get($theme, 'caption-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'label-01', $emit-difference)\n    {\n      @include custom-property('label-01', map-get($theme, 'label-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'helper-text-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'helper-text-01',\n        map-get($theme, 'helper-text-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-short-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'body-short-01',\n        map-get($theme, 'body-short-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-long-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('body-long-01', map-get($theme, 'body-long-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-short-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'body-short-02',\n        map-get($theme, 'body-short-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-long-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('body-long-02', map-get($theme, 'body-long-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'code-01', $emit-difference) {\n      @include custom-property('code-01', map-get($theme, 'code-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'code-02', $emit-difference) {\n      @include custom-property('code-02', map-get($theme, 'code-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'heading-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('heading-01', map-get($theme, 'heading-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-01',\n        map-get($theme, 'productive-heading-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'heading-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('heading-02', map-get($theme, 'heading-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-02',\n        map-get($theme, 'productive-heading-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-03',\n        map-get($theme, 'productive-heading-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-04',\n        map-get($theme, 'productive-heading-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-05',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-05',\n        map-get($theme, 'productive-heading-05')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-06',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-06',\n        map-get($theme, 'productive-heading-06')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-07',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-07',\n        map-get($theme, 'productive-heading-07')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-01',\n        map-get($theme, 'expressive-heading-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-02',\n        map-get($theme, 'expressive-heading-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-03',\n        map-get($theme, 'expressive-heading-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-04',\n        map-get($theme, 'expressive-heading-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-05',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-05',\n        map-get($theme, 'expressive-heading-05')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-06',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-06',\n        map-get($theme, 'expressive-heading-06')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-paragraph-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-paragraph-01',\n        map-get($theme, 'expressive-paragraph-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'quotation-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('quotation-01', map-get($theme, 'quotation-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'quotation-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('quotation-02', map-get($theme, 'quotation-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-01', map-get($theme, 'display-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-02', map-get($theme, 'display-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-03', map-get($theme, 'display-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-04', map-get($theme, 'display-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-01', map-get($theme, 'spacing-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-02', map-get($theme, 'spacing-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-03', map-get($theme, 'spacing-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-04', map-get($theme, 'spacing-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-05',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-05', map-get($theme, 'spacing-05'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-06',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-06', map-get($theme, 'spacing-06'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-07',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-07', map-get($theme, 'spacing-07'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-08',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-08', map-get($theme, 'spacing-08'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-09',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-09', map-get($theme, 'spacing-09'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-10',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-10', map-get($theme, 'spacing-10'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-11',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-11', map-get($theme, 'spacing-11'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-12',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-12', map-get($theme, 'spacing-12'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-01',\n        map-get($theme, 'fluid-spacing-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-02',\n        map-get($theme, 'fluid-spacing-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-03',\n        map-get($theme, 'fluid-spacing-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-04',\n        map-get($theme, 'fluid-spacing-04')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-01', $emit-difference)\n    {\n      @include custom-property('layout-01', map-get($theme, 'layout-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-02', $emit-difference)\n    {\n      @include custom-property('layout-02', map-get($theme, 'layout-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-03', $emit-difference)\n    {\n      @include custom-property('layout-03', map-get($theme, 'layout-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-04', $emit-difference)\n    {\n      @include custom-property('layout-04', map-get($theme, 'layout-04'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-05', $emit-difference)\n    {\n      @include custom-property('layout-05', map-get($theme, 'layout-05'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-06', $emit-difference)\n    {\n      @include custom-property('layout-06', map-get($theme, 'layout-06'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-07', $emit-difference)\n    {\n      @include custom-property('layout-07', map-get($theme, 'layout-07'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-01', map-get($theme, 'container-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-02', map-get($theme, 'container-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-03', map-get($theme, 'container-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-04', map-get($theme, 'container-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-05',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-05', map-get($theme, 'container-05'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'icon-size-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('icon-size-01', map-get($theme, 'icon-size-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'icon-size-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('icon-size-02', map-get($theme, 'icon-size-02'));\n    }\n  }\n\n  @content;\n\n  // Reset to default theme after apply in content\n  @if $carbon--theme != $parent-carbon-theme {\n    $carbon--theme: $parent-carbon-theme !global;\n\n    @include carbon--theme();\n  }\n}\n"],sourceRoot:""}]),o.locals={patientChart:"-esm-patient-search__patient-search-result__patientChart___ionaj",container:"-esm-patient-search__patient-search-result__container___tJtiv",patientBanner:"-esm-patient-search__patient-search-result__patientBanner___YHCn5",patientName:"-esm-patient-search__patient-search-result__patientName___1vxuC",patientAvatar:"-esm-patient-search__patient-search-result__patientAvatar___4BS7w",patientInfo:"-esm-patient-search__patient-search-result__patientInfo___adBpp",demographics:"-esm-patient-search__patient-search-result__demographics___COGfu",identifiers:"-esm-patient-search__patient-search-result__identifiers___ndFlU",actionsContainer:"-esm-patient-search__patient-search-result__actionsContainer___PmH03"};const p=o},7242:(e,n,t)=>{t.d(n,{Z:()=>p});var a=t(1799),i=t.n(a),r=t(2609),o=t.n(r)()(i());o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-patient-search__patient-search__productiveHeading01___ywcop{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-patient-search__patient-search__productiveHeading02___wbIhK{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-patient-search__patient-search__bodyLong01___gSex-{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.bx--side-nav{z-index:0}.-esm-patient-search__patient-search__searchResultsContainer___IlGHi{display:flex;justify-content:center;position:fixed;width:100vw;bottom:0;left:0;right:0;background-color:#fff;padding:0rem 1rem;overflow-y:auto}.omrs-breakpoint-lt-desktop .-esm-patient-search__patient-search__searchResultsContainer___IlGHi{top:6.25rem}.omrs-breakpoint-gt-tablet .-esm-patient-search__patient-search__searchResultsContainer___IlGHi{padding:0;background-color:var(--omrs-color-bg-low-contrast);top:3rem}.-esm-patient-search__patient-search__searchResults___G3AxH{height:100%;width:100vw}.omrs-breakpoint-gt-tablet .-esm-patient-search__patient-search__searchResults___G3AxH{width:50vw}.-esm-patient-search__patient-search__searchTerm___A0RjE{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0;color:#161616;margin-top:.375rem}.-esm-patient-search__patient-search__resultsText___9kxHF{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px;color:#525252;border-bottom:.063rem solid #e0e0e0;padding:.5rem 0rem}.omrs-breakpoint-gt-tablet .-esm-patient-search__patient-search__resultsText___9kxHF{margin:1rem}.-esm-patient-search__patient-search__helperText___rJ2-S{color:var(--omrs-color-ink-medium-contrast);margin-left:2.375rem}.-esm-patient-search__patient-search__emptyResultText___qWmDr{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px;color:#525252;margin-top:1rem;margin-bottom:.313rem}.-esm-patient-search__patient-search__actionText___UE-ia{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px;color:#525252}.-esm-patient-search__patient-search__pagination___br9c4{display:flex;justify-content:space-evenly;padding:4.688rem 0 1.5rem}.-esm-patient-search__patient-search__emptySearchResultsTile___c\\+x2R{text-align:center;margin-top:1rem;padding:3rem 0rem}.omrs-breakpoint-gt-tablet .-esm-patient-search__patient-search__emptySearchResultsTile___c\\+x2R{margin:1rem;background-color:#fff}.-esm-patient-search__patient-search__errorMessage___TlJrY{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0;color:#161616;margin-top:2.25rem;margin-bottom:.5rem}.-esm-patient-search__patient-search__errorCopy___SdJBo{margin-bottom:.5rem;font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px;color:#525252}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/root.scss","webpack://./../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss","webpack://./src/patient-search/patient-search.scss","webpack://./../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss"],names:[],mappings:"AAyCA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCzCF,kEC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,kECwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,yDCogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CCjsB1B,cACE,SAAA,CAGF,qEACE,YAAA,CACA,sBAAA,CACA,cAAA,CACA,WAAA,CACA,QAAA,CACA,MAAA,CACA,OAAA,CACA,qBC+BQ,CD9BR,iBAAA,CACA,eAAA,CAGF,iGACE,WAAA,CAGF,gGACE,SAAA,CACA,kDAAA,CACA,QC4Ha,CDzHf,4DACE,WAAA,CACA,WAAA,CAGF,uFACE,UAAA,CAGF,yDDweI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CC3pBxB,aCSU,CDRV,kBAAA,CAGF,0DDkeI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CCrpBxB,aCIU,CDHV,mCAAA,CACA,kBAAA,CAIF,qFACE,WC6Fa,CDxFf,yDACE,2CAAA,CACA,oBAAA,CAGF,8DD+cI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CCloBxB,aCfU,CDgBV,eCgFa,CD/Eb,qBAAA,CAGF,yDDwcI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CC3nBxB,aCtBU,CDyBZ,yDACE,YAAA,CACA,4BAAA,CACA,yBAAA,CAGF,sEACE,iBAAA,CACA,eC+Da,CD9Db,iBAAA,CAGF,iGACE,WC0Da,CDzDb,qBC5CQ,CD+CV,2DDkbI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CCrmBxB,aC7CU,CD8CV,kBAAA,CACA,mBCgDa,CD7Cf,wDACE,mBC4Ca,CF8XX,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CC7lBxB,aCpDU",sourcesContent:["$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@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}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1200px;\n$breakpoint-desktop-min: 1201px;\n$breakpoint-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",'@import "~@openmrs/esm-styleguide/src/vars";\n@import "carbon-components/scss/globals/scss/typography.scss";\n\n.productiveHeading01 {\n  @include carbon--type-style("productive-heading-01");\n}\n\n.productiveHeading02 {\n  @include carbon--type-style("productive-heading-02");\n}\n\n.bodyLong01 {\n  @include carbon--type-style("body-long-01");\n}\n',"//\n// Copyright IBM Corp. 2018, 2018\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@import '../layout/breakpoint';\n@import 'font-family';\n@import 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$caption-01: (\n  font-size: carbon--type-scale(1),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n  font-size: carbon--type-scale(1),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$helper-text-01: (\n  font-size: carbon--type-scale(1),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.43,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n  font-size: carbon--type-scale(3),\n  font-weight: carbon--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-long-02: (\n  font-size: carbon--type-scale(3),\n  font-weight: carbon--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$code-01: (\n  font-family: carbon--font-family('mono'),\n  font-size: carbon--type-scale(1),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n  font-family: carbon--font-family('mono'),\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.43,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.29,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n  font-size: carbon--type-scale(3),\n  font-weight: carbon--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$productive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n  font-size: carbon--type-scale(5),\n  font-weight: carbon--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$productive-heading-04: (\n  font-size: carbon--type-scale(7),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--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$productive-heading-06: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--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$productive-heading-07: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--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$expressive-heading-01: map-merge(\n  $heading-01,\n  (\n    line-height: 1.25,\n  )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: map-merge(\n  $heading-02,\n  (\n    line-height: 1.5,\n  )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n  font-size: carbon--type-scale(5),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: carbon--type-scale(5),\n      line-height: 1.25,\n    ),\n    max: (\n      font-size: carbon--type-scale(6),\n      line-height: 1.334,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n  font-size: carbon--type-scale(7),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: carbon--type-scale(7),\n      line-height: 1.25,\n    ),\n    max: (\n      font-size: carbon--type-scale(8),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(9),\n      font-weight: carbon--font-weight('light'),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: carbon--type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: carbon--type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n  font-size: carbon--type-scale(6),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.334,\n  letter-spacing: 0,\n  breakpoints: (\n    lg: (\n      font-size: carbon--type-scale(7),\n      line-height: 1.29,\n    ),\n    max: (\n      font-size: carbon--type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n  font-size: carbon--type-scale(5),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.3,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(5),\n    ),\n    lg: (\n      font-size: carbon--type-scale(6),\n      line-height: 1.334,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(7),\n      line-height: 1.29,\n    ),\n    max: (\n      font-size: carbon--type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: carbon--type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(10),\n    ),\n    lg: (\n      font-size: carbon--type-scale(12),\n    ),\n    xlg: (\n      font-size: carbon--type-scale(13),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(10),\n    ),\n    lg: (\n      font-size: carbon--type-scale(12),\n    ),\n    xlg: (\n      font-size: carbon--type-scale(13),\n      line-height: 1.16,\n    ),\n    max: (\n      font-size: carbon--type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: carbon--type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: carbon--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$display-04: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: carbon--type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: carbon--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$tokens: (\n  caption-01: $caption-01,\n  label-01: $label-01,\n  helper-text-01: $helper-text-01,\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);\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 $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 [$carbon--grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: $carbon--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 carbon--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 [$carbon--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: $carbon--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: carbon--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: carbon--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$custom-property-prefix: 'cds' !default;\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 [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin carbon--type-style(\n  $name,\n  $fluid: false,\n  $breakpoints: $carbon--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    @if global-variable-exists('feature-flags') and\n      map-get($feature-flags, 'enable-css-custom-properties')\n    {\n      @include custom-properties($name, $token);\n    } @else {\n      // Otherwise, we just include all the property declarations directly on the\n      // selector\n      @include properties(map-remove($token, 'breakpoints'));\n    }\n  }\n}\n",'@import "../root.scss";\n@import "~carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/spacing";\n\n:global(.bx--side-nav){\n  z-index: 0;\n}\n\n.searchResultsContainer {\n  display: flex;\n  justify-content: center;\n  position: fixed;\n  width: 100vw;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color:$ui-02;\n  padding: 0rem $spacing-05;\n  overflow-y: auto;\n}\n\n:global(.omrs-breakpoint-lt-desktop) .searchResultsContainer{\n  top: 6.25rem\n}\n\n:global(.omrs-breakpoint-gt-tablet) .searchResultsContainer {\n  padding: 0;\n  background-color:var(--omrs-color-bg-low-contrast);\n  top: $spacing-09;\n}\n\n.searchResults {\n  height: 100%;\n  width: 100vw;\n}\n\n:global(.omrs-breakpoint-gt-tablet) .searchResults {\n  width: 50vw;\n}\n\n.searchTerm {\n  @include carbon--type-style("productive-heading-03");\n  color: $text-01;\n  margin-top: 0.375rem;\n}\n\n.resultsText {\n  @include carbon--type-style("label-01");\n  color: $text-02;\n  border-bottom: 0.063rem solid $ui-03;\n  padding: $spacing-03 0rem;\n\n}\n\n:global(.omrs-breakpoint-gt-tablet) .resultsText {\n  margin: $spacing-05;\n}\n\n\n\n.helperText {\n  color: var(--omrs-color-ink-medium-contrast);\n  margin-left: 2.375rem;\n}\n\n.emptyResultText {\n  @include carbon--type-style("productive-heading-01");\n  color: $text-02;\n  margin-top: $spacing-05;\n  margin-bottom: 0.313rem;\n}\n\n.actionText {\n  @include carbon--type-style("body-long-01");\n  color: $text-02;\n}\n\n.pagination {\n  display: flex;\n  justify-content: space-evenly;\n  padding: 4.688rem 0 $spacing-06;\n}\n\n.emptySearchResultsTile {\n  text-align: center;\n  margin-top: $spacing-05;\n  padding: $spacing-09 0rem;\n}\n\n:global(.omrs-breakpoint-gt-tablet) .emptySearchResultsTile {\n  margin: $spacing-05;\n  background-color: $ui-02;\n}\n\n.errorMessage {\n  @include carbon--type-style("productive-heading-02");\n  color: $text-01;\n  margin-top: 2.25rem;\n  margin-bottom: $spacing-03;\n}\n\n.errorCopy {\n  margin-bottom: $spacing-03;\n  @include carbon--type-style("body-long-01");\n  color: $text-02;\n}',"// Code generated by @carbon/themes. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2019\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@import './themes';\n\n/// Define theme variables from a map of tokens\n/// @access public\n/// @param {Map} $theme [$carbon--theme] - Map of theme tokens\n/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens\n/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.\n///\n/// @example scss\n///   // Default usage\n///   @include carbon--theme();\n///\n///   // Alternate styling (not white theme)\n///   @include carbon--theme($carbon--theme--g90) {\n///     // declarations...\n///   }\n///\n///   // Inline styling\n///   @include carbon--theme($carbon--theme--g90) {\n///     .my-dark-theme {\n///       // declarations...\n///     }\n///   }\n///\n/// @group @carbon/themes\n@mixin carbon--theme(\n  $theme: $carbon--theme,\n  $emit-custom-properties: false,\n  $emit-difference: false\n) {\n  $parent-carbon-theme: $carbon--theme;\n  $carbon--theme: $theme !global;\n  $interactive-01: map-get($theme, 'interactive-01') !global;\n  $interactive-02: map-get($theme, 'interactive-02') !global;\n  $interactive-03: map-get($theme, 'interactive-03') !global;\n  $interactive-04: map-get($theme, 'interactive-04') !global;\n  $ui-background: map-get($theme, 'ui-background') !global;\n  $ui-01: map-get($theme, 'ui-01') !global;\n  $ui-02: map-get($theme, 'ui-02') !global;\n  $ui-03: map-get($theme, 'ui-03') !global;\n  $ui-04: map-get($theme, 'ui-04') !global;\n  $ui-05: map-get($theme, 'ui-05') !global;\n  $text-01: map-get($theme, 'text-01') !global;\n  $text-02: map-get($theme, 'text-02') !global;\n  $text-03: map-get($theme, 'text-03') !global;\n  $text-04: map-get($theme, 'text-04') !global;\n  $text-05: map-get($theme, 'text-05') !global;\n  $text-error: map-get($theme, 'text-error') !global;\n  $icon-01: map-get($theme, 'icon-01') !global;\n  $icon-02: map-get($theme, 'icon-02') !global;\n  $icon-03: map-get($theme, 'icon-03') !global;\n  $link-01: map-get($theme, 'link-01') !global;\n  $link-02: map-get($theme, 'link-02') !global;\n  $inverse-link: map-get($theme, 'inverse-link') !global;\n  $field-01: map-get($theme, 'field-01') !global;\n  $field-02: map-get($theme, 'field-02') !global;\n  $inverse-01: map-get($theme, 'inverse-01') !global;\n  $inverse-02: map-get($theme, 'inverse-02') !global;\n  $support-01: map-get($theme, 'support-01') !global;\n  $support-02: map-get($theme, 'support-02') !global;\n  $support-03: map-get($theme, 'support-03') !global;\n  $support-04: map-get($theme, 'support-04') !global;\n  $inverse-support-01: map-get($theme, 'inverse-support-01') !global;\n  $inverse-support-02: map-get($theme, 'inverse-support-02') !global;\n  $inverse-support-03: map-get($theme, 'inverse-support-03') !global;\n  $inverse-support-04: map-get($theme, 'inverse-support-04') !global;\n  $overlay-01: map-get($theme, 'overlay-01') !global;\n  $danger-01: map-get($theme, 'danger-01') !global;\n  $danger-02: map-get($theme, 'danger-02') !global;\n  $focus: map-get($theme, 'focus') !global;\n  $inverse-focus-ui: map-get($theme, 'inverse-focus-ui') !global;\n  $hover-primary: map-get($theme, 'hover-primary') !global;\n  $active-primary: map-get($theme, 'active-primary') !global;\n  $hover-primary-text: map-get($theme, 'hover-primary-text') !global;\n  $hover-secondary: map-get($theme, 'hover-secondary') !global;\n  $active-secondary: map-get($theme, 'active-secondary') !global;\n  $hover-tertiary: map-get($theme, 'hover-tertiary') !global;\n  $active-tertiary: map-get($theme, 'active-tertiary') !global;\n  $hover-ui: map-get($theme, 'hover-ui') !global;\n  $hover-light-ui: map-get($theme, 'hover-light-ui') !global;\n  $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;\n  $active-ui: map-get($theme, 'active-ui') !global;\n  $active-light-ui: map-get($theme, 'active-light-ui') !global;\n  $selected-ui: map-get($theme, 'selected-ui') !global;\n  $selected-light-ui: map-get($theme, 'selected-light-ui') !global;\n  $inverse-hover-ui: map-get($theme, 'inverse-hover-ui') !global;\n  $hover-danger: map-get($theme, 'hover-danger') !global;\n  $active-danger: map-get($theme, 'active-danger') !global;\n  $hover-row: map-get($theme, 'hover-row') !global;\n  $visited-link: map-get($theme, 'visited-link') !global;\n  $disabled-01: map-get($theme, 'disabled-01') !global;\n  $disabled-02: map-get($theme, 'disabled-02') !global;\n  $disabled-03: map-get($theme, 'disabled-03') !global;\n  $highlight: map-get($theme, 'highlight') !global;\n  $decorative-01: map-get($theme, 'decorative-01') !global;\n  $button-separator: map-get($theme, 'button-separator') !global;\n  $skeleton-01: map-get($theme, 'skeleton-01') !global;\n  $skeleton-02: map-get($theme, 'skeleton-02') !global;\n  $brand-01: map-get($theme, 'brand-01') !global;\n  $brand-02: map-get($theme, 'brand-02') !global;\n  $brand-03: map-get($theme, 'brand-03') !global;\n  $active-01: map-get($theme, 'active-01') !global;\n  $hover-field: map-get($theme, 'hover-field') !global;\n  $danger: map-get($theme, 'danger') !global;\n  $caption-01: map-get($theme, 'caption-01') !global;\n  $label-01: map-get($theme, 'label-01') !global;\n  $helper-text-01: map-get($theme, 'helper-text-01') !global;\n  $body-short-01: map-get($theme, 'body-short-01') !global;\n  $body-long-01: map-get($theme, 'body-long-01') !global;\n  $body-short-02: map-get($theme, 'body-short-02') !global;\n  $body-long-02: map-get($theme, 'body-long-02') !global;\n  $code-01: map-get($theme, 'code-01') !global;\n  $code-02: map-get($theme, 'code-02') !global;\n  $heading-01: map-get($theme, 'heading-01') !global;\n  $productive-heading-01: map-get($theme, 'productive-heading-01') !global;\n  $heading-02: map-get($theme, 'heading-02') !global;\n  $productive-heading-02: map-get($theme, 'productive-heading-02') !global;\n  $productive-heading-03: map-get($theme, 'productive-heading-03') !global;\n  $productive-heading-04: map-get($theme, 'productive-heading-04') !global;\n  $productive-heading-05: map-get($theme, 'productive-heading-05') !global;\n  $productive-heading-06: map-get($theme, 'productive-heading-06') !global;\n  $productive-heading-07: map-get($theme, 'productive-heading-07') !global;\n  $expressive-heading-01: map-get($theme, 'expressive-heading-01') !global;\n  $expressive-heading-02: map-get($theme, 'expressive-heading-02') !global;\n  $expressive-heading-03: map-get($theme, 'expressive-heading-03') !global;\n  $expressive-heading-04: map-get($theme, 'expressive-heading-04') !global;\n  $expressive-heading-05: map-get($theme, 'expressive-heading-05') !global;\n  $expressive-heading-06: map-get($theme, 'expressive-heading-06') !global;\n  $expressive-paragraph-01: map-get($theme, 'expressive-paragraph-01') !global;\n  $quotation-01: map-get($theme, 'quotation-01') !global;\n  $quotation-02: map-get($theme, 'quotation-02') !global;\n  $display-01: map-get($theme, 'display-01') !global;\n  $display-02: map-get($theme, 'display-02') !global;\n  $display-03: map-get($theme, 'display-03') !global;\n  $display-04: map-get($theme, 'display-04') !global;\n  $spacing-01: map-get($theme, 'spacing-01') !global;\n  $spacing-02: map-get($theme, 'spacing-02') !global;\n  $spacing-03: map-get($theme, 'spacing-03') !global;\n  $spacing-04: map-get($theme, 'spacing-04') !global;\n  $spacing-05: map-get($theme, 'spacing-05') !global;\n  $spacing-06: map-get($theme, 'spacing-06') !global;\n  $spacing-07: map-get($theme, 'spacing-07') !global;\n  $spacing-08: map-get($theme, 'spacing-08') !global;\n  $spacing-09: map-get($theme, 'spacing-09') !global;\n  $spacing-10: map-get($theme, 'spacing-10') !global;\n  $spacing-11: map-get($theme, 'spacing-11') !global;\n  $spacing-12: map-get($theme, 'spacing-12') !global;\n  $fluid-spacing-01: map-get($theme, 'fluid-spacing-01') !global;\n  $fluid-spacing-02: map-get($theme, 'fluid-spacing-02') !global;\n  $fluid-spacing-03: map-get($theme, 'fluid-spacing-03') !global;\n  $fluid-spacing-04: map-get($theme, 'fluid-spacing-04') !global;\n  $layout-01: map-get($theme, 'layout-01') !global;\n  $layout-02: map-get($theme, 'layout-02') !global;\n  $layout-03: map-get($theme, 'layout-03') !global;\n  $layout-04: map-get($theme, 'layout-04') !global;\n  $layout-05: map-get($theme, 'layout-05') !global;\n  $layout-06: map-get($theme, 'layout-06') !global;\n  $layout-07: map-get($theme, 'layout-07') !global;\n  $container-01: map-get($theme, 'container-01') !global;\n  $container-02: map-get($theme, 'container-02') !global;\n  $container-03: map-get($theme, 'container-03') !global;\n  $container-04: map-get($theme, 'container-04') !global;\n  $container-05: map-get($theme, 'container-05') !global;\n  $icon-size-01: map-get($theme, 'icon-size-01') !global;\n  $icon-size-02: map-get($theme, 'icon-size-02') !global;\n\n  @if global-variable-exists('feature-flags') and\n    map-get($feature-flags, 'enable-css-custom-properties')\n  {\n    $interactive-01: var(\n      --#{$custom-property-prefix}-interactive-01,\n      map-get($theme, 'interactive-01')\n    ) !global;\n    $interactive-02: var(\n      --#{$custom-property-prefix}-interactive-02,\n      map-get($theme, 'interactive-02')\n    ) !global;\n    $interactive-03: var(\n      --#{$custom-property-prefix}-interactive-03,\n      map-get($theme, 'interactive-03')\n    ) !global;\n    $interactive-04: var(\n      --#{$custom-property-prefix}-interactive-04,\n      map-get($theme, 'interactive-04')\n    ) !global;\n    $ui-background: var(\n      --#{$custom-property-prefix}-ui-background,\n      map-get($theme, 'ui-background')\n    ) !global;\n    $ui-01: var(\n      --#{$custom-property-prefix}-ui-01,\n      map-get($theme, 'ui-01')\n    ) !global;\n    $ui-02: var(\n      --#{$custom-property-prefix}-ui-02,\n      map-get($theme, 'ui-02')\n    ) !global;\n    $ui-03: var(\n      --#{$custom-property-prefix}-ui-03,\n      map-get($theme, 'ui-03')\n    ) !global;\n    $ui-04: var(\n      --#{$custom-property-prefix}-ui-04,\n      map-get($theme, 'ui-04')\n    ) !global;\n    $ui-05: var(\n      --#{$custom-property-prefix}-ui-05,\n      map-get($theme, 'ui-05')\n    ) !global;\n    $text-01: var(\n      --#{$custom-property-prefix}-text-01,\n      map-get($theme, 'text-01')\n    ) !global;\n    $text-02: var(\n      --#{$custom-property-prefix}-text-02,\n      map-get($theme, 'text-02')\n    ) !global;\n    $text-03: var(\n      --#{$custom-property-prefix}-text-03,\n      map-get($theme, 'text-03')\n    ) !global;\n    $text-04: var(\n      --#{$custom-property-prefix}-text-04,\n      map-get($theme, 'text-04')\n    ) !global;\n    $text-05: var(\n      --#{$custom-property-prefix}-text-05,\n      map-get($theme, 'text-05')\n    ) !global;\n    $text-error: var(\n      --#{$custom-property-prefix}-text-error,\n      map-get($theme, 'text-error')\n    ) !global;\n    $icon-01: var(\n      --#{$custom-property-prefix}-icon-01,\n      map-get($theme, 'icon-01')\n    ) !global;\n    $icon-02: var(\n      --#{$custom-property-prefix}-icon-02,\n      map-get($theme, 'icon-02')\n    ) !global;\n    $icon-03: var(\n      --#{$custom-property-prefix}-icon-03,\n      map-get($theme, 'icon-03')\n    ) !global;\n    $link-01: var(\n      --#{$custom-property-prefix}-link-01,\n      map-get($theme, 'link-01')\n    ) !global;\n    $link-02: var(\n      --#{$custom-property-prefix}-link-02,\n      map-get($theme, 'link-02')\n    ) !global;\n    $inverse-link: var(\n      --#{$custom-property-prefix}-inverse-link,\n      map-get($theme, 'inverse-link')\n    ) !global;\n    $field-01: var(\n      --#{$custom-property-prefix}-field-01,\n      map-get($theme, 'field-01')\n    ) !global;\n    $field-02: var(\n      --#{$custom-property-prefix}-field-02,\n      map-get($theme, 'field-02')\n    ) !global;\n    $inverse-01: var(\n      --#{$custom-property-prefix}-inverse-01,\n      map-get($theme, 'inverse-01')\n    ) !global;\n    $inverse-02: var(\n      --#{$custom-property-prefix}-inverse-02,\n      map-get($theme, 'inverse-02')\n    ) !global;\n    $support-01: var(\n      --#{$custom-property-prefix}-support-01,\n      map-get($theme, 'support-01')\n    ) !global;\n    $support-02: var(\n      --#{$custom-property-prefix}-support-02,\n      map-get($theme, 'support-02')\n    ) !global;\n    $support-03: var(\n      --#{$custom-property-prefix}-support-03,\n      map-get($theme, 'support-03')\n    ) !global;\n    $support-04: var(\n      --#{$custom-property-prefix}-support-04,\n      map-get($theme, 'support-04')\n    ) !global;\n    $inverse-support-01: var(\n      --#{$custom-property-prefix}-inverse-support-01,\n      map-get($theme, 'inverse-support-01')\n    ) !global;\n    $inverse-support-02: var(\n      --#{$custom-property-prefix}-inverse-support-02,\n      map-get($theme, 'inverse-support-02')\n    ) !global;\n    $inverse-support-03: var(\n      --#{$custom-property-prefix}-inverse-support-03,\n      map-get($theme, 'inverse-support-03')\n    ) !global;\n    $inverse-support-04: var(\n      --#{$custom-property-prefix}-inverse-support-04,\n      map-get($theme, 'inverse-support-04')\n    ) !global;\n    $overlay-01: var(\n      --#{$custom-property-prefix}-overlay-01,\n      map-get($theme, 'overlay-01')\n    ) !global;\n    $danger-01: var(\n      --#{$custom-property-prefix}-danger-01,\n      map-get($theme, 'danger-01')\n    ) !global;\n    $danger-02: var(\n      --#{$custom-property-prefix}-danger-02,\n      map-get($theme, 'danger-02')\n    ) !global;\n    $focus: var(\n      --#{$custom-property-prefix}-focus,\n      map-get($theme, 'focus')\n    ) !global;\n    $inverse-focus-ui: var(\n      --#{$custom-property-prefix}-inverse-focus-ui,\n      map-get($theme, 'inverse-focus-ui')\n    ) !global;\n    $hover-primary: var(\n      --#{$custom-property-prefix}-hover-primary,\n      map-get($theme, 'hover-primary')\n    ) !global;\n    $active-primary: var(\n      --#{$custom-property-prefix}-active-primary,\n      map-get($theme, 'active-primary')\n    ) !global;\n    $hover-primary-text: var(\n      --#{$custom-property-prefix}-hover-primary-text,\n      map-get($theme, 'hover-primary-text')\n    ) !global;\n    $hover-secondary: var(\n      --#{$custom-property-prefix}-hover-secondary,\n      map-get($theme, 'hover-secondary')\n    ) !global;\n    $active-secondary: var(\n      --#{$custom-property-prefix}-active-secondary,\n      map-get($theme, 'active-secondary')\n    ) !global;\n    $hover-tertiary: var(\n      --#{$custom-property-prefix}-hover-tertiary,\n      map-get($theme, 'hover-tertiary')\n    ) !global;\n    $active-tertiary: var(\n      --#{$custom-property-prefix}-active-tertiary,\n      map-get($theme, 'active-tertiary')\n    ) !global;\n    $hover-ui: var(\n      --#{$custom-property-prefix}-hover-ui,\n      map-get($theme, 'hover-ui')\n    ) !global;\n    $hover-light-ui: var(\n      --#{$custom-property-prefix}-hover-light-ui,\n      map-get($theme, 'hover-light-ui')\n    ) !global;\n    $hover-selected-ui: var(\n      --#{$custom-property-prefix}-hover-selected-ui,\n      map-get($theme, 'hover-selected-ui')\n    ) !global;\n    $active-ui: var(\n      --#{$custom-property-prefix}-active-ui,\n      map-get($theme, 'active-ui')\n    ) !global;\n    $active-light-ui: var(\n      --#{$custom-property-prefix}-active-light-ui,\n      map-get($theme, 'active-light-ui')\n    ) !global;\n    $selected-ui: var(\n      --#{$custom-property-prefix}-selected-ui,\n      map-get($theme, 'selected-ui')\n    ) !global;\n    $selected-light-ui: var(\n      --#{$custom-property-prefix}-selected-light-ui,\n      map-get($theme, 'selected-light-ui')\n    ) !global;\n    $inverse-hover-ui: var(\n      --#{$custom-property-prefix}-inverse-hover-ui,\n      map-get($theme, 'inverse-hover-ui')\n    ) !global;\n    $hover-danger: var(\n      --#{$custom-property-prefix}-hover-danger,\n      map-get($theme, 'hover-danger')\n    ) !global;\n    $active-danger: var(\n      --#{$custom-property-prefix}-active-danger,\n      map-get($theme, 'active-danger')\n    ) !global;\n    $hover-row: var(\n      --#{$custom-property-prefix}-hover-row,\n      map-get($theme, 'hover-row')\n    ) !global;\n    $visited-link: var(\n      --#{$custom-property-prefix}-visited-link,\n      map-get($theme, 'visited-link')\n    ) !global;\n    $disabled-01: var(\n      --#{$custom-property-prefix}-disabled-01,\n      map-get($theme, 'disabled-01')\n    ) !global;\n    $disabled-02: var(\n      --#{$custom-property-prefix}-disabled-02,\n      map-get($theme, 'disabled-02')\n    ) !global;\n    $disabled-03: var(\n      --#{$custom-property-prefix}-disabled-03,\n      map-get($theme, 'disabled-03')\n    ) !global;\n    $highlight: var(\n      --#{$custom-property-prefix}-highlight,\n      map-get($theme, 'highlight')\n    ) !global;\n    $decorative-01: var(\n      --#{$custom-property-prefix}-decorative-01,\n      map-get($theme, 'decorative-01')\n    ) !global;\n    $button-separator: var(\n      --#{$custom-property-prefix}-button-separator,\n      map-get($theme, 'button-separator')\n    ) !global;\n    $skeleton-01: var(\n      --#{$custom-property-prefix}-skeleton-01,\n      map-get($theme, 'skeleton-01')\n    ) !global;\n    $skeleton-02: var(\n      --#{$custom-property-prefix}-skeleton-02,\n      map-get($theme, 'skeleton-02')\n    ) !global;\n    $brand-01: var(\n      --#{$custom-property-prefix}-brand-01,\n      map-get($theme, 'brand-01')\n    ) !global;\n    $brand-02: var(\n      --#{$custom-property-prefix}-brand-02,\n      map-get($theme, 'brand-02')\n    ) !global;\n    $brand-03: var(\n      --#{$custom-property-prefix}-brand-03,\n      map-get($theme, 'brand-03')\n    ) !global;\n    $active-01: var(\n      --#{$custom-property-prefix}-active-01,\n      map-get($theme, 'active-01')\n    ) !global;\n    $hover-field: var(\n      --#{$custom-property-prefix}-hover-field,\n      map-get($theme, 'hover-field')\n    ) !global;\n    $danger: var(\n      --#{$custom-property-prefix}-danger,\n      map-get($theme, 'danger')\n    ) !global;\n    $spacing-01: var(\n      --#{$custom-property-prefix}-spacing-01,\n      map-get($theme, 'spacing-01')\n    ) !global;\n    $spacing-02: var(\n      --#{$custom-property-prefix}-spacing-02,\n      map-get($theme, 'spacing-02')\n    ) !global;\n    $spacing-03: var(\n      --#{$custom-property-prefix}-spacing-03,\n      map-get($theme, 'spacing-03')\n    ) !global;\n    $spacing-04: var(\n      --#{$custom-property-prefix}-spacing-04,\n      map-get($theme, 'spacing-04')\n    ) !global;\n    $spacing-05: var(\n      --#{$custom-property-prefix}-spacing-05,\n      map-get($theme, 'spacing-05')\n    ) !global;\n    $spacing-06: var(\n      --#{$custom-property-prefix}-spacing-06,\n      map-get($theme, 'spacing-06')\n    ) !global;\n    $spacing-07: var(\n      --#{$custom-property-prefix}-spacing-07,\n      map-get($theme, 'spacing-07')\n    ) !global;\n    $spacing-08: var(\n      --#{$custom-property-prefix}-spacing-08,\n      map-get($theme, 'spacing-08')\n    ) !global;\n    $spacing-09: var(\n      --#{$custom-property-prefix}-spacing-09,\n      map-get($theme, 'spacing-09')\n    ) !global;\n    $spacing-10: var(\n      --#{$custom-property-prefix}-spacing-10,\n      map-get($theme, 'spacing-10')\n    ) !global;\n    $spacing-11: var(\n      --#{$custom-property-prefix}-spacing-11,\n      map-get($theme, 'spacing-11')\n    ) !global;\n    $spacing-12: var(\n      --#{$custom-property-prefix}-spacing-12,\n      map-get($theme, 'spacing-12')\n    ) !global;\n    $fluid-spacing-01: var(\n      --#{$custom-property-prefix}-fluid-spacing-01,\n      map-get($theme, 'fluid-spacing-01')\n    ) !global;\n    $fluid-spacing-02: var(\n      --#{$custom-property-prefix}-fluid-spacing-02,\n      map-get($theme, 'fluid-spacing-02')\n    ) !global;\n    $fluid-spacing-03: var(\n      --#{$custom-property-prefix}-fluid-spacing-03,\n      map-get($theme, 'fluid-spacing-03')\n    ) !global;\n    $fluid-spacing-04: var(\n      --#{$custom-property-prefix}-fluid-spacing-04,\n      map-get($theme, 'fluid-spacing-04')\n    ) !global;\n    $layout-01: var(\n      --#{$custom-property-prefix}-layout-01,\n      map-get($theme, 'layout-01')\n    ) !global;\n    $layout-02: var(\n      --#{$custom-property-prefix}-layout-02,\n      map-get($theme, 'layout-02')\n    ) !global;\n    $layout-03: var(\n      --#{$custom-property-prefix}-layout-03,\n      map-get($theme, 'layout-03')\n    ) !global;\n    $layout-04: var(\n      --#{$custom-property-prefix}-layout-04,\n      map-get($theme, 'layout-04')\n    ) !global;\n    $layout-05: var(\n      --#{$custom-property-prefix}-layout-05,\n      map-get($theme, 'layout-05')\n    ) !global;\n    $layout-06: var(\n      --#{$custom-property-prefix}-layout-06,\n      map-get($theme, 'layout-06')\n    ) !global;\n    $layout-07: var(\n      --#{$custom-property-prefix}-layout-07,\n      map-get($theme, 'layout-07')\n    ) !global;\n    $container-01: var(\n      --#{$custom-property-prefix}-container-01,\n      map-get($theme, 'container-01')\n    ) !global;\n    $container-02: var(\n      --#{$custom-property-prefix}-container-02,\n      map-get($theme, 'container-02')\n    ) !global;\n    $container-03: var(\n      --#{$custom-property-prefix}-container-03,\n      map-get($theme, 'container-03')\n    ) !global;\n    $container-04: var(\n      --#{$custom-property-prefix}-container-04,\n      map-get($theme, 'container-04')\n    ) !global;\n    $container-05: var(\n      --#{$custom-property-prefix}-container-05,\n      map-get($theme, 'container-05')\n    ) !global;\n    $icon-size-01: var(\n      --#{$custom-property-prefix}-icon-size-01,\n      map-get($theme, 'icon-size-01')\n    ) !global;\n    $icon-size-02: var(\n      --#{$custom-property-prefix}-icon-size-02,\n      map-get($theme, 'icon-size-02')\n    ) !global;\n  }\n  @if $emit-custom-properties == true {\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-01',\n        map-get($theme, 'interactive-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-02',\n        map-get($theme, 'interactive-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-03',\n        map-get($theme, 'interactive-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-04',\n        map-get($theme, 'interactive-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'ui-background',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'ui-background',\n        map-get($theme, 'ui-background')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-01', $emit-difference) {\n      @include custom-property('ui-01', map-get($theme, 'ui-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-02', $emit-difference) {\n      @include custom-property('ui-02', map-get($theme, 'ui-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-03', $emit-difference) {\n      @include custom-property('ui-03', map-get($theme, 'ui-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-04', $emit-difference) {\n      @include custom-property('ui-04', map-get($theme, 'ui-04'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-05', $emit-difference) {\n      @include custom-property('ui-05', map-get($theme, 'ui-05'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-01', $emit-difference) {\n      @include custom-property('text-01', map-get($theme, 'text-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-02', $emit-difference) {\n      @include custom-property('text-02', map-get($theme, 'text-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-03', $emit-difference) {\n      @include custom-property('text-03', map-get($theme, 'text-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-04', $emit-difference) {\n      @include custom-property('text-04', map-get($theme, 'text-04'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-05', $emit-difference) {\n      @include custom-property('text-05', map-get($theme, 'text-05'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'text-error',\n      $emit-difference\n    )\n    {\n      @include custom-property('text-error', map-get($theme, 'text-error'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'icon-01', $emit-difference) {\n      @include custom-property('icon-01', map-get($theme, 'icon-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'icon-02', $emit-difference) {\n      @include custom-property('icon-02', map-get($theme, 'icon-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'icon-03', $emit-difference) {\n      @include custom-property('icon-03', map-get($theme, 'icon-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'link-01', $emit-difference) {\n      @include custom-property('link-01', map-get($theme, 'link-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'link-02', $emit-difference) {\n      @include custom-property('link-02', map-get($theme, 'link-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-link',\n      $emit-difference\n    )\n    {\n      @include custom-property('inverse-link', map-get($theme, 'inverse-link'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'field-01', $emit-difference)\n    {\n      @include custom-property('field-01', map-get($theme, 'field-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'field-02', $emit-difference)\n    {\n      @include custom-property('field-02', map-get($theme, 'field-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('inverse-01', map-get($theme, 'inverse-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('inverse-02', map-get($theme, 'inverse-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-01', map-get($theme, 'support-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-02', map-get($theme, 'support-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-03', map-get($theme, 'support-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-04', map-get($theme, 'support-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-01',\n        map-get($theme, 'inverse-support-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-02',\n        map-get($theme, 'inverse-support-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-03',\n        map-get($theme, 'inverse-support-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-04',\n        map-get($theme, 'inverse-support-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'overlay-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('overlay-01', map-get($theme, 'overlay-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'danger-01', $emit-difference)\n    {\n      @include custom-property('danger-01', map-get($theme, 'danger-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'danger-02', $emit-difference)\n    {\n      @include custom-property('danger-02', map-get($theme, 'danger-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'focus', $emit-difference) {\n      @include custom-property('focus', map-get($theme, 'focus'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-focus-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-focus-ui',\n        map-get($theme, 'inverse-focus-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-primary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-primary',\n        map-get($theme, 'hover-primary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-primary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-primary',\n        map-get($theme, 'active-primary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-primary-text',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-primary-text',\n        map-get($theme, 'hover-primary-text')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-secondary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-secondary',\n        map-get($theme, 'hover-secondary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-secondary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-secondary',\n        map-get($theme, 'active-secondary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-tertiary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-tertiary',\n        map-get($theme, 'hover-tertiary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-tertiary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-tertiary',\n        map-get($theme, 'active-tertiary')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'hover-ui', $emit-difference)\n    {\n      @include custom-property('hover-ui', map-get($theme, 'hover-ui'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-light-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-light-ui',\n        map-get($theme, 'hover-light-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-selected-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-selected-ui',\n        map-get($theme, 'hover-selected-ui')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'active-ui', $emit-difference)\n    {\n      @include custom-property('active-ui', map-get($theme, 'active-ui'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-light-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-light-ui',\n        map-get($theme, 'active-light-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'selected-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property('selected-ui', map-get($theme, 'selected-ui'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'selected-light-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'selected-light-ui',\n        map-get($theme, 'selected-light-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-hover-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-hover-ui',\n        map-get($theme, 'inverse-hover-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-danger',\n      $emit-difference\n    )\n    {\n      @include custom-property('hover-danger', map-get($theme, 'hover-danger'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-danger',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-danger',\n        map-get($theme, 'active-danger')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'hover-row', $emit-difference)\n    {\n      @include custom-property('hover-row', map-get($theme, 'hover-row'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'visited-link',\n      $emit-difference\n    )\n    {\n      @include custom-property('visited-link', map-get($theme, 'visited-link'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'disabled-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('disabled-01', map-get($theme, 'disabled-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'disabled-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('disabled-02', map-get($theme, 'disabled-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'disabled-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('disabled-03', map-get($theme, 'disabled-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'highlight', $emit-difference)\n    {\n      @include custom-property('highlight', map-get($theme, 'highlight'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'decorative-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'decorative-01',\n        map-get($theme, 'decorative-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-separator',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-separator',\n        map-get($theme, 'button-separator')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'skeleton-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('skeleton-01', map-get($theme, 'skeleton-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'skeleton-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('skeleton-02', map-get($theme, 'skeleton-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'brand-01', $emit-difference)\n    {\n      @include custom-property('brand-01', map-get($theme, 'brand-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'brand-02', $emit-difference)\n    {\n      @include custom-property('brand-02', map-get($theme, 'brand-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'brand-03', $emit-difference)\n    {\n      @include custom-property('brand-03', map-get($theme, 'brand-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'active-01', $emit-difference)\n    {\n      @include custom-property('active-01', map-get($theme, 'active-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-field',\n      $emit-difference\n    )\n    {\n      @include custom-property('hover-field', map-get($theme, 'hover-field'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'danger', $emit-difference) {\n      @include custom-property('danger', map-get($theme, 'danger'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'caption-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('caption-01', map-get($theme, 'caption-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'label-01', $emit-difference)\n    {\n      @include custom-property('label-01', map-get($theme, 'label-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'helper-text-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'helper-text-01',\n        map-get($theme, 'helper-text-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-short-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'body-short-01',\n        map-get($theme, 'body-short-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-long-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('body-long-01', map-get($theme, 'body-long-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-short-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'body-short-02',\n        map-get($theme, 'body-short-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-long-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('body-long-02', map-get($theme, 'body-long-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'code-01', $emit-difference) {\n      @include custom-property('code-01', map-get($theme, 'code-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'code-02', $emit-difference) {\n      @include custom-property('code-02', map-get($theme, 'code-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'heading-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('heading-01', map-get($theme, 'heading-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-01',\n        map-get($theme, 'productive-heading-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'heading-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('heading-02', map-get($theme, 'heading-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-02',\n        map-get($theme, 'productive-heading-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-03',\n        map-get($theme, 'productive-heading-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-04',\n        map-get($theme, 'productive-heading-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-05',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-05',\n        map-get($theme, 'productive-heading-05')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-06',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-06',\n        map-get($theme, 'productive-heading-06')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-07',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-07',\n        map-get($theme, 'productive-heading-07')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-01',\n        map-get($theme, 'expressive-heading-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-02',\n        map-get($theme, 'expressive-heading-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-03',\n        map-get($theme, 'expressive-heading-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-04',\n        map-get($theme, 'expressive-heading-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-05',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-05',\n        map-get($theme, 'expressive-heading-05')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-06',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-06',\n        map-get($theme, 'expressive-heading-06')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-paragraph-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-paragraph-01',\n        map-get($theme, 'expressive-paragraph-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'quotation-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('quotation-01', map-get($theme, 'quotation-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'quotation-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('quotation-02', map-get($theme, 'quotation-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-01', map-get($theme, 'display-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-02', map-get($theme, 'display-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-03', map-get($theme, 'display-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-04', map-get($theme, 'display-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-01', map-get($theme, 'spacing-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-02', map-get($theme, 'spacing-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-03', map-get($theme, 'spacing-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-04', map-get($theme, 'spacing-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-05',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-05', map-get($theme, 'spacing-05'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-06',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-06', map-get($theme, 'spacing-06'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-07',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-07', map-get($theme, 'spacing-07'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-08',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-08', map-get($theme, 'spacing-08'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-09',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-09', map-get($theme, 'spacing-09'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-10',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-10', map-get($theme, 'spacing-10'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-11',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-11', map-get($theme, 'spacing-11'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-12',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-12', map-get($theme, 'spacing-12'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-01',\n        map-get($theme, 'fluid-spacing-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-02',\n        map-get($theme, 'fluid-spacing-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-03',\n        map-get($theme, 'fluid-spacing-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-04',\n        map-get($theme, 'fluid-spacing-04')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-01', $emit-difference)\n    {\n      @include custom-property('layout-01', map-get($theme, 'layout-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-02', $emit-difference)\n    {\n      @include custom-property('layout-02', map-get($theme, 'layout-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-03', $emit-difference)\n    {\n      @include custom-property('layout-03', map-get($theme, 'layout-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-04', $emit-difference)\n    {\n      @include custom-property('layout-04', map-get($theme, 'layout-04'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-05', $emit-difference)\n    {\n      @include custom-property('layout-05', map-get($theme, 'layout-05'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-06', $emit-difference)\n    {\n      @include custom-property('layout-06', map-get($theme, 'layout-06'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-07', $emit-difference)\n    {\n      @include custom-property('layout-07', map-get($theme, 'layout-07'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-01', map-get($theme, 'container-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-02', map-get($theme, 'container-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-03', map-get($theme, 'container-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-04', map-get($theme, 'container-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-05',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-05', map-get($theme, 'container-05'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'icon-size-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('icon-size-01', map-get($theme, 'icon-size-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'icon-size-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('icon-size-02', map-get($theme, 'icon-size-02'));\n    }\n  }\n\n  @content;\n\n  // Reset to default theme after apply in content\n  @if $carbon--theme != $parent-carbon-theme {\n    $carbon--theme: $parent-carbon-theme !global;\n\n    @include carbon--theme();\n  }\n}\n"],sourceRoot:""}]),o.locals={productiveHeading01:"-esm-patient-search__patient-search__productiveHeading01___ywcop",productiveHeading02:"-esm-patient-search__patient-search__productiveHeading02___wbIhK",bodyLong01:"-esm-patient-search__patient-search__bodyLong01___gSex-",searchResultsContainer:"-esm-patient-search__patient-search__searchResultsContainer___IlGHi",searchResults:"-esm-patient-search__patient-search__searchResults___G3AxH",searchTerm:"-esm-patient-search__patient-search__searchTerm___A0RjE",resultsText:"-esm-patient-search__patient-search__resultsText___9kxHF",helperText:"-esm-patient-search__patient-search__helperText___rJ2-S",emptyResultText:"-esm-patient-search__patient-search__emptyResultText___qWmDr",actionText:"-esm-patient-search__patient-search__actionText___UE-ia",pagination:"-esm-patient-search__patient-search__pagination___br9c4",emptySearchResultsTile:"-esm-patient-search__patient-search__emptySearchResultsTile___c+x2R",errorMessage:"-esm-patient-search__patient-search__errorMessage___TlJrY",errorCopy:"-esm-patient-search__patient-search__errorCopy___SdJBo"};const p=o}}]);
 //# sourceMappingURL=60.js.map