@openmrs/esm-patient-programs-app 3.2.0 → 3.2.1-pre.85

package/dist/357.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"357.js","mappings":"sMAGIA,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,qzGAAszG,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,wEAAwE,qFAAqF,kHAAkH,wHAAwH,mHAAmH,mHAAmH,wFAAwF,mEAAmE,gIAAgI,MAAQ,GAAG,SAAW,4gDAA4gD,eAAiB,CAAC,8xCAA8xC,4sGAA4sG,6mEAA6mE,uiEAAuiE,igBAAigB,srnBAAsrnB,0mMAA0mM,2xBAA+xB,0z1FAA0z1F,WAAa,MAE3zoIH,EAAwBI,OAAS,CAChC,cAAiB,4DACjB,aAAgB,2DAChB,SAAY,wDAEb,W,gECTIJ,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,6mHAA8mH,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,wEAAwE,qFAAqF,kHAAkH,wHAAwH,mHAAmH,mHAAmH,wFAAwF,yEAAyE,gIAAgI,MAAQ,GAAG,SAAW,uqDAAuqD,eAAiB,CAAC,8xCAA8xC,4sGAA4sG,6mEAA6mE,uiEAAuiE,igBAAigB,srnBAAsrnB,0mMAA0mM,ukCAA+kC,0z1FAA0z1F,WAAa,MAEpkqIH,EAAwBI,OAAS,CAChC,OAAU,qDACV,QAAW,sDACX,eAAkB,6DAClB,cAAiB,4DACjB,QAAW,sDACX,KAAQ,mDACR,SAAY,wDAEb,W,gECbIJ,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,uiHAAwiH,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,wEAAwE,qFAAqF,kHAAkH,wHAAwH,mHAAmH,mHAAmH,wFAAwF,yEAAyE,gIAAgI,MAAQ,GAAG,SAAW,mrDAAmrD,eAAiB,CAAC,8xCAA8xC,4sGAA4sG,6mEAA6mE,uiEAAuiE,igBAAigB,srnBAAsrnB,0mMAA0mM,u/BAA+/B,0z1FAA0z1F,WAAa,MAE17pIH,EAAwBI,OAAS,CAChC,aAAgB,2DAChB,UAAa,wDACb,eAAkB,6DAClB,cAAiB,4DACjB,KAAQ,mDACR,SAAY,wDAEb,W,gECZIJ,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,4tIAA6tI,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,qFAAqF,kHAAkH,wHAAwH,mHAAmH,mHAAmH,wFAAwF,wEAAwE,kFAAkF,MAAQ,GAAG,SAAW,0sDAA0sD,eAAiB,CAAC,4sGAA4sG,6mEAA6mE,uiEAAuiE,igBAAigB,srnBAAsrnB,0mMAA0mM,8xCAA8xC,49CAAo+C,WAAa,MAE1r2CH,EAAwBI,OAAS,CAChC,YAAe,mEACf,iBAAoB,wEACpB,QAAW,+DACX,OAAU,8DACV,WAAc,kEACd,SAAY,iEAEb,W,yvCCJIC,EAAU,GAEdA,EAAQC,kBAAoB,IAC5BD,EAAQE,cAAgB,IAElBF,EAAQG,OAAS,SAAc,KAAM,QAE3CH,EAAQI,OAAS,IACjBJ,EAAQK,mBAAqB,IAEhB,IAAI,IAASL,GAKnB,QAAe,KAAW,WAAiB,gBAAiBM,ECjB5D,SAASC,EAAW,G,IAAEC,EAAF,EAAEA,MAAOC,EAAT,EAASA,SAC5BC,EAA+B,YAApBC,EAAAA,EAAAA,iBAEjB,OACE,kBAACC,MAAG,CAACC,UAAWH,EAAWI,EAAAA,aAAsBA,EAAAA,eAC/C,kBAACC,KAAE,KAAEP,GACJC,G,cCJH,EAAU,GAEd,EAAQR,kBAAoB,IAC5B,EAAQC,cAAgB,IAElB,EAAQC,OAAS,SAAc,KAAM,QAE3C,EAAQC,OAAS,IACjB,EAAQC,mBAAqB,IAEhB,IAAI,IAAS,GAKnB,QAAe,KAAW,WAAiB,gBAAiBC,E,kCCxBtDU,EAAwB,Y,QAAGC,MAAAA,OAAK,IAAG,OAAI,MAAEC,OAAAA,OAAM,IAAG,OAAI,EACjE,OACE,kBAACC,MAAG,CAACF,MAAOA,EAAOC,OAAQA,EAAQE,QAAQ,aACzC,kBAACZ,QAAK,KAAC,2BACP,kBAACa,IAAC,CAACC,KAAK,OAAOC,SAAS,WACtB,kBAACC,OAAI,CACHC,EAAE,2NACFH,KAAK,YAEP,kBAACE,OAAI,CACHC,EAAE,8WACFH,KAAK,YAEP,kBAACE,OAAI,CACHC,EAAE,2LACFH,KAAK,YAEP,kBAACI,SAAM,CAACJ,KAAK,UAAUK,GAAI,OAAQC,GAAI,MAAOC,EAAG,QACjD,kBAACH,SAAM,CAACJ,KAAK,OAAOC,SAAS,UAAUI,GAAI,OAAQC,GAAI,MAAOC,EAAG,QACjE,kBAACL,OAAI,CACHC,EAAE,kIACFH,KAAK,YAEP,kBAACE,OAAI,CACHC,EAAE,oaACFH,KAAK,YAEP,kBAACE,OAAI,CACHC,EAAE,4IACFH,KAAK,YAEP,kBAACI,SAAM,CAACJ,KAAK,UAAUK,GAAI,OAAQC,GAAI,MAAOC,EAAG,QACjD,kBAACH,SAAM,CAACJ,KAAK,OAAOC,SAAS,UAAUI,GAAI,OAAQC,GAAI,MAAOC,EAAG,UCrB5DC,EAAwC,SAACC,GACpD,IAAM,GAAQC,EAAAA,EAAAA,kBAANC,EACFvB,EAA+B,YAApBC,EAAAA,EAAAA,iBAEjB,OACE,kBAACuB,EAAAA,GAAI,CAACC,OAAAA,EAAMtB,UAAWC,EAAAA,MACrB,kBAACF,MAAG,CAACC,UAAWH,EAAWI,EAAAA,cAAuBA,EAAAA,gBAChD,kBAACC,KAAE,KAAEgB,EAAMK,cAEb,kBAACpB,EAAqB,MACtB,kBAACqB,IAAC,CAACxB,UAAWC,EAAAA,SACZ,kBAACwB,EAAAA,MAAK,CAACC,QAAQ,iBAAiBC,OAAQ,CAAEC,YAAaV,EAAMU,YAAYC,gBAAiB,gBAC1EX,EAAMU,YAAYC,cAAc,iCAGlD,kBAACL,IAAC,CAACxB,UAAWC,EAAAA,QACXiB,EAAMY,YACL,kBAACC,OAAI,KACF,IACD,kBAACC,EAAAA,EAAI,CAACC,QAAS,W,OAAMf,EAAMY,eACzB,oCACGV,EAAE,SAAU,UAAU,IAAEF,EAAMU,YAAYC,oB,UCvBvD,EAAU,GAEd,EAAQzC,kBAAoB,IAC5B,EAAQC,cAAgB,IAElB,EAAQC,OAAS,SAAc,KAAM,QAE3C,EAAQC,OAAS,IACjB,EAAQC,mBAAqB,IAEhB,IAAI,IAAS,GAKnB,QAAe,KAAW,WAAiB,gBAAiBC,ECf5D,IAAMyC,EAAwC,Y,IAUnBC,EACzBA,EAX+CA,EAAK,EAALA,MAAOZ,EAAW,EAAXA,YACvD,GAAQJ,EAAAA,EAAAA,kBAANC,EACFvB,EAA+B,YAApBC,EAAAA,EAAAA,iBAEjB,OACE,kBAACuB,EAAAA,GAAI,CAACC,OAAAA,EAAMtB,UAAWC,EAAAA,MACrB,kBAACF,MAAG,CAACC,UAAWH,EAAWI,EAAAA,cAAuBA,EAAAA,gBAChD,kBAACC,KAAE,KAAEqB,IAEP,kBAACC,IAAC,CAACxB,UAAWC,EAAAA,cACXmB,EAAE,QAAS,SAAS,IAAE,GAA2B,OAAxBe,MAAAA,GAAe,QAAfA,EAAAA,EAAOC,gBAAQ,IAAfD,OAAAA,EAAAA,EAAiBE,OAAO,MACjDF,MAAAA,GAAe,QAAfA,EAAAA,EAAOC,gBAAQ,IAAfD,OAAAA,EAAAA,EAAiBG,YAEpB,kBAACd,IAAC,CAACxB,UAAWC,EAAAA,WACXmB,EACC,YACA,iK,oBCfGmB,EAA0B,Y,IAAG5C,EAAK,EAALA,MAAO6C,EAAQ,EAARA,SAAUC,EAAQ,EAARA,SAAUC,EAAU,EAAVA,WAKnE,OAJAC,EAAAA,EAAAA,YAAU,WACRC,EAAiBJ,KAChB,CAACA,IAGF,kBAACK,EAAAA,GAAS,KACR,kBAACC,EAAAA,EAAa,CAACC,KAAML,MAAAA,GAAAA,EAAoB/C,MAAOA,EAAOqD,MAAO,CAAEC,OAAQ,SACtE,kBAACC,EAAAA,cAAa,CAACC,kBAAmBX,MAAAA,EAAAA,EAAY7C,EAAOyD,MAAO,CAAEX,SAAAA,QCjBzDY,EAAuB,Y,IAClC1D,EAAK,EAALA,MACA6C,EAAQ,EAARA,SACAE,EAAU,EAAVA,WASA,OAHuB,Y,IAAGD,EAAQ,EAARA,SACxB,OAAO,kBAACF,EAAuB,CAAC5C,MAAOA,EAAO6C,SAAUA,EAAUC,SAAUA,EAAUC,WAAYA,MCbtG,iB,yFAEA,IAAMY,GAAgBC,EAAAA,EAAAA,mBAAkB,aAAc,CAAEC,UAAW,KAE5D,SAASZ,EAAiBJ,GAC/B,I,EAAMiB,EAAQH,EAAcI,WAC5BJ,EAAcK,SAAS,CAAEH,UAAW,CAAChB,GAAD,Q,EAAciB,EAAMD,U,snBAGnD,IAAMI,GAAeC,EAAAA,EAAAA,gBAAeP,GCD9BQ,EAAqB,Y,IAAGnE,EAAK,EAALA,MAAO8C,EAAQ,EAARA,SAC1C,OACE,kBAAC1C,MAAG,CAACgE,IAAKpE,GACR,kBAACqE,EAAAA,iBAAgB,CAACC,GAAI,GAAeC,OAAZzB,EAAS,KAA6B,OAA1ByB,mBAAmBvE,IAAUK,UAAU,sBACzEL,KCRIwE,EAAsB,SAACC,GAIlC,OAHkB,Y,IAAG3B,EAAQ,EAARA,SACnB,OAAO,kBAACqB,EAAkB,CAACnE,MAAOyE,EAAGzE,MAAO8C,SAAUA,MCJnD,SAAS4B,IACd,IAAMC,GAAUC,EAAAA,EAAAA,WAAU,qBAAsB,CAC9CC,WAAY,W,OAAMF,O,cCOlB,EAAU,GAEd,EAAQlF,kBAAoB,IAC5B,EAAQC,cAAgB,IAElB,EAAQC,OAAS,SAAc,KAAM,QAE3C,EAAQC,OAAS,IACjB,EAAQC,mBAAqB,IAEhB,IAAI,IAAS,GAKnB,QAAe,KAAW,WAAiB,gBAAiBC,E,cC1BnE,iB,yFAGO,SAASgF,EAAkBC,EAAkBC,EAAoBC,EAAoBC,GAC1F,IAAM,GAAQ1D,EAAAA,EAAAA,kBAANC,EAEF0D,GAAYC,EAAAA,EAAAA,UAAQ,WACxB,I,EAAMC,EAAgBC,KAAKC,KAAKP,EAAaD,GAC7C,O,EAAWS,MAAMH,GAAeI,O,mnBAAQC,KAAI,SAACC,GAC3C,OAAQA,EAAI,GAAKZ,OAElB,CAACA,EAAUC,IAERY,GAAyBR,EAAAA,EAAAA,UAAQ,WACrC,OAAIL,EAAWC,EACN,GAAmBA,OAAhBA,EAAW,OAAgB,OAAXA,GACjBD,EAAWE,EAAaD,EAC1B,GAAmDA,OAAhDD,GAAYE,EAAa,GAAKC,EAAa,OAAgB,OAAXF,GAEnD,GAA8BA,OAA3BD,EAAWE,EAAW,OAAgB,OAAXD,KAEtC,CAACD,EAAUC,EAAYC,EAAYC,IAEtC,MAAO,CACLC,UAAAA,EACAU,eAAgB,GAA6BpE,OAA1BmE,EAAuB,KAAwB,OAArBnE,EAAE,QAAS,YCRrD,IAAMqE,EAAgE,Y,IAC3Ed,EAAU,EAAVA,WACAD,EAAQ,EAARA,SACAgB,EAAkB,EAAlBA,mBACAd,EAAU,EAAVA,WACAe,EAAgB,EAAhBA,iBACAd,EAAY,EAAZA,aACAe,EAA4B,EAA5BA,mBAEM,GAAQzE,EAAAA,EAAAA,kBAANC,EAC8BqD,EAAAA,EAAkBC,EAAUC,EAAYC,EAAYC,GAAlFW,EAA8Bf,EAA9Be,eAAgBV,EAAcL,EAAdK,UAClBjF,EAA+B,YAApBC,EAAAA,EAAAA,iBAEjB,OACE,oCACG6E,EAAa,GACZ,kBAAC5E,MAAG,CAACC,UAAWH,EAAWI,EAAAA,OAAgBA,EAAAA,SACzC,kBAACF,MAAG,KACDyF,EACAG,GACC,kBAAC3B,EAAAA,iBAAgB,CAACC,GAAI0B,EAAkB3F,UAAWC,EAAAA,kBAChD4F,MAAAA,EAAAA,EAAYzE,EAAE,SAAU,aAI/B,kBAAC0E,EAAAA,EAAU,CACT9F,UAAWC,EAAAA,WACX8F,KAAMnB,EACNF,SAAUA,EACVI,UAAWA,EACXH,WAAYA,EACZqB,SAAUN,OChDtB,iB,yFAEO,IAAMO,EAAoB,SAACC,EAASC,GACzC,I,IAAuBD,G,EAAAA,EAAQE,MAAM,K,EAAI,E,+zBAApCC,EAAkBH,EAAkB,GAA7BI,EAAWJ,EAAkB,GAUzC,MARc,OAAVG,GAAiC,OAAfF,IACpBE,EAAQ,MAGS,OAAfF,IACFE,EAAkB,OAAVA,EAAiBA,EAAQE,SAASF,EAAO,IAAM,IAGlD,CAACA,EAAOC,I,WCVV,SAASE,K,IAQUC,EAAU,EAJ5BC,EAAS,yCAA8D,OAF3E,6GAIsBC,GAAAA,EAAAA,GAAAA,GAAgED,EAAQE,EAAAA,cAAxFH,EAAgBE,EAAhBF,KAAMtE,EAAUwE,EAAVxE,MAER0E,EAAwC,QAAtBJ,EAAAA,MAAAA,GAAU,QAAVA,EAAAA,EAAMA,YAAI,IAAVA,OAAAA,EAAAA,EAAYK,QAAQ,UAAE,WAAtBL,EAAkC,EAAVM,WAKhD,MAAO,CACLN,MAJmBI,MAAAA,OAAAA,EAAAA,EAAiBG,QAClC,IAAIC,IAAoBJ,EAAgBxB,KAAI,SAAC6B,G,MAAY,CAACA,EAAQC,KAAMD,EAAQE,WAChF,IAAIH,IAAoB,IAG1BI,QAASlF,EACTmF,WAAYb,IAAStE,EACrB0E,gBAAAA,GAIG,IAAMU,GAAW,SAACC,EAAeC,GACtC,MAAO,GAAYA,OAATD,EAAM,KAA2B,OAAxBC,EAAO,IAAS,OAALA,EAAK,KAAK,KChB7BC,GAAe,I,QAAIC,iBAAuC,M,WCTvE,kB,uqCAuCA,IAAIC,GAA8D,GAM3D,SAASC,GAAkBC,G,IAGTA,EACfA,EAHRF,GAAqBE,EAAUC,MAAQ,MAClCD,EAAS,CACZE,oBAAkD,QAA7BF,EAAAA,EAAUE,2BAAmB,IAA7BF,EAAAA,EAAiC,SACtDG,KAAoB,QAAdH,EAAAA,EAAUG,YAAI,IAAdH,EAAAA,EAAkB,SA6B5B,SAASI,GAAsBC,G,IACfA,EAARxI,EAAQwI,MAAAA,GAAS,QAATA,EAAAA,EAAKC,YAAI,IAATD,OAAAA,EAAAA,EAAWxI,MACzB,MAAqB,iBAAVA,EACFA,EACEA,GAA0B,iBAAVA,GAClB0I,EAAAA,EAAAA,eAAcF,EAAIG,WAAY3I,EAAMoE,IAAKpE,EAAM4I,SAEjDJ,EAAIJ,KAmBN,SAASS,GAAuBT,EAAcU,GACnD,IAAMhF,EAAQiF,KACRtF,EAAQK,EAAMC,WACdoE,EAhDR,SAAkCC,GAChC,GAAIH,GAAqBG,GACvB,OAAOH,GAAqBG,GAE5B,IAKyBY,EAEfA,EAFeA,EAEfA,EAPJA,GAAqBC,EAAAA,GAAAA,0BAAyBb,GACpD,GAAIY,EACF,MAAO,CACLZ,KAAMY,EAAmBZ,KACzBpI,MAAOuI,GAAsBS,GAC7BX,oBAAwD,QAAnCW,EAAuB,QAAvBA,EAAAA,EAAmBP,YAAI,IAAvBO,OAAAA,EAAAA,EAAyBE,kBAAU,IAAnCF,EAAAA,EAAuC,SAC5DG,KAAMH,EAAmBG,KACzBb,KAAmC,QAA7BU,EAAuB,QAAvBA,EAAAA,EAAmBP,YAAI,IAAvBO,OAAAA,EAAAA,EAAyBV,YAAI,IAA7BU,EAAAA,EAAiC,QAGzC,MAAM,IAAII,MAAM,uBAA4B,OAALhB,EAAK,2BAkC9BiB,CAAyBjB,GACrCkB,EAAe,MAChBnB,EAAS,CACZoB,eAAgB,W,IAACC,IAAgB,UAAH,+C,OAAYD,GAAenB,EAAMoB,IAC/DC,oBAAqB,SAACC,G,OAAYD,GAAoBrB,EAAMsB,IAC5DZ,gBAAAA,IAEIa,EAAqBlG,EAAMmG,eAAeC,QAAO,SAACC,G,OAAMA,EAAExB,MAAQgB,EAAahB,QACrF,GAAiC,GAA7BqB,EAAmBtC,OACrBvD,EAAME,SAAS,MAAKP,EAAO,CAAAmG,eAAgB,CAACN,GAAD,OAAe,GAAG7F,EAAMmG,wBAC9D,CACL,IAAMG,EAActG,EAAMmG,eAAeI,WAAU,SAACF,G,OAAMA,EAAE1B,MAAQA,KAC9D6B,EAAiBC,GAA0BP,EAAmB,GAAGvB,MACvE,GAAI2B,GAAe,EAAG,CACpB,IAAMI,EAAoB,GAAG1G,EAAMmG,gBACnCO,EAAiBC,OAAOL,EAAa,GACrCtG,EAAMmG,eAAeG,GAAajB,gBAAkBQ,EAAaR,gBACjE,IAAMc,EAAiB,CAACnG,EAAMmG,eAAeG,IAAtB,OAAoC,GAAGI,IAC9DrG,EAAME,SAAS,MAAKP,EAAO,CAAAmG,eAAAA,UACtB,IAAKK,GAAkBA,IAAkB,C,IAC1BN,EAAdU,EAAyC,QAA3BV,EAAAA,EAAmB,GAAG3J,aAAK,IAA3B2J,EAAAA,EAA+BA,EAAmB,GAAGvB,KACnEkC,EAAiB,CACrBtK,OAAO0I,EAAAA,EAAAA,eACL,iCACA,oBACA,iDAEF6B,MAAM7B,EAAAA,EAAAA,eACJ,iCACA,qBACA,qFAAiG,OAAZ2B,EAAY,UACjG,CAAEG,SAAUH,IAEdI,UAAW,WACT,IAAMhH,EAAQK,EAAMC,WACpBD,EAAME,SAAS,CACb4F,eAAgB,CAACN,GAAD,OAAe,GAAG7F,EAAMmG,eAAeC,QAAO,SAACC,G,OAAMA,EAAExB,MAAQgB,EAAahB,UAC5FgC,OAAQ,QAGZI,aAAahC,EAAAA,EAAAA,eAAc,iCAAkC,aAAc,gBAE7E5E,EAAME,SAAS,MAAKP,EAAO,CAAA6G,OAAAA,SACtB,CACL,IAAM7G,EAAQK,EAAMC,WACpBD,EAAME,SAAS,MACVP,EAAK,CACRmG,eAAgB,CAACN,GAAD,OAAe,GAAG7F,EAAMmG,eAAeC,QAAO,SAACC,G,OAAMA,EAAExB,MAAQgB,EAAahB,eAM7F,SAASqC,GAAoC,G,IAClDC,EADkD,EAClDA,YACAC,EAFkD,EAElDA,cACAC,EAHkD,EAGlDA,cACAhC,EAJkD,EAIlDA,gBAOAiC,GAAuBH,GACvB/B,GAAuBgC,EAAe/B,IACtCkC,EAAAA,EAAAA,UAAS,CAAE1G,GAAI,6BAA+B,GAAe,OAAZsG,EAAY,WAAWE,EAAgB,IAAkB,OAAdA,GAAkB,MAGhH,IAAMG,GAA0B,GAEzB,SAASxB,GAAoBoB,EAAuBnB,GACzDuB,GAAwBJ,GAAiBnB,EAGpC,SAASQ,GAA0BW,GACxC,OAAOI,GAAwBJ,GAG1B,SAASK,KACd,IAAMpH,EAAQiF,KACRtF,EAAQK,EAAMC,WACpBD,EAAME,SAAS,MAAKP,EAAO,CAAA6G,OAAQ,QAG9B,SAASf,GAAenB,EAAcoB,GAC3C,IAAM1F,EAAQiF,KACRkB,EAAiBC,GAA0B9B,GACjD,IAAKoB,GAAiBS,GAAkBA,IAAkB,CACxD,IAAMK,EAAiB,CACrBtK,OAAO0I,EAAAA,EAAAA,eAAc,iCAAkC,0BAA2B,mBAClF6B,MAAM7B,EAAAA,EAAAA,eACJ,iCACA,oBACC,qFAEH+B,UAAW,WACT,IAAMhH,EAAQK,EAAMC,WACpBD,EAAME,SAAS,MAAKP,EAAO,CAAA6G,OAAQ,KAAMV,eAAgBnG,EAAMmG,eAAeC,QAAO,SAACC,G,OAAMA,EAAE1B,MAAQA,SAExGsC,aAAahC,EAAAA,EAAAA,eAAc,iCAAkC,UAAW,YAE1E5E,EAAME,SAAS,MAAKF,EAAMC,WAAY,CAAAuG,OAAAA,SACjC,CACL,IAAM7G,EAAQK,EAAMC,WACpBD,EAAME,SAAS,MAAKP,EAAO,CAAAmG,eAAgBnG,EAAMmG,eAAeC,QAAO,SAACC,G,OAAMA,EAAE1B,MAAQA,SAIrF,SAAS+C,KACd,IAAMrH,EAAQiF,KACRtF,EAAQK,EAAMC,WACpBD,EAAME,SAAS,MAAKP,EAAO,CAAAmG,eAAgB,MAQtC,SAASmB,GAAuBH,GACrC,IAAM9G,EAAQiF,KACAjF,EAAMC,WACV6G,aAAeA,GACvB9G,EAAME,SAAS,CAAE4G,YAAAA,EAAahB,eAAgB,GAAIU,OAAQ,OAI9D,IAAMc,GAAe,CAAER,YAAa,KAAMhB,eAAgB,GAAIU,OAAQ,MAC/D,SAASvB,KACd,OAAOsC,EAAAA,EAAAA,gBAAoC,YAAaD,IAOnD,SAASE,KACdvC,KAAoB/E,SAASoH,I,eCrP/B,kB,i7BAWO,SAASG,KACd,IAAoCC,EAAkC,IAAlCA,EAAAA,EAAAA,UAA+B,IAAG,GAA/DC,EAA6BD,EAAkC,GAAnDE,EAAiBF,EAAkC,GAC1CA,EAAsB,IAAtBA,EAAAA,EAAAA,UAAiB,MAAK,GAA3ClB,EAAqBkB,EAAsB,GAAnCG,EAAaH,EAAsB,IAElDxI,EAAAA,EAAAA,YAAU,W,IACC4I,EAAT,SAAgBnI,GACdiI,EAAcjI,EAAMmG,gBACpB+B,EAAUlI,EAAM6G,SAElBsB,GAAO7C,EAAAA,GAAAA,qBAAoBhF,aAC3BgF,EAAAA,GAAAA,qBAAoB8C,UAAUD,KAC7B,IAEH,IAAME,GAAc1G,EAAAA,EAAAA,UAAQ,WAC1B,OAA0B,IAAtBqG,EAAWpE,OACN,SAEAoE,EAAW,GAAGpD,sBAEtB,CAACoD,IAEJ,MAAO,CACLM,OAAQN,EAAWpE,OAAS,EAC5ByE,YAAAA,EACAL,WAAAA,EACAnB,OAAAA,GCpCJ,kB,yFAcA,SAAS0B,GAAQvI,EAA4BwI,GAC3C,OAAQA,GACN,IAAK,YACL,IAAK,WACH,MAAO,CAAEC,KAAM,UACjB,QACE,MAAO,CAAEA,KAAMD,IAIrB,IAAME,IAA6BC,EAAAA,EAAAA,eAA0C,CAC3EC,WAAY,CAAEH,KAAM,UACpBH,QAAQ,IAGGO,GAAyB,WAEpC,OADcC,EAAAA,EAAAA,YAAWJ,KAIdK,GAAwC,Y,QAAGvM,EAAQ,EAARA,SAEiBwM,G,EAAAA,IAAAA,WAAiBT,GAD9C,CAAEE,KAAM,W,EAC4D,E,i0BAAvGQ,EAAgED,EAAuC,GAA3EE,EAAoCF,EAAuC,GAClElB,EAAAA,KAApCE,EAAoCF,EAApCE,WAAYK,EAAwBP,EAAxBO,YAAaC,EAAWR,EAAXQ,QAEjC/I,EAAAA,EAAAA,YAAU,WACJyI,EAAWpE,OAAS,GAAqB,cAAhByE,EAC3Ba,EAAiC,aAEjCA,EAAiC,cAElC,CAAClB,EAAWpE,OAAQyE,IAEvB,IAAMc,GAAmBC,EAAAA,EAAAA,cAAY,SAACZ,GACpCU,EAAiCV,KAChC,IAEGa,GAAkB1H,EAAAA,EAAAA,UAAQ,WAC9B,MAAO,CACLiH,WAAYK,EACZE,iBAAkBA,EAClBb,OAAAA,KAED,CAACW,EAA4BE,EAAkBb,IAElD,OAAO,kBAACI,GAA2BY,SAAQ,CAACC,MAAOF,GAAkB7M,I,sBCpD1DgN,GAA6B,SAACrC,GACzC,IAOI9D,EAPoBoG,GAAAA,EAAAA,GAAAA,IACtB,yCAA0DC,OAAjBvC,EAAY,OAA0B,OAJrD,oFAK1B3D,EAAAA,cAFMH,EAAgBoG,EAAhBpG,KAAMtE,EAAU0K,EAAV1K,MAKR4K,GAA0BhI,EAAAA,EAAAA,UAC9B,WACE0B,OAE4D,QAF5DA,EAAAA,MAAAA,OAAAA,EAAAA,EAAMA,KAAKK,QACRkG,MAAK,SAACC,EAAGC,G,OAAOA,EAAEC,aAAeF,EAAEE,aAAe,GAAK,KACvD3D,QAAO,SAAC4D,G,OAA4C,OAA7BA,EAAWC,wBAAuB,IAF5D5G,EAAAA,EAEgE,KAClE,CAACA,MAAAA,OAAAA,EAAAA,EAAMA,KAAKK,UAGd,MAAO,CACLiG,yBAAyBO,EAAAA,GAAAA,GAAOP,GAAyB,SAACQ,G,IAAYA,EAAAA,OAAAA,MAAAA,GAAgB,QAAhBA,EAAAA,EAASA,eAAO,IAAhBA,OAAAA,EAAAA,EAAkBpG,QACxFhF,MAAAA,EACAmF,WAAYb,IAAStE,I,iCCxBzB,2B,qSAGO,IAAMqL,GAA8B,uBAMpC,SAASC,GAAqClD,GACnD,IAyCSmD,EAzCHA,GAAqBC,EAAAA,EAAAA,YAAWpD,GAChCqD,GAAsBf,EAAAA,GAAAA,IAAO,4BAAwC,OAAZtC,GAAe,2B,IACtEsD,E,kFAAuBC,GAAyCvD,G,UAAhEsD,EAAiB,EAAH,KACC,C,eACnB,MAAM,IAAI9E,MAAM,uDAAmE,OAAZwB,I,gCAGlEsD,G,4CAGT,OAAIH,EAAmBpG,YAAesG,EAAoBnH,OAASmH,EAAoBzL,MAC9E,CACLmF,WAAW,EACXyG,QAAS,KACTxD,YAAAA,EACApI,MAAO,MAIPuL,EAAmBK,UAAY,EAAoBA,QAAgBC,MAC9D,CACL1G,WAAW,EACXyG,QAASL,EAAmBK,QAC5BxD,YAAAA,EACApI,MAAO,MAIPyL,EAAoBnH,KACf,CACLa,WAAW,EACXyG,QAASH,EAAoBnH,KAC7B8D,YAAAA,EACApI,MAAO,MAIJ,CACLmF,WAAW,EACXyG,QAAS,KACTxD,YAAAA,EACApI,MAA+B,QAAxBuL,EAAAA,EAAmBvL,aAAK,IAAxBuL,EAAAA,EAA4BE,EAAoBzL,O,SAI5C2L,GAAyCvD,G,OAAzCuD,GAAwC,sB,SAAxCA,K,OAAAA,GAAf,yBAAwDvD,G,IAChD0D,EACAC,E,mFADqCC,EAAAA,EAAAA,yBAA6BX,I,cAAlES,EAA+B,EAAH,KAC5BC,EAAkBD,EAA6BG,MAAK,SAACC,G,OAASA,EAAKC,YAAYrP,KAAOsL,K,kBACrF2D,EAAgBI,a,4CAH8B,sBCvDvD,2B,qSAkBO,IAAMC,GAAgB,QActB,SAASC,GAAuBjE,GACrC,IAAMkE,GAAWC,EAAAA,EAAAA,mBACXC,EAAeC,GAAgBrE,GAC/BsE,GAAcC,EAAAA,EAAAA,UAASvE,GAC7B,OAAOkE,EAAWI,EAAcF,EAO3B,SAASC,GAAgBrE,GAC9B,IAAMwE,EAASxE,EAAc,gBAA4B,OAAZA,GAAgB,KACvDyE,GAAkBnC,EAAAA,GAAAA,IAAckC,EAAQ,2B,IACtCJ,E,kFAAqBM,GAA0B1E,G,cAA/CoE,EAAe,EAAH,K,kBACXA,EAAeO,GAAoBP,QAAgBlP,G,4CAG5D,MAAO,CACL0P,aAAcH,EAAgBvI,KAC9B2I,aAAcJ,EAAgBI,aAC9BjN,MAAO6M,EAAgB7M,MACvBkN,OAAQL,EAAgBK,QAWrB,SAASC,GAA2B/E,EAAqBgF,G,IAE7CC,EAAY,EADvBf,GAAWC,EAAAA,EAAAA,mBACXe,EAAuB,QAAZD,GAAAA,EAAAA,EAAAA,qBAAY,IAAZA,GAA6B,QAA7BA,EAAAA,EAAcE,uBAAe,WAA7BF,EAA6B,EAAErI,KACMyH,EAAAA,GAAgBrE,GAA9D4E,EAA8CP,EAA9CO,aAAcC,EAAgCR,EAAhCQ,aAAcjN,EAAkByM,EAAlBzM,MAAOkN,EAAWT,EAAXS,QAE3C1M,EAAAA,EAAAA,YAAU,WACH8L,GAAaW,GAAiBD,GAAiBhN,GAClDwN,GAA6BpF,EAAakF,EAAUF,GAAsBK,SAAQ,W,OAAMP,SAEzF,CAACZ,EAAUU,EAAcC,EAAcjN,EAAOkN,EAAQI,EAAUF,EAAsBhF,IAGpF,SAAe0E,GAA0B1E,G,OAA1B0E,GAAyB,sB,SAAzBA,K,OAAAA,GAAf,yBAAyC1E,G,IACxCsF,E,mFAAsB1B,EAAAA,EAAAA,yBAAsCI,I,cAA5DsB,EAAgB,EAAH,K,kBACZA,EAAczB,MAAK,SAAC0B,G,OAAUA,EAAM/B,UAAYxD,M,4CAFV,sBAKxC,SAAeoF,GACpBpF,EACAkF,EACAF,G,OAHoBI,GAA4B,sB,SAA5BA,K,OAAAA,GAAf,yBACLpF,EACAkF,EACAF,G,IAEMtB,EACA8B,EAIApB,EAQAqB,E,mFAbqC7B,EAAAA,EAAAA,yBAA6BX,I,cAAlES,EAA+B,EAAH,KAC5B8B,EAAqC9B,EAA6BgC,MACtE,SAAC5B,G,OAASA,EAAKC,YAAYrP,KAAOsL,KAG9BoE,EAA6B,CACjCxH,MAAM+I,EAAAA,GAAAA,KACNnC,QAASxD,EACT4F,cAAe,IAAIC,KACnBX,SAAAA,EACAY,UAAWd,GAGPS,EAAkC,CACtC/Q,GAAI0P,EAAaxH,KACjBmJ,YAAa,gBACb/F,YAAAA,EACAgG,aAAcR,EACV,CACE,CACE9H,KAAMuF,GACNvO,GAAIsL,IAGR,I,UAGAiG,EAAAA,EAAAA,0BAAyBjC,GAAeI,EAAcqB,G,gCACrDrB,G,4CAjCyC,sBAoClD,SAASO,GAAoBP,G,IAGVA,EACDA,EAHhB,MAAO,CACLxH,KAAMwH,EAAaxH,KACnBgJ,cAAyC,QAA1BxB,EAAAA,EAAawB,qBAAa,IAA1BxB,OAAAA,EAAAA,EAA4B8B,WAC3CC,aAAuC,QAAzB/B,EAAAA,EAAa+B,oBAAY,IAAzB/B,OAAAA,EAAAA,EAA2B8B,WACzCE,WAAY,GACZN,UAAW,CACTlJ,KAAMwH,EAAa0B,UACnBO,QAAS,WAEX7C,QAAS,CACP5G,KAAMwH,EAAaZ","sources":["webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/cards/card-header.scss","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/empty-state/empty-state.scss","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/error-state/error-state.scss","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/pagination/pagination.component.scss","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/cards/card-header.scss?18b6","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/cards/card-header.component.tsx","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/empty-state/empty-state.scss?5172","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/empty-state/empty-data-illustration.component.tsx","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/empty-state/empty-state.component.tsx","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/error-state/error-state.scss?f274","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/error-state/error-state.component.tsx","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/nav-group/DashboardGroupExtension.tsx","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/nav-group/createDashboardGroup.tsx","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/nav-group/nav-group.ts","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/dashboards/DashboardExtension.tsx","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/dashboards/createDashboardLink.tsx","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/launchStartVisitPrompt.tsx","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/pagination/pagination.component.scss?671a","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/pagination/usePaginationInfo.ts","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/pagination/pagination.component.tsx","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/time-helper.ts","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/useVitalsConceptMetadata.tsx","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/form-entry/form-entry.ts","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/workspaces/workspaces.ts","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/workspaces/useWorkspaces.tsx","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/workspaces/useWorkspaceWindowSize.tsx","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/programs/usePatientProgramEnrollment.tsx","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/offline/patient.ts","webpack://@openmrs/esm-patient-programs-app/../esm-patient-common-lib/src/offline/visit.ts"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,select,input,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:\\\"\\\"}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace}strong{font-weight:600}@media screen and (-ms-high-contrast: active){svg{fill:ButtonText}}h1{font-size:2.625rem;font-weight:300;line-height:1.199;letter-spacing:0}h2{font-size:2rem;font-weight:400;line-height:1.25;letter-spacing:0}h3{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}h4{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}h5{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}h6{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}p{font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:0}a{color:#0f62fe}em{font-style:italic}@keyframes -esm-patient-programs__card-header__skeleton___RFH3S{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.-esm-patient-programs__card-header__desktopHeader___BUQ5I,.-esm-patient-programs__card-header__tabletHeader___efA_M{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0 .75rem 1rem;background-color:#fff}.-esm-patient-programs__card-header__desktopHeader___BUQ5I h4:after,.-esm-patient-programs__card-header__tabletHeader___efA_M h4:after{content:\\\"\\\";display:block;width:2rem;padding-top:.188rem;border-bottom:.375rem solid var(--brand-03)}.-esm-patient-programs__card-header__desktopHeader___BUQ5I{height:3rem}.-esm-patient-programs__card-header__desktopHeader___BUQ5I h4{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0;color:#525252}.-esm-patient-programs__card-header__tabletHeader___efA_M{height:4.5rem}.-esm-patient-programs__card-header__tabletHeader___efA_M h4{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0;color:#525252}\", \"\",{\"version\":3,\"sources\":[\"webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/_css--reset.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_reset.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_font-family.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/icons/mixins.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/_helper-mixins.scss\",\"webpack://./../esm-patient-common-lib/src/cards/card-header.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss\"],\"names\":[],\"mappings\":\"AAyCA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCTE,2ZAiFE,SAAA,CACA,QAAA,CACA,QAAA,CACA,YAAA,CACA,cAAA,CACA,uBAAA,CAIF,6BAIE,eAAA,CACA,mBAAA,CAGF,4BACE,YAAA,CAIF,mFAYE,aAAA,CAGF,KACE,aAAA,CAGF,IACE,oBAAA,CAGF,IACE,kBAAA,CAGF,MAEE,eAAA,CAGF,aAEE,WAAA,CAGF,wDAIE,UAAA,CAGF,MACE,wBAAA,CACA,gBAAA,CAGF,EACE,qBAAA,CAIF,OACE,QAAA,CC3KJ,KACE,cAAA,CAGF,KC0CA,eAAA,CDvCE,gEAViB,CAWjB,iCAAA,CACA,kCAAA,CACA,iCAAA,CAGF,KACE,wGAhBiB,CAmBnB,OC6BA,eAAA,CCxDA,8CACE,IACE,eAAA,CAAA,CFkCJ,GGggBE,kBAsLsB,CAtLtB,eAsLsB,CAtLtB,iBAsLsB,CAtLtB,gBAsLsB,CHlrBxB,GG4fE,cAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CAtLtB,gBAsLsB,CH9qBxB,GGwfE,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CAtLtB,gBAsLsB,CH1qBxB,GGofE,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CHtqBxB,GGgfE,cAsLsB,CAtLtB,eAsLsB,CAtLtB,iBAsLsB,CAtLtB,gBAsLsB,CHlqBxB,GG4eE,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CAtLtB,oBAsLsB,CH9pBxB,EGweE,cAsLsB,CAtLtB,eAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CH1pBxB,EAII,aAAA,CAMJ,GACE,iBAAA,CIkHF,gEACE,GACE,UAAA,CACA,mBAAA,CACA,qBAAA,CAEF,IACE,SAAA,CACA,mBAAA,CACA,qBAAA,CAEF,IACE,mBAAA,CACA,sBAAA,CAEF,IACE,mBAAA,CACA,sBAAA,CAEF,IACE,mBAAA,CACA,sBAAA,CAEF,IACE,mBAAA,CACA,sBAAA,CAEF,IACE,mBAAA,CACA,qBAAA,CAEF,IACE,mBAAA,CACA,qBAAA,CAEF,KACE,UAAA,CACA,mBAAA,CACA,qBAAA,CAAA,CC3ON,qHACE,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,4BAAA,CACA,qBCmCgB,CDjChB,uIACE,UAAA,CACA,aAAA,CACA,UAAA,CACA,mBAAA,CACA,2CAAA,CAIJ,2DACE,WAAA,CACA,8DF0hBE,cAsLsB,CAtLtB,eAsLsB,CAtLtB,iBAsLsB,CAtLtB,gBAsLsB,CE9sBtB,aC2BQ,CDvBZ,0DACE,aAAA,CACA,6DFkhBE,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CEtsBtB,aCmBQ\",\"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\",\"//\\n// Copyright IBM Corp. 2016, 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 './vendor/@carbon/elements/scss/import-once/import-once';\\n@import './vendor/@carbon/elements/scss/type/reset';\\n@import './vendor/@carbon/elements/scss/icons/mixins';\\n\\n/// Resets default browser styling\\n/// @access public\\n/// @group global-reset\\n@mixin reset {\\n  @if variable-exists(css--reset) == false or $css--reset == false {\\n    box-sizing: border-box;\\n    padding: 0;\\n    border: 0;\\n    margin: 0;\\n    font-family: inherit;\\n    font-size: 100%;\\n    vertical-align: baseline;\\n\\n    *,\\n    *::before,\\n    *::after {\\n      box-sizing: inherit;\\n    }\\n  }\\n}\\n\\n@include exports('css--reset') {\\n  @if variable-exists(css--reset) == false or $css--reset == true {\\n    // http://cssreset.com/scripts/eric-meyer-reset-css/\\n    html,\\n    body,\\n    div,\\n    span,\\n    applet,\\n    object,\\n    iframe,\\n    h1,\\n    h2,\\n    h3,\\n    h4,\\n    h5,\\n    h6,\\n    p,\\n    blockquote,\\n    pre,\\n    a,\\n    abbr,\\n    acronym,\\n    address,\\n    big,\\n    cite,\\n    code,\\n    del,\\n    dfn,\\n    em,\\n    img,\\n    ins,\\n    kbd,\\n    q,\\n    s,\\n    samp,\\n    small,\\n    strike,\\n    strong,\\n    sub,\\n    sup,\\n    tt,\\n    var,\\n    b,\\n    u,\\n    i,\\n    center,\\n    dl,\\n    dt,\\n    dd,\\n    ol,\\n    ul,\\n    li,\\n    fieldset,\\n    form,\\n    label,\\n    legend,\\n    table,\\n    caption,\\n    tbody,\\n    tfoot,\\n    thead,\\n    tr,\\n    th,\\n    td,\\n    article,\\n    aside,\\n    canvas,\\n    details,\\n    embed,\\n    figure,\\n    figcaption,\\n    footer,\\n    header,\\n    hgroup,\\n    menu,\\n    nav,\\n    output,\\n    ruby,\\n    section,\\n    summary,\\n    time,\\n    mark,\\n    audio,\\n    video {\\n      padding: 0;\\n      border: 0;\\n      margin: 0;\\n      font: inherit;\\n      font-size: 100%;\\n      vertical-align: baseline;\\n    }\\n\\n    // Chrome 62 fix\\n    button,\\n    select,\\n    input,\\n    textarea {\\n      border-radius: 0;\\n      font-family: inherit;\\n    }\\n\\n    input[type='text']::-ms-clear {\\n      display: none;\\n    }\\n\\n    /* HTML5 display-role reset for older browsers */\\n    article,\\n    aside,\\n    details,\\n    figcaption,\\n    figure,\\n    footer,\\n    header,\\n    hgroup,\\n    main,\\n    menu,\\n    nav,\\n    section {\\n      display: block;\\n    }\\n\\n    body {\\n      line-height: 1;\\n    }\\n\\n    sup {\\n      vertical-align: super;\\n    }\\n\\n    sub {\\n      vertical-align: sub;\\n    }\\n\\n    ol,\\n    ul {\\n      list-style: none;\\n    }\\n\\n    blockquote,\\n    q {\\n      quotes: none;\\n    }\\n\\n    blockquote::before,\\n    blockquote::after,\\n    q::before,\\n    q::after {\\n      content: '';\\n    }\\n\\n    table {\\n      border-collapse: collapse;\\n      border-spacing: 0;\\n    }\\n\\n    * {\\n      box-sizing: border-box;\\n    }\\n\\n    // Fix to remove added margins on buttons in safari (see #5155)\\n    button {\\n      margin: 0;\\n    }\\n\\n    @include carbon--type-reset;\\n    @include carbon--icons;\\n  }\\n}\\n\\n@include exports('css--default-type') {\\n  @if variable-exists(css--default-type) == false or $css--default-type == true\\n  {\\n    @include carbon--default-type;\\n  }\\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/convert';\\n@import 'font-family';\\n@import 'styles';\\n\\n/// Include a type reset for a given body and mono font family\\n/// @param {String} $body-font-family [carbon--font-family('sans')] - The font family used on the `<body>` element\\n/// @param {String} $mono-font-family [carbon--font-family('mono')] - The font family used on elements that require mono fonts, like the `<code>` element\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--type-reset(\\n  // TODO: remove in next major release. This has been replaced with 100%\\n  $base-font-size: $carbon--base-font-size,\\n  $body-font-family: carbon--font-family('sans'),\\n  $mono-font-family: carbon--font-family('mono')\\n) {\\n  html {\\n    font-size: 100%;\\n  }\\n\\n  body {\\n    @include carbon--font-weight('regular');\\n\\n    font-family: $body-font-family;\\n    -moz-osx-font-smoothing: grayscale;\\n    -webkit-font-smoothing: antialiased;\\n    text-rendering: optimizeLegibility;\\n  }\\n\\n  code {\\n    font-family: $mono-font-family;\\n  }\\n\\n  strong {\\n    @include carbon--font-weight('semibold');\\n  }\\n}\\n\\n/// Include default type styles\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--default-type {\\n  h1 {\\n    @include carbon--type-style('productive-heading-06');\\n  }\\n\\n  h2 {\\n    @include carbon--type-style('productive-heading-05');\\n  }\\n\\n  h3 {\\n    @include carbon--type-style('productive-heading-04');\\n  }\\n\\n  h4 {\\n    @include carbon--type-style('productive-heading-03');\\n  }\\n\\n  h5 {\\n    @include carbon--type-style('productive-heading-02');\\n  }\\n\\n  h6 {\\n    @include carbon--type-style('productive-heading-01');\\n  }\\n\\n  p {\\n    @include carbon--type-style('body-long-02');\\n  }\\n\\n  a {\\n    @if global-variable-exists('carbon--theme') and\\n      map-has-key($carbon--theme, 'link-01')\\n    {\\n      color: map-get($carbon--theme, 'link-01');\\n    } @else {\\n      color: #0062fe;\\n    }\\n  }\\n\\n  em {\\n    font-style: italic;\\n  }\\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/// Font family fallbacks for: IBM Plex Mono, IBM Plex Sans, IBM Plex Sans\\n/// Condensed, IBM Plex Sans Hebrew, and IBM Plex Serif\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$carbon--font-families: (\\n  'mono':\\n    unquote(\\n      \\\"'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace\\\"\\n    ),\\n  'sans': unquote(\\\"'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif\\\"),\\n  'sans-condensed':\\n    unquote(\\\"'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif\\\"),\\n  'sans-hebrew':\\n    unquote(\\n      \\\"'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif\\\"\\n    ),\\n  'serif': unquote(\\\"'IBM Plex Serif', 'Georgia', Times, serif\\\"),\\n) !default;\\n\\n/// Get the font-family for an IBM Plex font\\n/// @param {String} $name\\n/// @return {String}\\n/// @access public\\n/// @group @carbon/type\\n@function carbon--font-family($name) {\\n  @return map-get($carbon--font-families, $name);\\n}\\n\\n/// Include the `font-family` definition for the given name in your selector\\n/// @param {String} $name\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--font-family($name) {\\n  font-family: carbon--font-family($name);\\n}\\n\\n/// Suggested font weights to be used in product\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$carbon--font-weights: (\\n  'light': 300,\\n  'regular': 400,\\n  'semibold': 600,\\n) !default;\\n\\n/// Retrieve the font-weight value for a given name\\n/// @param {String} $weight\\n/// @return {Number}\\n/// @access public\\n/// @group @carbon/type\\n@function carbon--font-weight($weight) {\\n  @return map-get($carbon--font-weights, $weight);\\n}\\n\\n/// Set the `font-weight` property with the value for a given name\\n/// @param {String} $weight\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--font-weight($weight) {\\n  font-weight: carbon--font-weight($weight);\\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/// Makes SVGs accessible in high contrast mode\\n/// @link https://github.com/IBM/carbon-elements/issues/345#issuecomment-466577293 Carbon-elements #345\\n/// @access public\\n/// @group @carbon/icons\\n@mixin carbon--icons {\\n  @media screen and (-ms-high-contrast: active) {\\n    svg {\\n      fill: ButtonText;\\n    }\\n  }\\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$caption-02: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\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$label-02: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\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$helper-text-02: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\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  caption-02: $caption-02,\\n  label-01: $label-01,\\n  label-02: $label-02,\\n  helper-text-01: $helper-text-01,\\n  helper-text-02: $helper-text-02,\\n  body-short-01: $body-short-01,\\n  body-short-02: $body-short-02,\\n  body-long-01: $body-long-01,\\n  body-long-02: $body-long-02,\\n  code-01: $code-01,\\n  code-02: $code-02,\\n  heading-01: $heading-01,\\n  heading-02: $heading-02,\\n  productive-heading-01: $productive-heading-01,\\n  productive-heading-02: $productive-heading-02,\\n  productive-heading-03: $productive-heading-03,\\n  productive-heading-04: $productive-heading-04,\\n  productive-heading-05: $productive-heading-05,\\n  productive-heading-06: $productive-heading-06,\\n  productive-heading-07: $productive-heading-07,\\n  expressive-paragraph-01: $expressive-paragraph-01,\\n  expressive-heading-01: $expressive-heading-01,\\n  expressive-heading-02: $expressive-heading-02,\\n  expressive-heading-03: $expressive-heading-03,\\n  expressive-heading-04: $expressive-heading-04,\\n  expressive-heading-05: $expressive-heading-05,\\n  expressive-heading-06: $expressive-heading-06,\\n  quotation-01: $quotation-01,\\n  quotation-02: $quotation-02,\\n  display-01: $display-01,\\n  display-02: $display-02,\\n  display-03: $display-03,\\n  display-04: $display-04,\\n);\\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  // Otherwise remove token breakpoints\\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, map-remove($token, 'breakpoints'));\\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\",\"//\\n// Copyright IBM Corp. 2016, 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//----------------------------------------------\\n// Mixins\\n// ---------------------------------------------\\n//\\n//   Category             ||  Description\\n//   ===========================================\\n//   Misc                 ||  General helper @mixins\\n//   Deprecated           ||  Not used anymore\\n//   ===========================================\\n\\n//----------------------------------------------\\n// Misc\\n// ---------------------------------------------\\n\\n@import 'vars';\\n@import 'css--reset';\\n@import 'typography';\\n@import './vendor/@carbon/elements/scss/import-once/import-once';\\n\\n/// Adds text overflow styling\\n/// @access public\\n/// @param {Number} $width [false] - Value of width if you want to set width, else nothing\\n/// @example @include text-overflow(300px);\\n/// @group global-helpers\\n@mixin text-overflow($width: false) {\\n  display: block;\\n  overflow-x: hidden;\\n  text-overflow: ellipsis;\\n  white-space: nowrap;\\n\\n  // apply a width if width parameter exists\\n  @if ($width) {\\n    width: $width;\\n  }\\n}\\n\\n/// Adds placeholder text color\\n/// @access public\\n/// @example @include placeholder-colors;\\n/// @group global-helpers\\n@mixin placeholder-colors {\\n  color: $text-05;\\n  opacity: 1;\\n}\\n\\n/// Adds box shadow\\n/// @access public\\n/// @example @include box-shadow;\\n/// @group global-helpers\\n@mixin box-shadow {\\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\\n}\\n\\n/// Adds outline styles depending on specific type\\n/// @access public\\n/// @param {String} $type ['border'] - Type of outline from: `border`, `blurred`, `outline`, `invalid`, `reset`\\n/// @example @include focus-outline('outline');\\n/// @group global-helpers\\n@mixin focus-outline($type: 'border') {\\n  @if ($type == 'border') {\\n    outline: 1px solid $focus;\\n\\n    @media screen and (prefers-contrast) {\\n      outline-style: dotted;\\n    }\\n  }\\n\\n  @if ($type == 'blurred') {\\n    box-shadow: 0 0 0 3px $focus;\\n    outline: 1px solid transparent;\\n  }\\n\\n  @if ($type == 'outline') {\\n    outline: 2px solid $focus;\\n    outline-offset: -2px;\\n\\n    @media screen and (prefers-contrast) {\\n      outline-style: dotted;\\n    }\\n  }\\n\\n  @if ($type == 'outline-compat') {\\n    box-sizing: border-box;\\n    border: 2px solid $focus;\\n\\n    @media screen and (prefers-contrast) {\\n      border-style: dotted;\\n    }\\n  }\\n\\n  @if ($type == 'invalid') {\\n    outline: 2px solid $support-01;\\n    outline-offset: -2px;\\n\\n    @media screen and (prefers-contrast) {\\n      outline-style: dotted;\\n    }\\n  }\\n\\n  @if ($type == 'reset') {\\n    outline: 2px solid transparent;\\n    outline-offset: -2px;\\n  }\\n}\\n\\n/// Adds rotational transformation\\n/// @access public\\n/// @param {Number} $deg - How many degrees to rotate\\n/// @param {Number} $speed - Speed of rotation\\n/// @param {Value} $origin [center] - `transform-origin`\\n/// @example @include rotate(90deg, 300ms);\\n/// @group global-helpers\\n@mixin rotate($deg, $speed, $origin: center) {\\n  transform: rotate($deg);\\n  transform-origin: $origin;\\n  transition: transform $speed;\\n}\\n\\n/// Adds styles to hide content\\n/// @access public\\n/// @group global-helpers\\n@mixin hidden {\\n  position: absolute;\\n  overflow: hidden;\\n  width: 1px;\\n  height: 1px;\\n  padding: 0;\\n  border: 0;\\n  margin: -1px;\\n  clip: rect(0, 0, 0, 0);\\n  visibility: inherit;\\n  white-space: nowrap;\\n}\\n\\n/// Resets button styles\\n/// @access public\\n/// @param {Bool} $width [true] - Sets width to 100% if true\\n/// @example @include button-reset($width: false);\\n/// @group global-helpers\\n@mixin button-reset($width: true) {\\n  @include reset;\\n\\n  display: inline-block;\\n  padding: 0;\\n  border: 0;\\n  appearance: none;\\n  background: none;\\n  cursor: pointer;\\n\\n  @if ($width == true) {\\n    width: 100%;\\n  }\\n\\n  &::-moz-focus-inner {\\n    border: 0;\\n  }\\n}\\n\\n/// Skeleton loading animation\\n/// @access public\\n/// @example @include skeleton;\\n/// @group global-helpers\\n@mixin skeleton {\\n  position: relative;\\n  padding: 0;\\n  border: none;\\n  background: $skeleton-01;\\n  box-shadow: none;\\n  pointer-events: none;\\n\\n  &:hover,\\n  &:focus,\\n  &:active {\\n    border: none;\\n    cursor: default;\\n    outline: none;\\n  }\\n\\n  &::before {\\n    position: absolute;\\n    width: 100%;\\n    height: 100%;\\n    animation: 3000ms ease-in-out skeleton infinite;\\n    background: $skeleton-02;\\n    content: '';\\n    will-change: transform-origin, transform, opacity;\\n\\n    @media (prefers-reduced-motion: reduce) {\\n      animation: none;\\n    }\\n  }\\n}\\n\\n@include exports('skeleton') {\\n  @keyframes skeleton {\\n    0% {\\n      opacity: 0.3;\\n      transform: scaleX(0);\\n      transform-origin: left;\\n    }\\n    20% {\\n      opacity: 1;\\n      transform: scaleX(1);\\n      transform-origin: left;\\n    }\\n    28% {\\n      transform: scaleX(1);\\n      transform-origin: right;\\n    }\\n    51% {\\n      transform: scaleX(0);\\n      transform-origin: right;\\n    }\\n    58% {\\n      transform: scaleX(0);\\n      transform-origin: right;\\n    }\\n    82% {\\n      transform: scaleX(1);\\n      transform-origin: right;\\n    }\\n    83% {\\n      transform: scaleX(1);\\n      transform-origin: left;\\n    }\\n    96% {\\n      transform: scaleX(0);\\n      transform-origin: left;\\n    }\\n    100% {\\n      opacity: 0.3;\\n      transform: scaleX(0);\\n      transform-origin: left;\\n    }\\n  }\\n}\\n\\n/// Windows HCM Mixin\\n/// @access public\\n/// @example @include high-contrast-mode;\\n/// @group global-helpers\\n/// We should set HCM styles at the end of each file to ensure they are not overridden\\n@mixin high-contrast-mode($type: '') {\\n  @media screen and (-ms-high-contrast: active),\\n    (forced-colors: active),\\n    (prefers-contrast) {\\n    @if ($type == 'icon-fill') {\\n      fill: ButtonText;\\n    }\\n\\n    @if ($type == 'focus') {\\n      color: Highlight;\\n      outline: 1px solid Highlight;\\n    }\\n\\n    @if ($type == 'outline') {\\n      outline: 1px solid transparent;\\n    }\\n\\n    @if ($type == 'disabled') {\\n      color: GrayText;\\n      fill: GrayText;\\n    }\\n\\n    @content;\\n  }\\n}\\n\",\"@import \\\"~@openmrs/esm-styleguide/src/vars\\\";\\n@import \\\"~carbon-components/src/globals/scss/vars\\\";\\n@import \\\"~carbon-components/src/globals/scss/mixins\\\";\\n\\n.desktopHeader, .tabletHeader {\\n  display: flex;\\n  justify-content: space-between;\\n  align-items: center;\\n  padding: $spacing-04 0 $spacing-04 $spacing-05;\\n  background-color: $ui-background;\\n\\n  h4:after {\\n    content: \\\"\\\";\\n    display: block;\\n    width: 2rem;\\n    padding-top: 0.188rem;\\n    border-bottom: 0.375rem solid var(--brand-03);\\n  }\\n}\\n\\n.desktopHeader {  \\n  height: 3rem;\\n  h4 {\\n    @include carbon--type-style('productive-heading-02');\\n    color: $text-02;\\n  }\\n}\\n\\n.tabletHeader {  \\n  height: 4.5rem;\\n  h4 {\\n    @include carbon--type-style('productive-heading-03');\\n    color: $text-02;\\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  $background: map-get($theme, 'background') !global;\\n  $layer: map-get($theme, 'layer') !global;\\n  $layer-accent: map-get($theme, 'layer-accent') !global;\\n  $layer-accent-hover: map-get($theme, 'layer-accent-hover') !global;\\n  $layer-accent-active: map-get($theme, 'layer-accent-active') !global;\\n  $field: map-get($theme, 'field') !global;\\n  $background-inverse: map-get($theme, 'background-inverse') !global;\\n  $background-brand: map-get($theme, 'background-brand') !global;\\n  $interactive: map-get($theme, 'interactive') !global;\\n  $border-subtle: map-get($theme, 'border-subtle') !global;\\n  $border-strong: map-get($theme, 'border-strong') !global;\\n  $border-inverse: map-get($theme, 'border-inverse') !global;\\n  $border-interactive: map-get($theme, 'border-interactive') !global;\\n  $text-primary: map-get($theme, 'text-primary') !global;\\n  $text-secondary: map-get($theme, 'text-secondary') !global;\\n  $text-placeholder: map-get($theme, 'text-placeholder') !global;\\n  $text-helper: map-get($theme, 'text-helper') !global;\\n  $text-on-color: map-get($theme, 'text-on-color') !global;\\n  $text-inverse: map-get($theme, 'text-inverse') !global;\\n  $link-primary: map-get($theme, 'link-primary') !global;\\n  $link-secondary: map-get($theme, 'link-secondary') !global;\\n  $link-visited: map-get($theme, 'link-visited') !global;\\n  $link-inverse: map-get($theme, 'link-inverse') !global;\\n  $icon-primary: map-get($theme, 'icon-primary') !global;\\n  $icon-secondary: map-get($theme, 'icon-secondary') !global;\\n  $icon-on-color: map-get($theme, 'icon-on-color') !global;\\n  $icon-inverse: map-get($theme, 'icon-inverse') !global;\\n  $support-error: map-get($theme, 'support-error') !global;\\n  $support-success: map-get($theme, 'support-success') !global;\\n  $support-warning: map-get($theme, 'support-warning') !global;\\n  $support-info: map-get($theme, 'support-info') !global;\\n  $support-error-inverse: map-get($theme, 'support-error-inverse') !global;\\n  $support-success-inverse: map-get($theme, 'support-success-inverse') !global;\\n  $support-warning-inverse: map-get($theme, 'support-warning-inverse') !global;\\n  $support-info-inverse: map-get($theme, 'support-info-inverse') !global;\\n  $overlay: map-get($theme, 'overlay') !global;\\n  $toggle-off: map-get($theme, 'toggle-off') !global;\\n  $button-primary: map-get($theme, 'button-primary') !global;\\n  $button-secondary: map-get($theme, 'button-secondary') !global;\\n  $button-tertiary: map-get($theme, 'button-tertiary') !global;\\n  $button-danger-primary: map-get($theme, 'button-danger-primary') !global;\\n  $button-danger-secondary: map-get($theme, 'button-danger-secondary') !global;\\n  $background-active: map-get($theme, 'background-active') !global;\\n  $layer-active: map-get($theme, 'layer-active') !global;\\n  $button-danger-active: map-get($theme, 'button-danger-active') !global;\\n  $button-primary-active: map-get($theme, 'button-primary-active') !global;\\n  $button-secondary-active: map-get($theme, 'button-secondary-active') !global;\\n  $button-tertiary-active: map-get($theme, 'button-tertiary-active') !global;\\n  $focus-inset: map-get($theme, 'focus-inset') !global;\\n  $focus-inverse: map-get($theme, 'focus-inverse') !global;\\n  $background-hover: map-get($theme, 'background-hover') !global;\\n  $layer-hover: map-get($theme, 'layer-hover') !global;\\n  $field-hover: map-get($theme, 'field-hover') !global;\\n  $background-inverse-hover: map-get(\\n    $theme,\\n    'background-inverse-hover'\\n  ) !global;\\n  $link-primary-hover: map-get($theme, 'link-primary-hover') !global;\\n  $button-danger-hover: map-get($theme, 'button-danger-hover') !global;\\n  $button-primary-hover: map-get($theme, 'button-primary-hover') !global;\\n  $button-secondary-hover: map-get($theme, 'button-secondary-hover') !global;\\n  $button-tertiary-hover: map-get($theme, 'button-tertiary-hover') !global;\\n  $background-selected: map-get($theme, 'background-selected') !global;\\n  $background-selected-hover: map-get(\\n    $theme,\\n    'background-selected-hover'\\n  ) !global;\\n  $layer-selected: map-get($theme, 'layer-selected') !global;\\n  $layer-selected-hover: map-get($theme, 'layer-selected-hover') !global;\\n  $layer-selected-inverse: map-get($theme, 'layer-selected-inverse') !global;\\n  $border-subtle-selected: map-get($theme, 'border-subtle-selected') !global;\\n  $layer-disabled: map-get($theme, 'layer-disabled') !global;\\n  $field-disabled: map-get($theme, 'field-disabled') !global;\\n  $border-disabled: map-get($theme, 'border-disabled') !global;\\n  $text-disabled: map-get($theme, 'text-disabled') !global;\\n  $button-disabled: map-get($theme, 'button-disabled') !global;\\n  $icon-disabled: map-get($theme, 'icon-disabled') !global;\\n  $text-on-color-disabled: map-get($theme, 'text-on-color-disabled') !global;\\n  $icon-on-color-disabled: map-get($theme, 'icon-on-color-disabled') !global;\\n  $layer-selected-disabled: map-get($theme, 'layer-selected-disabled') !global;\\n  $skeleton-background: map-get($theme, 'skeleton-background') !global;\\n  $skeleton-element: map-get($theme, 'skeleton-element') !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  $caption-02: map-get($theme, 'caption-02') !global;\\n  $label-01: map-get($theme, 'label-01') !global;\\n  $label-02: map-get($theme, 'label-02') !global;\\n  $helper-text-01: map-get($theme, 'helper-text-01') !global;\\n  $helper-text-02: map-get($theme, 'helper-text-02') !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  $spacing-13: map-get($theme, 'spacing-13') !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  $size-xsmall: map-get($theme, 'size-xsmall') !global;\\n  $size-small: map-get($theme, 'size-small') !global;\\n  $size-medium: map-get($theme, 'size-medium') !global;\\n  $size-large: map-get($theme, 'size-large') !global;\\n  $size-xlarge: map-get($theme, 'size-xlarge') !global;\\n  $size-2XLarge: map-get($theme, 'size-2XLarge') !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') ==\\n    false or\\n    global-variable-exists('feature-flags') and\\n    map-get($feature-flags, 'enable-v11-release') !=\\n    true\\n  {\\n    $background: $ui-background !global;\\n    $layer: $ui-01 !global;\\n    $layer-accent: $ui-03 !global;\\n    $field: $field-01 !global;\\n    $background-inverse: $inverse-02 !global;\\n    $background-brand: $interactive-01 !global;\\n    $interactive: $interactive-04 !global;\\n    $border-subtle: $ui-03 !global;\\n    $border-strong: $ui-04 !global;\\n    $border-inverse: $ui-05 !global;\\n    $border-interactive: $interactive-04 !global;\\n    $text-primary: $text-01 !global;\\n    $text-secondary: $text-02 !global;\\n    $text-placeholder: $text-03 !global;\\n    $text-helper: $text-05 !global;\\n    $text-on-color: $text-04 !global;\\n    $text-inverse: $inverse-01 !global;\\n    $link-primary: $link-01 !global;\\n    $link-secondary: $link-02 !global;\\n    $link-visited: $visited-link !global;\\n    $link-inverse: $inverse-link !global;\\n    $icon-primary: $icon-01 !global;\\n    $icon-secondary: $icon-02 !global;\\n    $icon-on-color: $icon-03 !global;\\n    $icon-inverse: $inverse-01 !global;\\n    $support-error: $support-01 !global;\\n    $support-success: $support-02 !global;\\n    $support-warning: $support-03 !global;\\n    $support-info: $support-04 !global;\\n    $support-error-inverse: $inverse-support-01 !global;\\n    $support-success-inverse: $inverse-support-02 !global;\\n    $support-warning-inverse: $inverse-support-03 !global;\\n    $support-info-inverse: $inverse-support-04 !global;\\n    $overlay: $overlay-01 !global;\\n    $toggle-off: $ui-04 !global;\\n    $button-primary: $interactive-01 !global;\\n    $button-secondary: $interactive-02 !global;\\n    $button-tertiary: $interactive-03 !global;\\n    $button-danger-primary: $danger-01 !global;\\n    $button-danger-secondary: $danger-02 !global;\\n    $background-active: $active-ui !global;\\n    $layer-active: $active-ui !global;\\n    $button-danger-active: $active-danger !global;\\n    $button-primary-active: $active-primary !global;\\n    $button-secondary-active: $active-secondary !global;\\n    $button-tertiary-active: $active-tertiary !global;\\n    $focus-inset: $inverse-01 !global;\\n    $focus-inverse: $inverse-focus-ui !global;\\n    $background-hover: $hover-ui !global;\\n    $layer-hover: $hover-ui !global;\\n    $field-hover: $hover-ui !global;\\n    $background-inverse-hover: $inverse-hover-ui !global;\\n    $link-primary-hover: $hover-primary-text !global;\\n    $button-danger-hover: $hover-danger !global;\\n    $button-primary-hover: $hover-primary !global;\\n    $button-secondary-hover: $hover-secondary !global;\\n    $button-tertiary-hover: $hover-tertiary !global;\\n    $background-selected: $selected-ui !global;\\n    $background-selected-hover: $hover-selected-ui !global;\\n    $layer-selected: $selected-ui !global;\\n    $layer-selected-hover: $hover-selected-ui !global;\\n    $layer-selected-inverse: $ui-05 !global;\\n    $border-subtle-selected: $active-ui !global;\\n    $layer-disabled: $disabled-01 !global;\\n    $field-disabled: $disabled-01 !global;\\n    $border-disabled: $disabled-01 !global;\\n    $text-disabled: $disabled-02 !global;\\n    $button-disabled: $disabled-02 !global;\\n    $icon-disabled: $disabled-02 !global;\\n    $text-on-color-disabled: $disabled-03 !global;\\n    $icon-on-color-disabled: $disabled-03 !global;\\n    $layer-selected-disabled: $disabled-03 !global;\\n    $skeleton-background: $skeleton-01 !global;\\n    $skeleton-element: $skeleton-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    $background: var(\\n      --#{$custom-property-prefix}-background,\\n      map-get($theme, 'background')\\n    ) !global;\\n    $layer: var(\\n      --#{$custom-property-prefix}-layer,\\n      map-get($theme, 'layer')\\n    ) !global;\\n    $layer-accent: var(\\n      --#{$custom-property-prefix}-layer-accent,\\n      map-get($theme, 'layer-accent')\\n    ) !global;\\n    $layer-accent-hover: var(\\n      --#{$custom-property-prefix}-layer-accent-hover,\\n      map-get($theme, 'layer-accent-hover')\\n    ) !global;\\n    $layer-accent-active: var(\\n      --#{$custom-property-prefix}-layer-accent-active,\\n      map-get($theme, 'layer-accent-active')\\n    ) !global;\\n    $field: var(\\n      --#{$custom-property-prefix}-field,\\n      map-get($theme, 'field')\\n    ) !global;\\n    $background-inverse: var(\\n      --#{$custom-property-prefix}-background-inverse,\\n      map-get($theme, 'background-inverse')\\n    ) !global;\\n    $background-brand: var(\\n      --#{$custom-property-prefix}-background-brand,\\n      map-get($theme, 'background-brand')\\n    ) !global;\\n    $interactive: var(\\n      --#{$custom-property-prefix}-interactive,\\n      map-get($theme, 'interactive')\\n    ) !global;\\n    $border-subtle: var(\\n      --#{$custom-property-prefix}-border-subtle,\\n      map-get($theme, 'border-subtle')\\n    ) !global;\\n    $border-strong: var(\\n      --#{$custom-property-prefix}-border-strong,\\n      map-get($theme, 'border-strong')\\n    ) !global;\\n    $border-inverse: var(\\n      --#{$custom-property-prefix}-border-inverse,\\n      map-get($theme, 'border-inverse')\\n    ) !global;\\n    $border-interactive: var(\\n      --#{$custom-property-prefix}-border-interactive,\\n      map-get($theme, 'border-interactive')\\n    ) !global;\\n    $text-primary: var(\\n      --#{$custom-property-prefix}-text-primary,\\n      map-get($theme, 'text-primary')\\n    ) !global;\\n    $text-secondary: var(\\n      --#{$custom-property-prefix}-text-secondary,\\n      map-get($theme, 'text-secondary')\\n    ) !global;\\n    $text-placeholder: var(\\n      --#{$custom-property-prefix}-text-placeholder,\\n      map-get($theme, 'text-placeholder')\\n    ) !global;\\n    $text-helper: var(\\n      --#{$custom-property-prefix}-text-helper,\\n      map-get($theme, 'text-helper')\\n    ) !global;\\n    $text-on-color: var(\\n      --#{$custom-property-prefix}-text-on-color,\\n      map-get($theme, 'text-on-color')\\n    ) !global;\\n    $text-inverse: var(\\n      --#{$custom-property-prefix}-text-inverse,\\n      map-get($theme, 'text-inverse')\\n    ) !global;\\n    $link-primary: var(\\n      --#{$custom-property-prefix}-link-primary,\\n      map-get($theme, 'link-primary')\\n    ) !global;\\n    $link-secondary: var(\\n      --#{$custom-property-prefix}-link-secondary,\\n      map-get($theme, 'link-secondary')\\n    ) !global;\\n    $link-visited: var(\\n      --#{$custom-property-prefix}-link-visited,\\n      map-get($theme, 'link-visited')\\n    ) !global;\\n    $link-inverse: var(\\n      --#{$custom-property-prefix}-link-inverse,\\n      map-get($theme, 'link-inverse')\\n    ) !global;\\n    $icon-primary: var(\\n      --#{$custom-property-prefix}-icon-primary,\\n      map-get($theme, 'icon-primary')\\n    ) !global;\\n    $icon-secondary: var(\\n      --#{$custom-property-prefix}-icon-secondary,\\n      map-get($theme, 'icon-secondary')\\n    ) !global;\\n    $icon-on-color: var(\\n      --#{$custom-property-prefix}-icon-on-color,\\n      map-get($theme, 'icon-on-color')\\n    ) !global;\\n    $icon-inverse: var(\\n      --#{$custom-property-prefix}-icon-inverse,\\n      map-get($theme, 'icon-inverse')\\n    ) !global;\\n    $support-error: var(\\n      --#{$custom-property-prefix}-support-error,\\n      map-get($theme, 'support-error')\\n    ) !global;\\n    $support-success: var(\\n      --#{$custom-property-prefix}-support-success,\\n      map-get($theme, 'support-success')\\n    ) !global;\\n    $support-warning: var(\\n      --#{$custom-property-prefix}-support-warning,\\n      map-get($theme, 'support-warning')\\n    ) !global;\\n    $support-info: var(\\n      --#{$custom-property-prefix}-support-info,\\n      map-get($theme, 'support-info')\\n    ) !global;\\n    $support-error-inverse: var(\\n      --#{$custom-property-prefix}-support-error-inverse,\\n      map-get($theme, 'support-error-inverse')\\n    ) !global;\\n    $support-success-inverse: var(\\n      --#{$custom-property-prefix}-support-success-inverse,\\n      map-get($theme, 'support-success-inverse')\\n    ) !global;\\n    $support-warning-inverse: var(\\n      --#{$custom-property-prefix}-support-warning-inverse,\\n      map-get($theme, 'support-warning-inverse')\\n    ) !global;\\n    $support-info-inverse: var(\\n      --#{$custom-property-prefix}-support-info-inverse,\\n      map-get($theme, 'support-info-inverse')\\n    ) !global;\\n    $overlay: var(\\n      --#{$custom-property-prefix}-overlay,\\n      map-get($theme, 'overlay')\\n    ) !global;\\n    $toggle-off: var(\\n      --#{$custom-property-prefix}-toggle-off,\\n      map-get($theme, 'toggle-off')\\n    ) !global;\\n    $button-primary: var(\\n      --#{$custom-property-prefix}-button-primary,\\n      map-get($theme, 'button-primary')\\n    ) !global;\\n    $button-secondary: var(\\n      --#{$custom-property-prefix}-button-secondary,\\n      map-get($theme, 'button-secondary')\\n    ) !global;\\n    $button-tertiary: var(\\n      --#{$custom-property-prefix}-button-tertiary,\\n      map-get($theme, 'button-tertiary')\\n    ) !global;\\n    $button-danger-primary: var(\\n      --#{$custom-property-prefix}-button-danger-primary,\\n      map-get($theme, 'button-danger-primary')\\n    ) !global;\\n    $button-danger-secondary: var(\\n      --#{$custom-property-prefix}-button-danger-secondary,\\n      map-get($theme, 'button-danger-secondary')\\n    ) !global;\\n    $background-active: var(\\n      --#{$custom-property-prefix}-background-active,\\n      map-get($theme, 'background-active')\\n    ) !global;\\n    $layer-active: var(\\n      --#{$custom-property-prefix}-layer-active,\\n      map-get($theme, 'layer-active')\\n    ) !global;\\n    $button-danger-active: var(\\n      --#{$custom-property-prefix}-button-danger-active,\\n      map-get($theme, 'button-danger-active')\\n    ) !global;\\n    $button-primary-active: var(\\n      --#{$custom-property-prefix}-button-primary-active,\\n      map-get($theme, 'button-primary-active')\\n    ) !global;\\n    $button-secondary-active: var(\\n      --#{$custom-property-prefix}-button-secondary-active,\\n      map-get($theme, 'button-secondary-active')\\n    ) !global;\\n    $button-tertiary-active: var(\\n      --#{$custom-property-prefix}-button-tertiary-active,\\n      map-get($theme, 'button-tertiary-active')\\n    ) !global;\\n    $focus-inset: var(\\n      --#{$custom-property-prefix}-focus-inset,\\n      map-get($theme, 'focus-inset')\\n    ) !global;\\n    $focus-inverse: var(\\n      --#{$custom-property-prefix}-focus-inverse,\\n      map-get($theme, 'focus-inverse')\\n    ) !global;\\n    $background-hover: var(\\n      --#{$custom-property-prefix}-background-hover,\\n      map-get($theme, 'background-hover')\\n    ) !global;\\n    $layer-hover: var(\\n      --#{$custom-property-prefix}-layer-hover,\\n      map-get($theme, 'layer-hover')\\n    ) !global;\\n    $field-hover: var(\\n      --#{$custom-property-prefix}-field-hover,\\n      map-get($theme, 'field-hover')\\n    ) !global;\\n    $background-inverse-hover: var(\\n      --#{$custom-property-prefix}-background-inverse-hover,\\n      map-get($theme, 'background-inverse-hover')\\n    ) !global;\\n    $link-primary-hover: var(\\n      --#{$custom-property-prefix}-link-primary-hover,\\n      map-get($theme, 'link-primary-hover')\\n    ) !global;\\n    $button-danger-hover: var(\\n      --#{$custom-property-prefix}-button-danger-hover,\\n      map-get($theme, 'button-danger-hover')\\n    ) !global;\\n    $button-primary-hover: var(\\n      --#{$custom-property-prefix}-button-primary-hover,\\n      map-get($theme, 'button-primary-hover')\\n    ) !global;\\n    $button-secondary-hover: var(\\n      --#{$custom-property-prefix}-button-secondary-hover,\\n      map-get($theme, 'button-secondary-hover')\\n    ) !global;\\n    $button-tertiary-hover: var(\\n      --#{$custom-property-prefix}-button-tertiary-hover,\\n      map-get($theme, 'button-tertiary-hover')\\n    ) !global;\\n    $background-selected: var(\\n      --#{$custom-property-prefix}-background-selected,\\n      map-get($theme, 'background-selected')\\n    ) !global;\\n    $background-selected-hover: var(\\n      --#{$custom-property-prefix}-background-selected-hover,\\n      map-get($theme, 'background-selected-hover')\\n    ) !global;\\n    $layer-selected: var(\\n      --#{$custom-property-prefix}-layer-selected,\\n      map-get($theme, 'layer-selected')\\n    ) !global;\\n    $layer-selected-hover: var(\\n      --#{$custom-property-prefix}-layer-selected-hover,\\n      map-get($theme, 'layer-selected-hover')\\n    ) !global;\\n    $layer-selected-inverse: var(\\n      --#{$custom-property-prefix}-layer-selected-inverse,\\n      map-get($theme, 'layer-selected-inverse')\\n    ) !global;\\n    $border-subtle-selected: var(\\n      --#{$custom-property-prefix}-border-subtle-selected,\\n      map-get($theme, 'border-subtle-selected')\\n    ) !global;\\n    $layer-disabled: var(\\n      --#{$custom-property-prefix}-layer-disabled,\\n      map-get($theme, 'layer-disabled')\\n    ) !global;\\n    $field-disabled: var(\\n      --#{$custom-property-prefix}-field-disabled,\\n      map-get($theme, 'field-disabled')\\n    ) !global;\\n    $border-disabled: var(\\n      --#{$custom-property-prefix}-border-disabled,\\n      map-get($theme, 'border-disabled')\\n    ) !global;\\n    $text-disabled: var(\\n      --#{$custom-property-prefix}-text-disabled,\\n      map-get($theme, 'text-disabled')\\n    ) !global;\\n    $button-disabled: var(\\n      --#{$custom-property-prefix}-button-disabled,\\n      map-get($theme, 'button-disabled')\\n    ) !global;\\n    $icon-disabled: var(\\n      --#{$custom-property-prefix}-icon-disabled,\\n      map-get($theme, 'icon-disabled')\\n    ) !global;\\n    $text-on-color-disabled: var(\\n      --#{$custom-property-prefix}-text-on-color-disabled,\\n      map-get($theme, 'text-on-color-disabled')\\n    ) !global;\\n    $icon-on-color-disabled: var(\\n      --#{$custom-property-prefix}-icon-on-color-disabled,\\n      map-get($theme, 'icon-on-color-disabled')\\n    ) !global;\\n    $layer-selected-disabled: var(\\n      --#{$custom-property-prefix}-layer-selected-disabled,\\n      map-get($theme, 'layer-selected-disabled')\\n    ) !global;\\n    $skeleton-background: var(\\n      --#{$custom-property-prefix}-skeleton-background,\\n      map-get($theme, 'skeleton-background')\\n    ) !global;\\n    $skeleton-element: var(\\n      --#{$custom-property-prefix}-skeleton-element,\\n      map-get($theme, 'skeleton-element')\\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    $spacing-13: var(\\n      --#{$custom-property-prefix}-spacing-13,\\n      map-get($theme, 'spacing-13')\\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    $size-xsmall: var(\\n      --#{$custom-property-prefix}-size-xsmall,\\n      map-get($theme, 'size-xsmall')\\n    ) !global;\\n    $size-small: var(\\n      --#{$custom-property-prefix}-size-small,\\n      map-get($theme, 'size-small')\\n    ) !global;\\n    $size-medium: var(\\n      --#{$custom-property-prefix}-size-medium,\\n      map-get($theme, 'size-medium')\\n    ) !global;\\n    $size-large: var(\\n      --#{$custom-property-prefix}-size-large,\\n      map-get($theme, 'size-large')\\n    ) !global;\\n    $size-xlarge: var(\\n      --#{$custom-property-prefix}-size-xlarge,\\n      map-get($theme, 'size-xlarge')\\n    ) !global;\\n    $size-2XLarge: var(\\n      --#{$custom-property-prefix}-size-2XLarge,\\n      map-get($theme, 'size-2XLarge')\\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(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('background', map-get($theme, 'background'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layer', $emit-difference) {\\n      @include custom-property('layer', map-get($theme, 'layer'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-accent',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('layer-accent', map-get($theme, 'layer-accent'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-accent-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-accent-hover',\\n        map-get($theme, 'layer-accent-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-accent-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-accent-active',\\n        map-get($theme, 'layer-accent-active')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field', $emit-difference) {\\n      @include custom-property('field', map-get($theme, 'field'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-inverse',\\n        map-get($theme, 'background-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-brand',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-brand',\\n        map-get($theme, 'background-brand')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('interactive', map-get($theme, 'interactive'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-subtle',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-subtle',\\n        map-get($theme, 'border-subtle')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-strong',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-strong',\\n        map-get($theme, 'border-strong')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-inverse',\\n        map-get($theme, 'border-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-interactive',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-interactive',\\n        map-get($theme, 'border-interactive')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-primary', map-get($theme, 'text-primary'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'text-secondary',\\n        map-get($theme, 'text-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-placeholder',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'text-placeholder',\\n        map-get($theme, 'text-placeholder')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-helper',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-helper', map-get($theme, 'text-helper'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-on-color',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'text-on-color',\\n        map-get($theme, 'text-on-color')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-inverse', map-get($theme, 'text-inverse'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'link-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('link-primary', map-get($theme, 'link-primary'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'link-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'link-secondary',\\n        map-get($theme, 'link-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'link-visited',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('link-visited', map-get($theme, 'link-visited'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'link-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('link-inverse', map-get($theme, 'link-inverse'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-primary', map-get($theme, 'icon-primary'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'icon-secondary',\\n        map-get($theme, 'icon-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-on-color',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'icon-on-color',\\n        map-get($theme, 'icon-on-color')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-inverse', map-get($theme, 'icon-inverse'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-error',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-error',\\n        map-get($theme, 'support-error')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-success',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-success',\\n        map-get($theme, 'support-success')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-warning',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-warning',\\n        map-get($theme, 'support-warning')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-info',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-info', map-get($theme, 'support-info'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-error-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-error-inverse',\\n        map-get($theme, 'support-error-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-success-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-success-inverse',\\n        map-get($theme, 'support-success-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-warning-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-warning-inverse',\\n        map-get($theme, 'support-warning-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-info-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-info-inverse',\\n        map-get($theme, 'support-info-inverse')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'overlay', $emit-difference) {\\n      @include custom-property('overlay', map-get($theme, 'overlay'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'toggle-off',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('toggle-off', map-get($theme, 'toggle-off'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-primary',\\n        map-get($theme, 'button-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-secondary',\\n        map-get($theme, 'button-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-tertiary',\\n        map-get($theme, 'button-tertiary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-danger-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-danger-primary',\\n        map-get($theme, 'button-danger-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-danger-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-danger-secondary',\\n        map-get($theme, 'button-danger-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-active',\\n        map-get($theme, 'background-active')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('layer-active', map-get($theme, 'layer-active'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-danger-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-danger-active',\\n        map-get($theme, 'button-danger-active')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-primary-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-primary-active',\\n        map-get($theme, 'button-primary-active')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-secondary-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-secondary-active',\\n        map-get($theme, 'button-secondary-active')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-tertiary-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-tertiary-active',\\n        map-get($theme, 'button-tertiary-active')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'focus-inset',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('focus-inset', map-get($theme, 'focus-inset'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'focus-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'focus-inverse',\\n        map-get($theme, 'focus-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-hover',\\n        map-get($theme, 'background-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('layer-hover', map-get($theme, 'layer-hover'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'field-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('field-hover', map-get($theme, 'field-hover'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-inverse-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-inverse-hover',\\n        map-get($theme, 'background-inverse-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'link-primary-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'link-primary-hover',\\n        map-get($theme, 'link-primary-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-danger-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-danger-hover',\\n        map-get($theme, 'button-danger-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-primary-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-primary-hover',\\n        map-get($theme, 'button-primary-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-secondary-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-secondary-hover',\\n        map-get($theme, 'button-secondary-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-tertiary-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-tertiary-hover',\\n        map-get($theme, 'button-tertiary-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-selected',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-selected',\\n        map-get($theme, 'background-selected')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-selected-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-selected-hover',\\n        map-get($theme, 'background-selected-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-selected',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-selected',\\n        map-get($theme, 'layer-selected')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-selected-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-selected-hover',\\n        map-get($theme, 'layer-selected-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-selected-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-selected-inverse',\\n        map-get($theme, 'layer-selected-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-subtle-selected',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-subtle-selected',\\n        map-get($theme, 'border-subtle-selected')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-disabled',\\n        map-get($theme, 'layer-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'field-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'field-disabled',\\n        map-get($theme, 'field-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-disabled',\\n        map-get($theme, 'border-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'text-disabled',\\n        map-get($theme, 'text-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-disabled',\\n        map-get($theme, 'button-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'icon-disabled',\\n        map-get($theme, 'icon-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-on-color-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'text-on-color-disabled',\\n        map-get($theme, 'text-on-color-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-on-color-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'icon-on-color-disabled',\\n        map-get($theme, 'icon-on-color-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-selected-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-selected-disabled',\\n        map-get($theme, 'layer-selected-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-background',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'skeleton-background',\\n        map-get($theme, 'skeleton-background')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-element',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'skeleton-element',\\n        map-get($theme, 'skeleton-element')\\n      );\\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(\\n      $theme,\\n      $parent-carbon-theme,\\n      'caption-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('caption-02', map-get($theme, 'caption-02'));\\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($theme, $parent-carbon-theme, 'label-02', $emit-difference)\\n    {\\n      @include custom-property('label-02', map-get($theme, 'label-02'));\\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      'helper-text-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'helper-text-02',\\n        map-get($theme, 'helper-text-02')\\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      'spacing-13',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-13', map-get($theme, 'spacing-13'));\\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      'size-xsmall',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-xsmall', map-get($theme, 'size-xsmall'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'size-small',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-small', map-get($theme, 'size-small'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'size-medium',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-medium', map-get($theme, 'size-medium'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'size-large',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-large', map-get($theme, 'size-large'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'size-xlarge',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-xlarge', map-get($theme, 'size-xlarge'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'size-2XLarge',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-2XLarge', map-get($theme, 'size-2XLarge'));\\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\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"desktopHeader\": \"-esm-patient-programs__card-header__desktopHeader___BUQ5I\",\n\t\"tabletHeader\": \"-esm-patient-programs__card-header__tabletHeader___efA_M\",\n\t\"skeleton\": \"-esm-patient-programs__card-header__skeleton___RFH3S\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,select,input,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:\\\"\\\"}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace}strong{font-weight:600}@media screen and (-ms-high-contrast: active){svg{fill:ButtonText}}h1{font-size:2.625rem;font-weight:300;line-height:1.199;letter-spacing:0}h2{font-size:2rem;font-weight:400;line-height:1.25;letter-spacing:0}h3{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}h4{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}h5{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}h6{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}p{font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:0}a{color:#0f62fe}em{font-style:italic}@keyframes -esm-patient-programs__empty-state__skeleton___TC36q{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.-esm-patient-programs__empty-state__action___xInzb{margin-bottom:.5rem}.-esm-patient-programs__empty-state__content___lACIK{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px;color:#525252;margin-top:1rem;margin-bottom:.5rem}.-esm-patient-programs__empty-state__desktopHeading___UIGID h4{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0;color:#525252}.-esm-patient-programs__empty-state__tabletHeading___lVXqD h4{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0;color:#525252}.-esm-patient-programs__empty-state__desktopHeading___UIGID,.-esm-patient-programs__empty-state__tabletHeading___lVXqD{text-align:left;text-transform:capitalize;margin-bottom:1rem}.-esm-patient-programs__empty-state__desktopHeading___UIGID h4:after,.-esm-patient-programs__empty-state__tabletHeading___lVXqD h4:after{content:\\\"\\\";display:block;width:2rem;padding-top:.188rem;border-bottom:.375rem solid var(--brand-03)}.-esm-patient-programs__empty-state__heading___gW4Bc:after{content:\\\"\\\";display:block;width:2rem;padding-top:.188rem;border-bottom:.375rem solid var(--brand-03)}.-esm-patient-programs__empty-state__tile___DvfL3{text-align:center;border:1px solid #e0e0e0}\", \"\",{\"version\":3,\"sources\":[\"webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/_css--reset.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_reset.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_font-family.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/icons/mixins.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/_helper-mixins.scss\",\"webpack://./../esm-patient-common-lib/src/empty-state/empty-state.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss\"],\"names\":[],\"mappings\":\"AAyCA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCTE,2ZAiFE,SAAA,CACA,QAAA,CACA,QAAA,CACA,YAAA,CACA,cAAA,CACA,uBAAA,CAIF,6BAIE,eAAA,CACA,mBAAA,CAGF,4BACE,YAAA,CAIF,mFAYE,aAAA,CAGF,KACE,aAAA,CAGF,IACE,oBAAA,CAGF,IACE,kBAAA,CAGF,MAEE,eAAA,CAGF,aAEE,WAAA,CAGF,wDAIE,UAAA,CAGF,MACE,wBAAA,CACA,gBAAA,CAGF,EACE,qBAAA,CAIF,OACE,QAAA,CC3KJ,KACE,cAAA,CAGF,KC0CA,eAAA,CDvCE,gEAViB,CAWjB,iCAAA,CACA,kCAAA,CACA,iCAAA,CAGF,KACE,wGAhBiB,CAmBnB,OC6BA,eAAA,CCxDA,8CACE,IACE,eAAA,CAAA,CFkCJ,GGggBE,kBAsLsB,CAtLtB,eAsLsB,CAtLtB,iBAsLsB,CAtLtB,gBAsLsB,CHlrBxB,GG4fE,cAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CAtLtB,gBAsLsB,CH9qBxB,GGwfE,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CAtLtB,gBAsLsB,CH1qBxB,GGofE,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CHtqBxB,GGgfE,cAsLsB,CAtLtB,eAsLsB,CAtLtB,iBAsLsB,CAtLtB,gBAsLsB,CHlqBxB,GG4eE,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CAtLtB,oBAsLsB,CH9pBxB,EGweE,cAsLsB,CAtLtB,eAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CH1pBxB,EAII,aAAA,CAMJ,GACE,iBAAA,CIkHF,gEACE,GACE,UAAA,CACA,mBAAA,CACA,qBAAA,CAEF,IACE,SAAA,CACA,mBAAA,CACA,qBAAA,CAEF,IACE,mBAAA,CACA,sBAAA,CAEF,IACE,mBAAA,CACA,sBAAA,CAEF,IACE,mBAAA,CACA,sBAAA,CAEF,IACE,mBAAA,CACA,sBAAA,CAEF,IACE,mBAAA,CACA,qBAAA,CAEF,IACE,mBAAA,CACA,qBAAA,CAEF,KACE,UAAA,CACA,mBAAA,CACA,qBAAA,CAAA,CC3ON,oDACE,mBCiOa,CD9Nf,qDFwiBI,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CAtLtB,oBAsLsB,CE5tBxB,aCyCU,CDxCV,eC6Na,CD5Nb,mBC0Na,CDtNb,+DFgiBE,cAsLsB,CAtLtB,eAsLsB,CAtLtB,iBAsLsB,CAtLtB,gBAsLsB,CEptBtB,aCiCQ,CD5BV,8DFyhBE,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CE7sBtB,aC0BQ,CDtBZ,uHACE,eAAA,CACA,yBAAA,CACA,kBCwMa,CDtMb,yIACE,UAAA,CACA,aAAA,CACA,UAAA,CACA,mBAAA,CACA,2CAAA,CAIJ,2DACE,UAAA,CACA,aAAA,CACA,UAAA,CACA,mBAAA,CACA,2CAAA,CAGF,kDACE,iBAAA,CACA,wBAAA\",\"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\",\"//\\n// Copyright IBM Corp. 2016, 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 './vendor/@carbon/elements/scss/import-once/import-once';\\n@import './vendor/@carbon/elements/scss/type/reset';\\n@import './vendor/@carbon/elements/scss/icons/mixins';\\n\\n/// Resets default browser styling\\n/// @access public\\n/// @group global-reset\\n@mixin reset {\\n  @if variable-exists(css--reset) == false or $css--reset == false {\\n    box-sizing: border-box;\\n    padding: 0;\\n    border: 0;\\n    margin: 0;\\n    font-family: inherit;\\n    font-size: 100%;\\n    vertical-align: baseline;\\n\\n    *,\\n    *::before,\\n    *::after {\\n      box-sizing: inherit;\\n    }\\n  }\\n}\\n\\n@include exports('css--reset') {\\n  @if variable-exists(css--reset) == false or $css--reset == true {\\n    // http://cssreset.com/scripts/eric-meyer-reset-css/\\n    html,\\n    body,\\n    div,\\n    span,\\n    applet,\\n    object,\\n    iframe,\\n    h1,\\n    h2,\\n    h3,\\n    h4,\\n    h5,\\n    h6,\\n    p,\\n    blockquote,\\n    pre,\\n    a,\\n    abbr,\\n    acronym,\\n    address,\\n    big,\\n    cite,\\n    code,\\n    del,\\n    dfn,\\n    em,\\n    img,\\n    ins,\\n    kbd,\\n    q,\\n    s,\\n    samp,\\n    small,\\n    strike,\\n    strong,\\n    sub,\\n    sup,\\n    tt,\\n    var,\\n    b,\\n    u,\\n    i,\\n    center,\\n    dl,\\n    dt,\\n    dd,\\n    ol,\\n    ul,\\n    li,\\n    fieldset,\\n    form,\\n    label,\\n    legend,\\n    table,\\n    caption,\\n    tbody,\\n    tfoot,\\n    thead,\\n    tr,\\n    th,\\n    td,\\n    article,\\n    aside,\\n    canvas,\\n    details,\\n    embed,\\n    figure,\\n    figcaption,\\n    footer,\\n    header,\\n    hgroup,\\n    menu,\\n    nav,\\n    output,\\n    ruby,\\n    section,\\n    summary,\\n    time,\\n    mark,\\n    audio,\\n    video {\\n      padding: 0;\\n      border: 0;\\n      margin: 0;\\n      font: inherit;\\n      font-size: 100%;\\n      vertical-align: baseline;\\n    }\\n\\n    // Chrome 62 fix\\n    button,\\n    select,\\n    input,\\n    textarea {\\n      border-radius: 0;\\n      font-family: inherit;\\n    }\\n\\n    input[type='text']::-ms-clear {\\n      display: none;\\n    }\\n\\n    /* HTML5 display-role reset for older browsers */\\n    article,\\n    aside,\\n    details,\\n    figcaption,\\n    figure,\\n    footer,\\n    header,\\n    hgroup,\\n    main,\\n    menu,\\n    nav,\\n    section {\\n      display: block;\\n    }\\n\\n    body {\\n      line-height: 1;\\n    }\\n\\n    sup {\\n      vertical-align: super;\\n    }\\n\\n    sub {\\n      vertical-align: sub;\\n    }\\n\\n    ol,\\n    ul {\\n      list-style: none;\\n    }\\n\\n    blockquote,\\n    q {\\n      quotes: none;\\n    }\\n\\n    blockquote::before,\\n    blockquote::after,\\n    q::before,\\n    q::after {\\n      content: '';\\n    }\\n\\n    table {\\n      border-collapse: collapse;\\n      border-spacing: 0;\\n    }\\n\\n    * {\\n      box-sizing: border-box;\\n    }\\n\\n    // Fix to remove added margins on buttons in safari (see #5155)\\n    button {\\n      margin: 0;\\n    }\\n\\n    @include carbon--type-reset;\\n    @include carbon--icons;\\n  }\\n}\\n\\n@include exports('css--default-type') {\\n  @if variable-exists(css--default-type) == false or $css--default-type == true\\n  {\\n    @include carbon--default-type;\\n  }\\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/convert';\\n@import 'font-family';\\n@import 'styles';\\n\\n/// Include a type reset for a given body and mono font family\\n/// @param {String} $body-font-family [carbon--font-family('sans')] - The font family used on the `<body>` element\\n/// @param {String} $mono-font-family [carbon--font-family('mono')] - The font family used on elements that require mono fonts, like the `<code>` element\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--type-reset(\\n  // TODO: remove in next major release. This has been replaced with 100%\\n  $base-font-size: $carbon--base-font-size,\\n  $body-font-family: carbon--font-family('sans'),\\n  $mono-font-family: carbon--font-family('mono')\\n) {\\n  html {\\n    font-size: 100%;\\n  }\\n\\n  body {\\n    @include carbon--font-weight('regular');\\n\\n    font-family: $body-font-family;\\n    -moz-osx-font-smoothing: grayscale;\\n    -webkit-font-smoothing: antialiased;\\n    text-rendering: optimizeLegibility;\\n  }\\n\\n  code {\\n    font-family: $mono-font-family;\\n  }\\n\\n  strong {\\n    @include carbon--font-weight('semibold');\\n  }\\n}\\n\\n/// Include default type styles\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--default-type {\\n  h1 {\\n    @include carbon--type-style('productive-heading-06');\\n  }\\n\\n  h2 {\\n    @include carbon--type-style('productive-heading-05');\\n  }\\n\\n  h3 {\\n    @include carbon--type-style('productive-heading-04');\\n  }\\n\\n  h4 {\\n    @include carbon--type-style('productive-heading-03');\\n  }\\n\\n  h5 {\\n    @include carbon--type-style('productive-heading-02');\\n  }\\n\\n  h6 {\\n    @include carbon--type-style('productive-heading-01');\\n  }\\n\\n  p {\\n    @include carbon--type-style('body-long-02');\\n  }\\n\\n  a {\\n    @if global-variable-exists('carbon--theme') and\\n      map-has-key($carbon--theme, 'link-01')\\n    {\\n      color: map-get($carbon--theme, 'link-01');\\n    } @else {\\n      color: #0062fe;\\n    }\\n  }\\n\\n  em {\\n    font-style: italic;\\n  }\\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/// Font family fallbacks for: IBM Plex Mono, IBM Plex Sans, IBM Plex Sans\\n/// Condensed, IBM Plex Sans Hebrew, and IBM Plex Serif\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$carbon--font-families: (\\n  'mono':\\n    unquote(\\n      \\\"'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace\\\"\\n    ),\\n  'sans': unquote(\\\"'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif\\\"),\\n  'sans-condensed':\\n    unquote(\\\"'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif\\\"),\\n  'sans-hebrew':\\n    unquote(\\n      \\\"'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif\\\"\\n    ),\\n  'serif': unquote(\\\"'IBM Plex Serif', 'Georgia', Times, serif\\\"),\\n) !default;\\n\\n/// Get the font-family for an IBM Plex font\\n/// @param {String} $name\\n/// @return {String}\\n/// @access public\\n/// @group @carbon/type\\n@function carbon--font-family($name) {\\n  @return map-get($carbon--font-families, $name);\\n}\\n\\n/// Include the `font-family` definition for the given name in your selector\\n/// @param {String} $name\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--font-family($name) {\\n  font-family: carbon--font-family($name);\\n}\\n\\n/// Suggested font weights to be used in product\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$carbon--font-weights: (\\n  'light': 300,\\n  'regular': 400,\\n  'semibold': 600,\\n) !default;\\n\\n/// Retrieve the font-weight value for a given name\\n/// @param {String} $weight\\n/// @return {Number}\\n/// @access public\\n/// @group @carbon/type\\n@function carbon--font-weight($weight) {\\n  @return map-get($carbon--font-weights, $weight);\\n}\\n\\n/// Set the `font-weight` property with the value for a given name\\n/// @param {String} $weight\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--font-weight($weight) {\\n  font-weight: carbon--font-weight($weight);\\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/// Makes SVGs accessible in high contrast mode\\n/// @link https://github.com/IBM/carbon-elements/issues/345#issuecomment-466577293 Carbon-elements #345\\n/// @access public\\n/// @group @carbon/icons\\n@mixin carbon--icons {\\n  @media screen and (-ms-high-contrast: active) {\\n    svg {\\n      fill: ButtonText;\\n    }\\n  }\\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$caption-02: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\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$label-02: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\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$helper-text-02: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\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  caption-02: $caption-02,\\n  label-01: $label-01,\\n  label-02: $label-02,\\n  helper-text-01: $helper-text-01,\\n  helper-text-02: $helper-text-02,\\n  body-short-01: $body-short-01,\\n  body-short-02: $body-short-02,\\n  body-long-01: $body-long-01,\\n  body-long-02: $body-long-02,\\n  code-01: $code-01,\\n  code-02: $code-02,\\n  heading-01: $heading-01,\\n  heading-02: $heading-02,\\n  productive-heading-01: $productive-heading-01,\\n  productive-heading-02: $productive-heading-02,\\n  productive-heading-03: $productive-heading-03,\\n  productive-heading-04: $productive-heading-04,\\n  productive-heading-05: $productive-heading-05,\\n  productive-heading-06: $productive-heading-06,\\n  productive-heading-07: $productive-heading-07,\\n  expressive-paragraph-01: $expressive-paragraph-01,\\n  expressive-heading-01: $expressive-heading-01,\\n  expressive-heading-02: $expressive-heading-02,\\n  expressive-heading-03: $expressive-heading-03,\\n  expressive-heading-04: $expressive-heading-04,\\n  expressive-heading-05: $expressive-heading-05,\\n  expressive-heading-06: $expressive-heading-06,\\n  quotation-01: $quotation-01,\\n  quotation-02: $quotation-02,\\n  display-01: $display-01,\\n  display-02: $display-02,\\n  display-03: $display-03,\\n  display-04: $display-04,\\n);\\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  // Otherwise remove token breakpoints\\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, map-remove($token, 'breakpoints'));\\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\",\"//\\n// Copyright IBM Corp. 2016, 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//----------------------------------------------\\n// Mixins\\n// ---------------------------------------------\\n//\\n//   Category             ||  Description\\n//   ===========================================\\n//   Misc                 ||  General helper @mixins\\n//   Deprecated           ||  Not used anymore\\n//   ===========================================\\n\\n//----------------------------------------------\\n// Misc\\n// ---------------------------------------------\\n\\n@import 'vars';\\n@import 'css--reset';\\n@import 'typography';\\n@import './vendor/@carbon/elements/scss/import-once/import-once';\\n\\n/// Adds text overflow styling\\n/// @access public\\n/// @param {Number} $width [false] - Value of width if you want to set width, else nothing\\n/// @example @include text-overflow(300px);\\n/// @group global-helpers\\n@mixin text-overflow($width: false) {\\n  display: block;\\n  overflow-x: hidden;\\n  text-overflow: ellipsis;\\n  white-space: nowrap;\\n\\n  // apply a width if width parameter exists\\n  @if ($width) {\\n    width: $width;\\n  }\\n}\\n\\n/// Adds placeholder text color\\n/// @access public\\n/// @example @include placeholder-colors;\\n/// @group global-helpers\\n@mixin placeholder-colors {\\n  color: $text-05;\\n  opacity: 1;\\n}\\n\\n/// Adds box shadow\\n/// @access public\\n/// @example @include box-shadow;\\n/// @group global-helpers\\n@mixin box-shadow {\\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\\n}\\n\\n/// Adds outline styles depending on specific type\\n/// @access public\\n/// @param {String} $type ['border'] - Type of outline from: `border`, `blurred`, `outline`, `invalid`, `reset`\\n/// @example @include focus-outline('outline');\\n/// @group global-helpers\\n@mixin focus-outline($type: 'border') {\\n  @if ($type == 'border') {\\n    outline: 1px solid $focus;\\n\\n    @media screen and (prefers-contrast) {\\n      outline-style: dotted;\\n    }\\n  }\\n\\n  @if ($type == 'blurred') {\\n    box-shadow: 0 0 0 3px $focus;\\n    outline: 1px solid transparent;\\n  }\\n\\n  @if ($type == 'outline') {\\n    outline: 2px solid $focus;\\n    outline-offset: -2px;\\n\\n    @media screen and (prefers-contrast) {\\n      outline-style: dotted;\\n    }\\n  }\\n\\n  @if ($type == 'outline-compat') {\\n    box-sizing: border-box;\\n    border: 2px solid $focus;\\n\\n    @media screen and (prefers-contrast) {\\n      border-style: dotted;\\n    }\\n  }\\n\\n  @if ($type == 'invalid') {\\n    outline: 2px solid $support-01;\\n    outline-offset: -2px;\\n\\n    @media screen and (prefers-contrast) {\\n      outline-style: dotted;\\n    }\\n  }\\n\\n  @if ($type == 'reset') {\\n    outline: 2px solid transparent;\\n    outline-offset: -2px;\\n  }\\n}\\n\\n/// Adds rotational transformation\\n/// @access public\\n/// @param {Number} $deg - How many degrees to rotate\\n/// @param {Number} $speed - Speed of rotation\\n/// @param {Value} $origin [center] - `transform-origin`\\n/// @example @include rotate(90deg, 300ms);\\n/// @group global-helpers\\n@mixin rotate($deg, $speed, $origin: center) {\\n  transform: rotate($deg);\\n  transform-origin: $origin;\\n  transition: transform $speed;\\n}\\n\\n/// Adds styles to hide content\\n/// @access public\\n/// @group global-helpers\\n@mixin hidden {\\n  position: absolute;\\n  overflow: hidden;\\n  width: 1px;\\n  height: 1px;\\n  padding: 0;\\n  border: 0;\\n  margin: -1px;\\n  clip: rect(0, 0, 0, 0);\\n  visibility: inherit;\\n  white-space: nowrap;\\n}\\n\\n/// Resets button styles\\n/// @access public\\n/// @param {Bool} $width [true] - Sets width to 100% if true\\n/// @example @include button-reset($width: false);\\n/// @group global-helpers\\n@mixin button-reset($width: true) {\\n  @include reset;\\n\\n  display: inline-block;\\n  padding: 0;\\n  border: 0;\\n  appearance: none;\\n  background: none;\\n  cursor: pointer;\\n\\n  @if ($width == true) {\\n    width: 100%;\\n  }\\n\\n  &::-moz-focus-inner {\\n    border: 0;\\n  }\\n}\\n\\n/// Skeleton loading animation\\n/// @access public\\n/// @example @include skeleton;\\n/// @group global-helpers\\n@mixin skeleton {\\n  position: relative;\\n  padding: 0;\\n  border: none;\\n  background: $skeleton-01;\\n  box-shadow: none;\\n  pointer-events: none;\\n\\n  &:hover,\\n  &:focus,\\n  &:active {\\n    border: none;\\n    cursor: default;\\n    outline: none;\\n  }\\n\\n  &::before {\\n    position: absolute;\\n    width: 100%;\\n    height: 100%;\\n    animation: 3000ms ease-in-out skeleton infinite;\\n    background: $skeleton-02;\\n    content: '';\\n    will-change: transform-origin, transform, opacity;\\n\\n    @media (prefers-reduced-motion: reduce) {\\n      animation: none;\\n    }\\n  }\\n}\\n\\n@include exports('skeleton') {\\n  @keyframes skeleton {\\n    0% {\\n      opacity: 0.3;\\n      transform: scaleX(0);\\n      transform-origin: left;\\n    }\\n    20% {\\n      opacity: 1;\\n      transform: scaleX(1);\\n      transform-origin: left;\\n    }\\n    28% {\\n      transform: scaleX(1);\\n      transform-origin: right;\\n    }\\n    51% {\\n      transform: scaleX(0);\\n      transform-origin: right;\\n    }\\n    58% {\\n      transform: scaleX(0);\\n      transform-origin: right;\\n    }\\n    82% {\\n      transform: scaleX(1);\\n      transform-origin: right;\\n    }\\n    83% {\\n      transform: scaleX(1);\\n      transform-origin: left;\\n    }\\n    96% {\\n      transform: scaleX(0);\\n      transform-origin: left;\\n    }\\n    100% {\\n      opacity: 0.3;\\n      transform: scaleX(0);\\n      transform-origin: left;\\n    }\\n  }\\n}\\n\\n/// Windows HCM Mixin\\n/// @access public\\n/// @example @include high-contrast-mode;\\n/// @group global-helpers\\n/// We should set HCM styles at the end of each file to ensure they are not overridden\\n@mixin high-contrast-mode($type: '') {\\n  @media screen and (-ms-high-contrast: active),\\n    (forced-colors: active),\\n    (prefers-contrast) {\\n    @if ($type == 'icon-fill') {\\n      fill: ButtonText;\\n    }\\n\\n    @if ($type == 'focus') {\\n      color: Highlight;\\n      outline: 1px solid Highlight;\\n    }\\n\\n    @if ($type == 'outline') {\\n      outline: 1px solid transparent;\\n    }\\n\\n    @if ($type == 'disabled') {\\n      color: GrayText;\\n      fill: GrayText;\\n    }\\n\\n    @content;\\n  }\\n}\\n\",\"@import \\\"~@openmrs/esm-styleguide/src/vars\\\";\\n@import \\\"~carbon-components/src/globals/scss/vars\\\";\\n@import \\\"~carbon-components/src/globals/scss/mixins\\\";\\n\\n.action {\\n  margin-bottom: $spacing-03;\\n}\\n\\n.content {\\n  @include carbon--type-style(\\\"productive-heading-01\\\");\\n  color: $text-02;\\n  margin-top: $spacing-05;\\n  margin-bottom: $spacing-03;\\n}\\n\\n.desktopHeading {\\n  h4 {\\n    @include carbon--type-style('productive-heading-02');\\n    color: $text-02;\\n  }\\n}\\n\\n.tabletHeading {\\n  h4 {\\n    @include carbon--type-style('productive-heading-03');\\n    color: $text-02;\\n  }\\n}\\n\\n.desktopHeading, .tabletHeading {\\n  text-align: left;\\n  text-transform: capitalize;\\n  margin-bottom: $spacing-05;\\n  \\n  h4:after {\\n    content: \\\"\\\";\\n    display: block;\\n    width: 2rem;\\n    padding-top: 0.188rem;\\n    border-bottom: 0.375rem solid var(--brand-03);\\n  }\\n}\\n\\n.heading:after {\\n  content: \\\"\\\";\\n  display: block;\\n  width: 2rem;\\n  padding-top: 0.188rem;\\n  border-bottom: 0.375rem solid var(--brand-03);\\n}\\n\\n.tile {\\n  text-align: center;\\n  border: 1px solid $ui-03;\\n}\\n\",\"// Code generated by @carbon/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  $background: map-get($theme, 'background') !global;\\n  $layer: map-get($theme, 'layer') !global;\\n  $layer-accent: map-get($theme, 'layer-accent') !global;\\n  $layer-accent-hover: map-get($theme, 'layer-accent-hover') !global;\\n  $layer-accent-active: map-get($theme, 'layer-accent-active') !global;\\n  $field: map-get($theme, 'field') !global;\\n  $background-inverse: map-get($theme, 'background-inverse') !global;\\n  $background-brand: map-get($theme, 'background-brand') !global;\\n  $interactive: map-get($theme, 'interactive') !global;\\n  $border-subtle: map-get($theme, 'border-subtle') !global;\\n  $border-strong: map-get($theme, 'border-strong') !global;\\n  $border-inverse: map-get($theme, 'border-inverse') !global;\\n  $border-interactive: map-get($theme, 'border-interactive') !global;\\n  $text-primary: map-get($theme, 'text-primary') !global;\\n  $text-secondary: map-get($theme, 'text-secondary') !global;\\n  $text-placeholder: map-get($theme, 'text-placeholder') !global;\\n  $text-helper: map-get($theme, 'text-helper') !global;\\n  $text-on-color: map-get($theme, 'text-on-color') !global;\\n  $text-inverse: map-get($theme, 'text-inverse') !global;\\n  $link-primary: map-get($theme, 'link-primary') !global;\\n  $link-secondary: map-get($theme, 'link-secondary') !global;\\n  $link-visited: map-get($theme, 'link-visited') !global;\\n  $link-inverse: map-get($theme, 'link-inverse') !global;\\n  $icon-primary: map-get($theme, 'icon-primary') !global;\\n  $icon-secondary: map-get($theme, 'icon-secondary') !global;\\n  $icon-on-color: map-get($theme, 'icon-on-color') !global;\\n  $icon-inverse: map-get($theme, 'icon-inverse') !global;\\n  $support-error: map-get($theme, 'support-error') !global;\\n  $support-success: map-get($theme, 'support-success') !global;\\n  $support-warning: map-get($theme, 'support-warning') !global;\\n  $support-info: map-get($theme, 'support-info') !global;\\n  $support-error-inverse: map-get($theme, 'support-error-inverse') !global;\\n  $support-success-inverse: map-get($theme, 'support-success-inverse') !global;\\n  $support-warning-inverse: map-get($theme, 'support-warning-inverse') !global;\\n  $support-info-inverse: map-get($theme, 'support-info-inverse') !global;\\n  $overlay: map-get($theme, 'overlay') !global;\\n  $toggle-off: map-get($theme, 'toggle-off') !global;\\n  $button-primary: map-get($theme, 'button-primary') !global;\\n  $button-secondary: map-get($theme, 'button-secondary') !global;\\n  $button-tertiary: map-get($theme, 'button-tertiary') !global;\\n  $button-danger-primary: map-get($theme, 'button-danger-primary') !global;\\n  $button-danger-secondary: map-get($theme, 'button-danger-secondary') !global;\\n  $background-active: map-get($theme, 'background-active') !global;\\n  $layer-active: map-get($theme, 'layer-active') !global;\\n  $button-danger-active: map-get($theme, 'button-danger-active') !global;\\n  $button-primary-active: map-get($theme, 'button-primary-active') !global;\\n  $button-secondary-active: map-get($theme, 'button-secondary-active') !global;\\n  $button-tertiary-active: map-get($theme, 'button-tertiary-active') !global;\\n  $focus-inset: map-get($theme, 'focus-inset') !global;\\n  $focus-inverse: map-get($theme, 'focus-inverse') !global;\\n  $background-hover: map-get($theme, 'background-hover') !global;\\n  $layer-hover: map-get($theme, 'layer-hover') !global;\\n  $field-hover: map-get($theme, 'field-hover') !global;\\n  $background-inverse-hover: map-get(\\n    $theme,\\n    'background-inverse-hover'\\n  ) !global;\\n  $link-primary-hover: map-get($theme, 'link-primary-hover') !global;\\n  $button-danger-hover: map-get($theme, 'button-danger-hover') !global;\\n  $button-primary-hover: map-get($theme, 'button-primary-hover') !global;\\n  $button-secondary-hover: map-get($theme, 'button-secondary-hover') !global;\\n  $button-tertiary-hover: map-get($theme, 'button-tertiary-hover') !global;\\n  $background-selected: map-get($theme, 'background-selected') !global;\\n  $background-selected-hover: map-get(\\n    $theme,\\n    'background-selected-hover'\\n  ) !global;\\n  $layer-selected: map-get($theme, 'layer-selected') !global;\\n  $layer-selected-hover: map-get($theme, 'layer-selected-hover') !global;\\n  $layer-selected-inverse: map-get($theme, 'layer-selected-inverse') !global;\\n  $border-subtle-selected: map-get($theme, 'border-subtle-selected') !global;\\n  $layer-disabled: map-get($theme, 'layer-disabled') !global;\\n  $field-disabled: map-get($theme, 'field-disabled') !global;\\n  $border-disabled: map-get($theme, 'border-disabled') !global;\\n  $text-disabled: map-get($theme, 'text-disabled') !global;\\n  $button-disabled: map-get($theme, 'button-disabled') !global;\\n  $icon-disabled: map-get($theme, 'icon-disabled') !global;\\n  $text-on-color-disabled: map-get($theme, 'text-on-color-disabled') !global;\\n  $icon-on-color-disabled: map-get($theme, 'icon-on-color-disabled') !global;\\n  $layer-selected-disabled: map-get($theme, 'layer-selected-disabled') !global;\\n  $skeleton-background: map-get($theme, 'skeleton-background') !global;\\n  $skeleton-element: map-get($theme, 'skeleton-element') !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  $caption-02: map-get($theme, 'caption-02') !global;\\n  $label-01: map-get($theme, 'label-01') !global;\\n  $label-02: map-get($theme, 'label-02') !global;\\n  $helper-text-01: map-get($theme, 'helper-text-01') !global;\\n  $helper-text-02: map-get($theme, 'helper-text-02') !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  $spacing-13: map-get($theme, 'spacing-13') !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  $size-xsmall: map-get($theme, 'size-xsmall') !global;\\n  $size-small: map-get($theme, 'size-small') !global;\\n  $size-medium: map-get($theme, 'size-medium') !global;\\n  $size-large: map-get($theme, 'size-large') !global;\\n  $size-xlarge: map-get($theme, 'size-xlarge') !global;\\n  $size-2XLarge: map-get($theme, 'size-2XLarge') !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') ==\\n    false or\\n    global-variable-exists('feature-flags') and\\n    map-get($feature-flags, 'enable-v11-release') !=\\n    true\\n  {\\n    $background: $ui-background !global;\\n    $layer: $ui-01 !global;\\n    $layer-accent: $ui-03 !global;\\n    $field: $field-01 !global;\\n    $background-inverse: $inverse-02 !global;\\n    $background-brand: $interactive-01 !global;\\n    $interactive: $interactive-04 !global;\\n    $border-subtle: $ui-03 !global;\\n    $border-strong: $ui-04 !global;\\n    $border-inverse: $ui-05 !global;\\n    $border-interactive: $interactive-04 !global;\\n    $text-primary: $text-01 !global;\\n    $text-secondary: $text-02 !global;\\n    $text-placeholder: $text-03 !global;\\n    $text-helper: $text-05 !global;\\n    $text-on-color: $text-04 !global;\\n    $text-inverse: $inverse-01 !global;\\n    $link-primary: $link-01 !global;\\n    $link-secondary: $link-02 !global;\\n    $link-visited: $visited-link !global;\\n    $link-inverse: $inverse-link !global;\\n    $icon-primary: $icon-01 !global;\\n    $icon-secondary: $icon-02 !global;\\n    $icon-on-color: $icon-03 !global;\\n    $icon-inverse: $inverse-01 !global;\\n    $support-error: $support-01 !global;\\n    $support-success: $support-02 !global;\\n    $support-warning: $support-03 !global;\\n    $support-info: $support-04 !global;\\n    $support-error-inverse: $inverse-support-01 !global;\\n    $support-success-inverse: $inverse-support-02 !global;\\n    $support-warning-inverse: $inverse-support-03 !global;\\n    $support-info-inverse: $inverse-support-04 !global;\\n    $overlay: $overlay-01 !global;\\n    $toggle-off: $ui-04 !global;\\n    $button-primary: $interactive-01 !global;\\n    $button-secondary: $interactive-02 !global;\\n    $button-tertiary: $interactive-03 !global;\\n    $button-danger-primary: $danger-01 !global;\\n    $button-danger-secondary: $danger-02 !global;\\n    $background-active: $active-ui !global;\\n    $layer-active: $active-ui !global;\\n    $button-danger-active: $active-danger !global;\\n    $button-primary-active: $active-primary !global;\\n    $button-secondary-active: $active-secondary !global;\\n    $button-tertiary-active: $active-tertiary !global;\\n    $focus-inset: $inverse-01 !global;\\n    $focus-inverse: $inverse-focus-ui !global;\\n    $background-hover: $hover-ui !global;\\n    $layer-hover: $hover-ui !global;\\n    $field-hover: $hover-ui !global;\\n    $background-inverse-hover: $inverse-hover-ui !global;\\n    $link-primary-hover: $hover-primary-text !global;\\n    $button-danger-hover: $hover-danger !global;\\n    $button-primary-hover: $hover-primary !global;\\n    $button-secondary-hover: $hover-secondary !global;\\n    $button-tertiary-hover: $hover-tertiary !global;\\n    $background-selected: $selected-ui !global;\\n    $background-selected-hover: $hover-selected-ui !global;\\n    $layer-selected: $selected-ui !global;\\n    $layer-selected-hover: $hover-selected-ui !global;\\n    $layer-selected-inverse: $ui-05 !global;\\n    $border-subtle-selected: $active-ui !global;\\n    $layer-disabled: $disabled-01 !global;\\n    $field-disabled: $disabled-01 !global;\\n    $border-disabled: $disabled-01 !global;\\n    $text-disabled: $disabled-02 !global;\\n    $button-disabled: $disabled-02 !global;\\n    $icon-disabled: $disabled-02 !global;\\n    $text-on-color-disabled: $disabled-03 !global;\\n    $icon-on-color-disabled: $disabled-03 !global;\\n    $layer-selected-disabled: $disabled-03 !global;\\n    $skeleton-background: $skeleton-01 !global;\\n    $skeleton-element: $skeleton-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    $background: var(\\n      --#{$custom-property-prefix}-background,\\n      map-get($theme, 'background')\\n    ) !global;\\n    $layer: var(\\n      --#{$custom-property-prefix}-layer,\\n      map-get($theme, 'layer')\\n    ) !global;\\n    $layer-accent: var(\\n      --#{$custom-property-prefix}-layer-accent,\\n      map-get($theme, 'layer-accent')\\n    ) !global;\\n    $layer-accent-hover: var(\\n      --#{$custom-property-prefix}-layer-accent-hover,\\n      map-get($theme, 'layer-accent-hover')\\n    ) !global;\\n    $layer-accent-active: var(\\n      --#{$custom-property-prefix}-layer-accent-active,\\n      map-get($theme, 'layer-accent-active')\\n    ) !global;\\n    $field: var(\\n      --#{$custom-property-prefix}-field,\\n      map-get($theme, 'field')\\n    ) !global;\\n    $background-inverse: var(\\n      --#{$custom-property-prefix}-background-inverse,\\n      map-get($theme, 'background-inverse')\\n    ) !global;\\n    $background-brand: var(\\n      --#{$custom-property-prefix}-background-brand,\\n      map-get($theme, 'background-brand')\\n    ) !global;\\n    $interactive: var(\\n      --#{$custom-property-prefix}-interactive,\\n      map-get($theme, 'interactive')\\n    ) !global;\\n    $border-subtle: var(\\n      --#{$custom-property-prefix}-border-subtle,\\n      map-get($theme, 'border-subtle')\\n    ) !global;\\n    $border-strong: var(\\n      --#{$custom-property-prefix}-border-strong,\\n      map-get($theme, 'border-strong')\\n    ) !global;\\n    $border-inverse: var(\\n      --#{$custom-property-prefix}-border-inverse,\\n      map-get($theme, 'border-inverse')\\n    ) !global;\\n    $border-interactive: var(\\n      --#{$custom-property-prefix}-border-interactive,\\n      map-get($theme, 'border-interactive')\\n    ) !global;\\n    $text-primary: var(\\n      --#{$custom-property-prefix}-text-primary,\\n      map-get($theme, 'text-primary')\\n    ) !global;\\n    $text-secondary: var(\\n      --#{$custom-property-prefix}-text-secondary,\\n      map-get($theme, 'text-secondary')\\n    ) !global;\\n    $text-placeholder: var(\\n      --#{$custom-property-prefix}-text-placeholder,\\n      map-get($theme, 'text-placeholder')\\n    ) !global;\\n    $text-helper: var(\\n      --#{$custom-property-prefix}-text-helper,\\n      map-get($theme, 'text-helper')\\n    ) !global;\\n    $text-on-color: var(\\n      --#{$custom-property-prefix}-text-on-color,\\n      map-get($theme, 'text-on-color')\\n    ) !global;\\n    $text-inverse: var(\\n      --#{$custom-property-prefix}-text-inverse,\\n      map-get($theme, 'text-inverse')\\n    ) !global;\\n    $link-primary: var(\\n      --#{$custom-property-prefix}-link-primary,\\n      map-get($theme, 'link-primary')\\n    ) !global;\\n    $link-secondary: var(\\n      --#{$custom-property-prefix}-link-secondary,\\n      map-get($theme, 'link-secondary')\\n    ) !global;\\n    $link-visited: var(\\n      --#{$custom-property-prefix}-link-visited,\\n      map-get($theme, 'link-visited')\\n    ) !global;\\n    $link-inverse: var(\\n      --#{$custom-property-prefix}-link-inverse,\\n      map-get($theme, 'link-inverse')\\n    ) !global;\\n    $icon-primary: var(\\n      --#{$custom-property-prefix}-icon-primary,\\n      map-get($theme, 'icon-primary')\\n    ) !global;\\n    $icon-secondary: var(\\n      --#{$custom-property-prefix}-icon-secondary,\\n      map-get($theme, 'icon-secondary')\\n    ) !global;\\n    $icon-on-color: var(\\n      --#{$custom-property-prefix}-icon-on-color,\\n      map-get($theme, 'icon-on-color')\\n    ) !global;\\n    $icon-inverse: var(\\n      --#{$custom-property-prefix}-icon-inverse,\\n      map-get($theme, 'icon-inverse')\\n    ) !global;\\n    $support-error: var(\\n      --#{$custom-property-prefix}-support-error,\\n      map-get($theme, 'support-error')\\n    ) !global;\\n    $support-success: var(\\n      --#{$custom-property-prefix}-support-success,\\n      map-get($theme, 'support-success')\\n    ) !global;\\n    $support-warning: var(\\n      --#{$custom-property-prefix}-support-warning,\\n      map-get($theme, 'support-warning')\\n    ) !global;\\n    $support-info: var(\\n      --#{$custom-property-prefix}-support-info,\\n      map-get($theme, 'support-info')\\n    ) !global;\\n    $support-error-inverse: var(\\n      --#{$custom-property-prefix}-support-error-inverse,\\n      map-get($theme, 'support-error-inverse')\\n    ) !global;\\n    $support-success-inverse: var(\\n      --#{$custom-property-prefix}-support-success-inverse,\\n      map-get($theme, 'support-success-inverse')\\n    ) !global;\\n    $support-warning-inverse: var(\\n      --#{$custom-property-prefix}-support-warning-inverse,\\n      map-get($theme, 'support-warning-inverse')\\n    ) !global;\\n    $support-info-inverse: var(\\n      --#{$custom-property-prefix}-support-info-inverse,\\n      map-get($theme, 'support-info-inverse')\\n    ) !global;\\n    $overlay: var(\\n      --#{$custom-property-prefix}-overlay,\\n      map-get($theme, 'overlay')\\n    ) !global;\\n    $toggle-off: var(\\n      --#{$custom-property-prefix}-toggle-off,\\n      map-get($theme, 'toggle-off')\\n    ) !global;\\n    $button-primary: var(\\n      --#{$custom-property-prefix}-button-primary,\\n      map-get($theme, 'button-primary')\\n    ) !global;\\n    $button-secondary: var(\\n      --#{$custom-property-prefix}-button-secondary,\\n      map-get($theme, 'button-secondary')\\n    ) !global;\\n    $button-tertiary: var(\\n      --#{$custom-property-prefix}-button-tertiary,\\n      map-get($theme, 'button-tertiary')\\n    ) !global;\\n    $button-danger-primary: var(\\n      --#{$custom-property-prefix}-button-danger-primary,\\n      map-get($theme, 'button-danger-primary')\\n    ) !global;\\n    $button-danger-secondary: var(\\n      --#{$custom-property-prefix}-button-danger-secondary,\\n      map-get($theme, 'button-danger-secondary')\\n    ) !global;\\n    $background-active: var(\\n      --#{$custom-property-prefix}-background-active,\\n      map-get($theme, 'background-active')\\n    ) !global;\\n    $layer-active: var(\\n      --#{$custom-property-prefix}-layer-active,\\n      map-get($theme, 'layer-active')\\n    ) !global;\\n    $button-danger-active: var(\\n      --#{$custom-property-prefix}-button-danger-active,\\n      map-get($theme, 'button-danger-active')\\n    ) !global;\\n    $button-primary-active: var(\\n      --#{$custom-property-prefix}-button-primary-active,\\n      map-get($theme, 'button-primary-active')\\n    ) !global;\\n    $button-secondary-active: var(\\n      --#{$custom-property-prefix}-button-secondary-active,\\n      map-get($theme, 'button-secondary-active')\\n    ) !global;\\n    $button-tertiary-active: var(\\n      --#{$custom-property-prefix}-button-tertiary-active,\\n      map-get($theme, 'button-tertiary-active')\\n    ) !global;\\n    $focus-inset: var(\\n      --#{$custom-property-prefix}-focus-inset,\\n      map-get($theme, 'focus-inset')\\n    ) !global;\\n    $focus-inverse: var(\\n      --#{$custom-property-prefix}-focus-inverse,\\n      map-get($theme, 'focus-inverse')\\n    ) !global;\\n    $background-hover: var(\\n      --#{$custom-property-prefix}-background-hover,\\n      map-get($theme, 'background-hover')\\n    ) !global;\\n    $layer-hover: var(\\n      --#{$custom-property-prefix}-layer-hover,\\n      map-get($theme, 'layer-hover')\\n    ) !global;\\n    $field-hover: var(\\n      --#{$custom-property-prefix}-field-hover,\\n      map-get($theme, 'field-hover')\\n    ) !global;\\n    $background-inverse-hover: var(\\n      --#{$custom-property-prefix}-background-inverse-hover,\\n      map-get($theme, 'background-inverse-hover')\\n    ) !global;\\n    $link-primary-hover: var(\\n      --#{$custom-property-prefix}-link-primary-hover,\\n      map-get($theme, 'link-primary-hover')\\n    ) !global;\\n    $button-danger-hover: var(\\n      --#{$custom-property-prefix}-button-danger-hover,\\n      map-get($theme, 'button-danger-hover')\\n    ) !global;\\n    $button-primary-hover: var(\\n      --#{$custom-property-prefix}-button-primary-hover,\\n      map-get($theme, 'button-primary-hover')\\n    ) !global;\\n    $button-secondary-hover: var(\\n      --#{$custom-property-prefix}-button-secondary-hover,\\n      map-get($theme, 'button-secondary-hover')\\n    ) !global;\\n    $button-tertiary-hover: var(\\n      --#{$custom-property-prefix}-button-tertiary-hover,\\n      map-get($theme, 'button-tertiary-hover')\\n    ) !global;\\n    $background-selected: var(\\n      --#{$custom-property-prefix}-background-selected,\\n      map-get($theme, 'background-selected')\\n    ) !global;\\n    $background-selected-hover: var(\\n      --#{$custom-property-prefix}-background-selected-hover,\\n      map-get($theme, 'background-selected-hover')\\n    ) !global;\\n    $layer-selected: var(\\n      --#{$custom-property-prefix}-layer-selected,\\n      map-get($theme, 'layer-selected')\\n    ) !global;\\n    $layer-selected-hover: var(\\n      --#{$custom-property-prefix}-layer-selected-hover,\\n      map-get($theme, 'layer-selected-hover')\\n    ) !global;\\n    $layer-selected-inverse: var(\\n      --#{$custom-property-prefix}-layer-selected-inverse,\\n      map-get($theme, 'layer-selected-inverse')\\n    ) !global;\\n    $border-subtle-selected: var(\\n      --#{$custom-property-prefix}-border-subtle-selected,\\n      map-get($theme, 'border-subtle-selected')\\n    ) !global;\\n    $layer-disabled: var(\\n      --#{$custom-property-prefix}-layer-disabled,\\n      map-get($theme, 'layer-disabled')\\n    ) !global;\\n    $field-disabled: var(\\n      --#{$custom-property-prefix}-field-disabled,\\n      map-get($theme, 'field-disabled')\\n    ) !global;\\n    $border-disabled: var(\\n      --#{$custom-property-prefix}-border-disabled,\\n      map-get($theme, 'border-disabled')\\n    ) !global;\\n    $text-disabled: var(\\n      --#{$custom-property-prefix}-text-disabled,\\n      map-get($theme, 'text-disabled')\\n    ) !global;\\n    $button-disabled: var(\\n      --#{$custom-property-prefix}-button-disabled,\\n      map-get($theme, 'button-disabled')\\n    ) !global;\\n    $icon-disabled: var(\\n      --#{$custom-property-prefix}-icon-disabled,\\n      map-get($theme, 'icon-disabled')\\n    ) !global;\\n    $text-on-color-disabled: var(\\n      --#{$custom-property-prefix}-text-on-color-disabled,\\n      map-get($theme, 'text-on-color-disabled')\\n    ) !global;\\n    $icon-on-color-disabled: var(\\n      --#{$custom-property-prefix}-icon-on-color-disabled,\\n      map-get($theme, 'icon-on-color-disabled')\\n    ) !global;\\n    $layer-selected-disabled: var(\\n      --#{$custom-property-prefix}-layer-selected-disabled,\\n      map-get($theme, 'layer-selected-disabled')\\n    ) !global;\\n    $skeleton-background: var(\\n      --#{$custom-property-prefix}-skeleton-background,\\n      map-get($theme, 'skeleton-background')\\n    ) !global;\\n    $skeleton-element: var(\\n      --#{$custom-property-prefix}-skeleton-element,\\n      map-get($theme, 'skeleton-element')\\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    $spacing-13: var(\\n      --#{$custom-property-prefix}-spacing-13,\\n      map-get($theme, 'spacing-13')\\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    $size-xsmall: var(\\n      --#{$custom-property-prefix}-size-xsmall,\\n      map-get($theme, 'size-xsmall')\\n    ) !global;\\n    $size-small: var(\\n      --#{$custom-property-prefix}-size-small,\\n      map-get($theme, 'size-small')\\n    ) !global;\\n    $size-medium: var(\\n      --#{$custom-property-prefix}-size-medium,\\n      map-get($theme, 'size-medium')\\n    ) !global;\\n    $size-large: var(\\n      --#{$custom-property-prefix}-size-large,\\n      map-get($theme, 'size-large')\\n    ) !global;\\n    $size-xlarge: var(\\n      --#{$custom-property-prefix}-size-xlarge,\\n      map-get($theme, 'size-xlarge')\\n    ) !global;\\n    $size-2XLarge: var(\\n      --#{$custom-property-prefix}-size-2XLarge,\\n      map-get($theme, 'size-2XLarge')\\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(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('background', map-get($theme, 'background'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layer', $emit-difference) {\\n      @include custom-property('layer', map-get($theme, 'layer'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-accent',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('layer-accent', map-get($theme, 'layer-accent'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-accent-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-accent-hover',\\n        map-get($theme, 'layer-accent-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-accent-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-accent-active',\\n        map-get($theme, 'layer-accent-active')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field', $emit-difference) {\\n      @include custom-property('field', map-get($theme, 'field'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-inverse',\\n        map-get($theme, 'background-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-brand',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-brand',\\n        map-get($theme, 'background-brand')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('interactive', map-get($theme, 'interactive'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-subtle',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-subtle',\\n        map-get($theme, 'border-subtle')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-strong',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-strong',\\n        map-get($theme, 'border-strong')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-inverse',\\n        map-get($theme, 'border-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-interactive',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-interactive',\\n        map-get($theme, 'border-interactive')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-primary', map-get($theme, 'text-primary'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'text-secondary',\\n        map-get($theme, 'text-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-placeholder',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'text-placeholder',\\n        map-get($theme, 'text-placeholder')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-helper',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-helper', map-get($theme, 'text-helper'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-on-color',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'text-on-color',\\n        map-get($theme, 'text-on-color')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-inverse', map-get($theme, 'text-inverse'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'link-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('link-primary', map-get($theme, 'link-primary'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'link-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'link-secondary',\\n        map-get($theme, 'link-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'link-visited',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('link-visited', map-get($theme, 'link-visited'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'link-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('link-inverse', map-get($theme, 'link-inverse'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-primary', map-get($theme, 'icon-primary'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'icon-secondary',\\n        map-get($theme, 'icon-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-on-color',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'icon-on-color',\\n        map-get($theme, 'icon-on-color')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-inverse', map-get($theme, 'icon-inverse'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-error',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-error',\\n        map-get($theme, 'support-error')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-success',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-success',\\n        map-get($theme, 'support-success')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-warning',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-warning',\\n        map-get($theme, 'support-warning')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-info',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-info', map-get($theme, 'support-info'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-error-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-error-inverse',\\n        map-get($theme, 'support-error-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-success-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-success-inverse',\\n        map-get($theme, 'support-success-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-warning-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-warning-inverse',\\n        map-get($theme, 'support-warning-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-info-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-info-inverse',\\n        map-get($theme, 'support-info-inverse')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'overlay', $emit-difference) {\\n      @include custom-property('overlay', map-get($theme, 'overlay'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'toggle-off',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('toggle-off', map-get($theme, 'toggle-off'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-primary',\\n        map-get($theme, 'button-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-secondary',\\n        map-get($theme, 'button-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-tertiary',\\n        map-get($theme, 'button-tertiary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-danger-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-danger-primary',\\n        map-get($theme, 'button-danger-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-danger-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-danger-secondary',\\n        map-get($theme, 'button-danger-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-active',\\n        map-get($theme, 'background-active')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('layer-active', map-get($theme, 'layer-active'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-danger-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-danger-active',\\n        map-get($theme, 'button-danger-active')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-primary-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-primary-active',\\n        map-get($theme, 'button-primary-active')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-secondary-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-secondary-active',\\n        map-get($theme, 'button-secondary-active')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-tertiary-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-tertiary-active',\\n        map-get($theme, 'button-tertiary-active')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'focus-inset',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('focus-inset', map-get($theme, 'focus-inset'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'focus-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'focus-inverse',\\n        map-get($theme, 'focus-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-hover',\\n        map-get($theme, 'background-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('layer-hover', map-get($theme, 'layer-hover'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'field-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('field-hover', map-get($theme, 'field-hover'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-inverse-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-inverse-hover',\\n        map-get($theme, 'background-inverse-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'link-primary-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'link-primary-hover',\\n        map-get($theme, 'link-primary-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-danger-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-danger-hover',\\n        map-get($theme, 'button-danger-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-primary-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-primary-hover',\\n        map-get($theme, 'button-primary-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-secondary-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-secondary-hover',\\n        map-get($theme, 'button-secondary-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-tertiary-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-tertiary-hover',\\n        map-get($theme, 'button-tertiary-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-selected',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-selected',\\n        map-get($theme, 'background-selected')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-selected-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-selected-hover',\\n        map-get($theme, 'background-selected-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-selected',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-selected',\\n        map-get($theme, 'layer-selected')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-selected-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-selected-hover',\\n        map-get($theme, 'layer-selected-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-selected-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-selected-inverse',\\n        map-get($theme, 'layer-selected-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-subtle-selected',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-subtle-selected',\\n        map-get($theme, 'border-subtle-selected')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-disabled',\\n        map-get($theme, 'layer-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'field-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'field-disabled',\\n        map-get($theme, 'field-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-disabled',\\n        map-get($theme, 'border-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'text-disabled',\\n        map-get($theme, 'text-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-disabled',\\n        map-get($theme, 'button-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'icon-disabled',\\n        map-get($theme, 'icon-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-on-color-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'text-on-color-disabled',\\n        map-get($theme, 'text-on-color-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-on-color-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'icon-on-color-disabled',\\n        map-get($theme, 'icon-on-color-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-selected-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-selected-disabled',\\n        map-get($theme, 'layer-selected-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-background',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'skeleton-background',\\n        map-get($theme, 'skeleton-background')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-element',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'skeleton-element',\\n        map-get($theme, 'skeleton-element')\\n      );\\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(\\n      $theme,\\n      $parent-carbon-theme,\\n      'caption-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('caption-02', map-get($theme, 'caption-02'));\\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($theme, $parent-carbon-theme, 'label-02', $emit-difference)\\n    {\\n      @include custom-property('label-02', map-get($theme, 'label-02'));\\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      'helper-text-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'helper-text-02',\\n        map-get($theme, 'helper-text-02')\\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      'spacing-13',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-13', map-get($theme, 'spacing-13'));\\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      'size-xsmall',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-xsmall', map-get($theme, 'size-xsmall'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'size-small',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-small', map-get($theme, 'size-small'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'size-medium',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-medium', map-get($theme, 'size-medium'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'size-large',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-large', map-get($theme, 'size-large'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'size-xlarge',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-xlarge', map-get($theme, 'size-xlarge'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'size-2XLarge',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-2XLarge', map-get($theme, 'size-2XLarge'));\\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\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"action\": \"-esm-patient-programs__empty-state__action___xInzb\",\n\t\"content\": \"-esm-patient-programs__empty-state__content___lACIK\",\n\t\"desktopHeading\": \"-esm-patient-programs__empty-state__desktopHeading___UIGID\",\n\t\"tabletHeading\": \"-esm-patient-programs__empty-state__tabletHeading___lVXqD\",\n\t\"heading\": \"-esm-patient-programs__empty-state__heading___gW4Bc\",\n\t\"tile\": \"-esm-patient-programs__empty-state__tile___DvfL3\",\n\t\"skeleton\": \"-esm-patient-programs__empty-state__skeleton___TC36q\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,select,input,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:\\\"\\\"}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace}strong{font-weight:600}@media screen and (-ms-high-contrast: active){svg{fill:ButtonText}}h1{font-size:2.625rem;font-weight:300;line-height:1.199;letter-spacing:0}h2{font-size:2rem;font-weight:400;line-height:1.25;letter-spacing:0}h3{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}h4{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}h5{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}h6{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}p{font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:0}a{color:#0f62fe}em{font-style:italic}@keyframes -esm-patient-programs__error-state__skeleton___o_2Aa{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.-esm-patient-programs__error-state__errorMessage___kDICS{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0;color:#161616;margin-top:2.25rem;margin-bottom:.5rem}.-esm-patient-programs__error-state__errorCopy___UX21v{margin-bottom:.5rem;font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px;color:#525252}.-esm-patient-programs__error-state__desktopHeading___Bhvtx h4{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0;color:#525252}.-esm-patient-programs__error-state__tabletHeading___EAqy2 h4{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0;color:#525252}.-esm-patient-programs__error-state__desktopHeading___Bhvtx,.-esm-patient-programs__error-state__tabletHeading___EAqy2{text-align:left;text-transform:capitalize;margin-bottom:1rem}.-esm-patient-programs__error-state__desktopHeading___Bhvtx h4:after,.-esm-patient-programs__error-state__tabletHeading___EAqy2 h4:after{content:\\\"\\\";display:block;width:2rem;padding-top:.188rem;border-bottom:.375rem solid var(--brand-03)}.-esm-patient-programs__error-state__tile___LTdVO{text-align:center;border:1px solid #e0e0e0}\", \"\",{\"version\":3,\"sources\":[\"webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/_css--reset.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_reset.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_font-family.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/icons/mixins.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/_helper-mixins.scss\",\"webpack://./../esm-patient-common-lib/src/error-state/error-state.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss\"],\"names\":[],\"mappings\":\"AAyCA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCTE,2ZAiFE,SAAA,CACA,QAAA,CACA,QAAA,CACA,YAAA,CACA,cAAA,CACA,uBAAA,CAIF,6BAIE,eAAA,CACA,mBAAA,CAGF,4BACE,YAAA,CAIF,mFAYE,aAAA,CAGF,KACE,aAAA,CAGF,IACE,oBAAA,CAGF,IACE,kBAAA,CAGF,MAEE,eAAA,CAGF,aAEE,WAAA,CAGF,wDAIE,UAAA,CAGF,MACE,wBAAA,CACA,gBAAA,CAGF,EACE,qBAAA,CAIF,OACE,QAAA,CC3KJ,KACE,cAAA,CAGF,KC0CA,eAAA,CDvCE,gEAViB,CAWjB,iCAAA,CACA,kCAAA,CACA,iCAAA,CAGF,KACE,wGAhBiB,CAmBnB,OC6BA,eAAA,CCxDA,8CACE,IACE,eAAA,CAAA,CFkCJ,GGggBE,kBAsLsB,CAtLtB,eAsLsB,CAtLtB,iBAsLsB,CAtLtB,gBAsLsB,CHlrBxB,GG4fE,cAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CAtLtB,gBAsLsB,CH9qBxB,GGwfE,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CAtLtB,gBAsLsB,CH1qBxB,GGofE,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CHtqBxB,GGgfE,cAsLsB,CAtLtB,eAsLsB,CAtLtB,iBAsLsB,CAtLtB,gBAsLsB,CHlqBxB,GG4eE,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CAtLtB,oBAsLsB,CH9pBxB,EGweE,cAsLsB,CAtLtB,eAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CH1pBxB,EAII,aAAA,CAMJ,GACE,iBAAA,CIkHF,gEACE,GACE,UAAA,CACA,mBAAA,CACA,qBAAA,CAEF,IACE,SAAA,CACA,mBAAA,CACA,qBAAA,CAEF,IACE,mBAAA,CACA,sBAAA,CAEF,IACE,mBAAA,CACA,sBAAA,CAEF,IACE,mBAAA,CACA,sBAAA,CAEF,IACE,mBAAA,CACA,sBAAA,CAEF,IACE,mBAAA,CACA,qBAAA,CAEF,IACE,mBAAA,CACA,qBAAA,CAEF,KACE,UAAA,CACA,mBAAA,CACA,qBAAA,CAAA,CC3ON,0DF4iBI,cAsLsB,CAtLtB,eAsLsB,CAtLtB,iBAsLsB,CAtLtB,gBAsLsB,CEhuBxB,aC4CU,CD3CV,kBAAA,CACA,mBC8Na,CD3Nf,uDACE,mBC0Na,CH0UX,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CAtLtB,oBAsLsB,CExtBxB,aCqCU,CDjCV,+DF8hBE,cAsLsB,CAtLtB,eAsLsB,CAtLtB,iBAsLsB,CAtLtB,gBAsLsB,CEltBtB,aC+BQ,CD1BV,8DFuhBE,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CE3sBtB,aCwBQ,CDpBZ,uHACE,eAAA,CACA,yBAAA,CACA,kBCsMa,CDpMb,yIACE,UAAA,CACA,aAAA,CACA,UAAA,CACA,mBAAA,CACA,2CAAA,CAIJ,kDACE,iBAAA,CACA,wBAAA\",\"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\",\"//\\n// Copyright IBM Corp. 2016, 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 './vendor/@carbon/elements/scss/import-once/import-once';\\n@import './vendor/@carbon/elements/scss/type/reset';\\n@import './vendor/@carbon/elements/scss/icons/mixins';\\n\\n/// Resets default browser styling\\n/// @access public\\n/// @group global-reset\\n@mixin reset {\\n  @if variable-exists(css--reset) == false or $css--reset == false {\\n    box-sizing: border-box;\\n    padding: 0;\\n    border: 0;\\n    margin: 0;\\n    font-family: inherit;\\n    font-size: 100%;\\n    vertical-align: baseline;\\n\\n    *,\\n    *::before,\\n    *::after {\\n      box-sizing: inherit;\\n    }\\n  }\\n}\\n\\n@include exports('css--reset') {\\n  @if variable-exists(css--reset) == false or $css--reset == true {\\n    // http://cssreset.com/scripts/eric-meyer-reset-css/\\n    html,\\n    body,\\n    div,\\n    span,\\n    applet,\\n    object,\\n    iframe,\\n    h1,\\n    h2,\\n    h3,\\n    h4,\\n    h5,\\n    h6,\\n    p,\\n    blockquote,\\n    pre,\\n    a,\\n    abbr,\\n    acronym,\\n    address,\\n    big,\\n    cite,\\n    code,\\n    del,\\n    dfn,\\n    em,\\n    img,\\n    ins,\\n    kbd,\\n    q,\\n    s,\\n    samp,\\n    small,\\n    strike,\\n    strong,\\n    sub,\\n    sup,\\n    tt,\\n    var,\\n    b,\\n    u,\\n    i,\\n    center,\\n    dl,\\n    dt,\\n    dd,\\n    ol,\\n    ul,\\n    li,\\n    fieldset,\\n    form,\\n    label,\\n    legend,\\n    table,\\n    caption,\\n    tbody,\\n    tfoot,\\n    thead,\\n    tr,\\n    th,\\n    td,\\n    article,\\n    aside,\\n    canvas,\\n    details,\\n    embed,\\n    figure,\\n    figcaption,\\n    footer,\\n    header,\\n    hgroup,\\n    menu,\\n    nav,\\n    output,\\n    ruby,\\n    section,\\n    summary,\\n    time,\\n    mark,\\n    audio,\\n    video {\\n      padding: 0;\\n      border: 0;\\n      margin: 0;\\n      font: inherit;\\n      font-size: 100%;\\n      vertical-align: baseline;\\n    }\\n\\n    // Chrome 62 fix\\n    button,\\n    select,\\n    input,\\n    textarea {\\n      border-radius: 0;\\n      font-family: inherit;\\n    }\\n\\n    input[type='text']::-ms-clear {\\n      display: none;\\n    }\\n\\n    /* HTML5 display-role reset for older browsers */\\n    article,\\n    aside,\\n    details,\\n    figcaption,\\n    figure,\\n    footer,\\n    header,\\n    hgroup,\\n    main,\\n    menu,\\n    nav,\\n    section {\\n      display: block;\\n    }\\n\\n    body {\\n      line-height: 1;\\n    }\\n\\n    sup {\\n      vertical-align: super;\\n    }\\n\\n    sub {\\n      vertical-align: sub;\\n    }\\n\\n    ol,\\n    ul {\\n      list-style: none;\\n    }\\n\\n    blockquote,\\n    q {\\n      quotes: none;\\n    }\\n\\n    blockquote::before,\\n    blockquote::after,\\n    q::before,\\n    q::after {\\n      content: '';\\n    }\\n\\n    table {\\n      border-collapse: collapse;\\n      border-spacing: 0;\\n    }\\n\\n    * {\\n      box-sizing: border-box;\\n    }\\n\\n    // Fix to remove added margins on buttons in safari (see #5155)\\n    button {\\n      margin: 0;\\n    }\\n\\n    @include carbon--type-reset;\\n    @include carbon--icons;\\n  }\\n}\\n\\n@include exports('css--default-type') {\\n  @if variable-exists(css--default-type) == false or $css--default-type == true\\n  {\\n    @include carbon--default-type;\\n  }\\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/convert';\\n@import 'font-family';\\n@import 'styles';\\n\\n/// Include a type reset for a given body and mono font family\\n/// @param {String} $body-font-family [carbon--font-family('sans')] - The font family used on the `<body>` element\\n/// @param {String} $mono-font-family [carbon--font-family('mono')] - The font family used on elements that require mono fonts, like the `<code>` element\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--type-reset(\\n  // TODO: remove in next major release. This has been replaced with 100%\\n  $base-font-size: $carbon--base-font-size,\\n  $body-font-family: carbon--font-family('sans'),\\n  $mono-font-family: carbon--font-family('mono')\\n) {\\n  html {\\n    font-size: 100%;\\n  }\\n\\n  body {\\n    @include carbon--font-weight('regular');\\n\\n    font-family: $body-font-family;\\n    -moz-osx-font-smoothing: grayscale;\\n    -webkit-font-smoothing: antialiased;\\n    text-rendering: optimizeLegibility;\\n  }\\n\\n  code {\\n    font-family: $mono-font-family;\\n  }\\n\\n  strong {\\n    @include carbon--font-weight('semibold');\\n  }\\n}\\n\\n/// Include default type styles\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--default-type {\\n  h1 {\\n    @include carbon--type-style('productive-heading-06');\\n  }\\n\\n  h2 {\\n    @include carbon--type-style('productive-heading-05');\\n  }\\n\\n  h3 {\\n    @include carbon--type-style('productive-heading-04');\\n  }\\n\\n  h4 {\\n    @include carbon--type-style('productive-heading-03');\\n  }\\n\\n  h5 {\\n    @include carbon--type-style('productive-heading-02');\\n  }\\n\\n  h6 {\\n    @include carbon--type-style('productive-heading-01');\\n  }\\n\\n  p {\\n    @include carbon--type-style('body-long-02');\\n  }\\n\\n  a {\\n    @if global-variable-exists('carbon--theme') and\\n      map-has-key($carbon--theme, 'link-01')\\n    {\\n      color: map-get($carbon--theme, 'link-01');\\n    } @else {\\n      color: #0062fe;\\n    }\\n  }\\n\\n  em {\\n    font-style: italic;\\n  }\\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/// Font family fallbacks for: IBM Plex Mono, IBM Plex Sans, IBM Plex Sans\\n/// Condensed, IBM Plex Sans Hebrew, and IBM Plex Serif\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$carbon--font-families: (\\n  'mono':\\n    unquote(\\n      \\\"'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace\\\"\\n    ),\\n  'sans': unquote(\\\"'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif\\\"),\\n  'sans-condensed':\\n    unquote(\\\"'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif\\\"),\\n  'sans-hebrew':\\n    unquote(\\n      \\\"'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif\\\"\\n    ),\\n  'serif': unquote(\\\"'IBM Plex Serif', 'Georgia', Times, serif\\\"),\\n) !default;\\n\\n/// Get the font-family for an IBM Plex font\\n/// @param {String} $name\\n/// @return {String}\\n/// @access public\\n/// @group @carbon/type\\n@function carbon--font-family($name) {\\n  @return map-get($carbon--font-families, $name);\\n}\\n\\n/// Include the `font-family` definition for the given name in your selector\\n/// @param {String} $name\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--font-family($name) {\\n  font-family: carbon--font-family($name);\\n}\\n\\n/// Suggested font weights to be used in product\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$carbon--font-weights: (\\n  'light': 300,\\n  'regular': 400,\\n  'semibold': 600,\\n) !default;\\n\\n/// Retrieve the font-weight value for a given name\\n/// @param {String} $weight\\n/// @return {Number}\\n/// @access public\\n/// @group @carbon/type\\n@function carbon--font-weight($weight) {\\n  @return map-get($carbon--font-weights, $weight);\\n}\\n\\n/// Set the `font-weight` property with the value for a given name\\n/// @param {String} $weight\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--font-weight($weight) {\\n  font-weight: carbon--font-weight($weight);\\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/// Makes SVGs accessible in high contrast mode\\n/// @link https://github.com/IBM/carbon-elements/issues/345#issuecomment-466577293 Carbon-elements #345\\n/// @access public\\n/// @group @carbon/icons\\n@mixin carbon--icons {\\n  @media screen and (-ms-high-contrast: active) {\\n    svg {\\n      fill: ButtonText;\\n    }\\n  }\\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$caption-02: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\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$label-02: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\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$helper-text-02: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\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  caption-02: $caption-02,\\n  label-01: $label-01,\\n  label-02: $label-02,\\n  helper-text-01: $helper-text-01,\\n  helper-text-02: $helper-text-02,\\n  body-short-01: $body-short-01,\\n  body-short-02: $body-short-02,\\n  body-long-01: $body-long-01,\\n  body-long-02: $body-long-02,\\n  code-01: $code-01,\\n  code-02: $code-02,\\n  heading-01: $heading-01,\\n  heading-02: $heading-02,\\n  productive-heading-01: $productive-heading-01,\\n  productive-heading-02: $productive-heading-02,\\n  productive-heading-03: $productive-heading-03,\\n  productive-heading-04: $productive-heading-04,\\n  productive-heading-05: $productive-heading-05,\\n  productive-heading-06: $productive-heading-06,\\n  productive-heading-07: $productive-heading-07,\\n  expressive-paragraph-01: $expressive-paragraph-01,\\n  expressive-heading-01: $expressive-heading-01,\\n  expressive-heading-02: $expressive-heading-02,\\n  expressive-heading-03: $expressive-heading-03,\\n  expressive-heading-04: $expressive-heading-04,\\n  expressive-heading-05: $expressive-heading-05,\\n  expressive-heading-06: $expressive-heading-06,\\n  quotation-01: $quotation-01,\\n  quotation-02: $quotation-02,\\n  display-01: $display-01,\\n  display-02: $display-02,\\n  display-03: $display-03,\\n  display-04: $display-04,\\n);\\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  // Otherwise remove token breakpoints\\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, map-remove($token, 'breakpoints'));\\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\",\"//\\n// Copyright IBM Corp. 2016, 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//----------------------------------------------\\n// Mixins\\n// ---------------------------------------------\\n//\\n//   Category             ||  Description\\n//   ===========================================\\n//   Misc                 ||  General helper @mixins\\n//   Deprecated           ||  Not used anymore\\n//   ===========================================\\n\\n//----------------------------------------------\\n// Misc\\n// ---------------------------------------------\\n\\n@import 'vars';\\n@import 'css--reset';\\n@import 'typography';\\n@import './vendor/@carbon/elements/scss/import-once/import-once';\\n\\n/// Adds text overflow styling\\n/// @access public\\n/// @param {Number} $width [false] - Value of width if you want to set width, else nothing\\n/// @example @include text-overflow(300px);\\n/// @group global-helpers\\n@mixin text-overflow($width: false) {\\n  display: block;\\n  overflow-x: hidden;\\n  text-overflow: ellipsis;\\n  white-space: nowrap;\\n\\n  // apply a width if width parameter exists\\n  @if ($width) {\\n    width: $width;\\n  }\\n}\\n\\n/// Adds placeholder text color\\n/// @access public\\n/// @example @include placeholder-colors;\\n/// @group global-helpers\\n@mixin placeholder-colors {\\n  color: $text-05;\\n  opacity: 1;\\n}\\n\\n/// Adds box shadow\\n/// @access public\\n/// @example @include box-shadow;\\n/// @group global-helpers\\n@mixin box-shadow {\\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\\n}\\n\\n/// Adds outline styles depending on specific type\\n/// @access public\\n/// @param {String} $type ['border'] - Type of outline from: `border`, `blurred`, `outline`, `invalid`, `reset`\\n/// @example @include focus-outline('outline');\\n/// @group global-helpers\\n@mixin focus-outline($type: 'border') {\\n  @if ($type == 'border') {\\n    outline: 1px solid $focus;\\n\\n    @media screen and (prefers-contrast) {\\n      outline-style: dotted;\\n    }\\n  }\\n\\n  @if ($type == 'blurred') {\\n    box-shadow: 0 0 0 3px $focus;\\n    outline: 1px solid transparent;\\n  }\\n\\n  @if ($type == 'outline') {\\n    outline: 2px solid $focus;\\n    outline-offset: -2px;\\n\\n    @media screen and (prefers-contrast) {\\n      outline-style: dotted;\\n    }\\n  }\\n\\n  @if ($type == 'outline-compat') {\\n    box-sizing: border-box;\\n    border: 2px solid $focus;\\n\\n    @media screen and (prefers-contrast) {\\n      border-style: dotted;\\n    }\\n  }\\n\\n  @if ($type == 'invalid') {\\n    outline: 2px solid $support-01;\\n    outline-offset: -2px;\\n\\n    @media screen and (prefers-contrast) {\\n      outline-style: dotted;\\n    }\\n  }\\n\\n  @if ($type == 'reset') {\\n    outline: 2px solid transparent;\\n    outline-offset: -2px;\\n  }\\n}\\n\\n/// Adds rotational transformation\\n/// @access public\\n/// @param {Number} $deg - How many degrees to rotate\\n/// @param {Number} $speed - Speed of rotation\\n/// @param {Value} $origin [center] - `transform-origin`\\n/// @example @include rotate(90deg, 300ms);\\n/// @group global-helpers\\n@mixin rotate($deg, $speed, $origin: center) {\\n  transform: rotate($deg);\\n  transform-origin: $origin;\\n  transition: transform $speed;\\n}\\n\\n/// Adds styles to hide content\\n/// @access public\\n/// @group global-helpers\\n@mixin hidden {\\n  position: absolute;\\n  overflow: hidden;\\n  width: 1px;\\n  height: 1px;\\n  padding: 0;\\n  border: 0;\\n  margin: -1px;\\n  clip: rect(0, 0, 0, 0);\\n  visibility: inherit;\\n  white-space: nowrap;\\n}\\n\\n/// Resets button styles\\n/// @access public\\n/// @param {Bool} $width [true] - Sets width to 100% if true\\n/// @example @include button-reset($width: false);\\n/// @group global-helpers\\n@mixin button-reset($width: true) {\\n  @include reset;\\n\\n  display: inline-block;\\n  padding: 0;\\n  border: 0;\\n  appearance: none;\\n  background: none;\\n  cursor: pointer;\\n\\n  @if ($width == true) {\\n    width: 100%;\\n  }\\n\\n  &::-moz-focus-inner {\\n    border: 0;\\n  }\\n}\\n\\n/// Skeleton loading animation\\n/// @access public\\n/// @example @include skeleton;\\n/// @group global-helpers\\n@mixin skeleton {\\n  position: relative;\\n  padding: 0;\\n  border: none;\\n  background: $skeleton-01;\\n  box-shadow: none;\\n  pointer-events: none;\\n\\n  &:hover,\\n  &:focus,\\n  &:active {\\n    border: none;\\n    cursor: default;\\n    outline: none;\\n  }\\n\\n  &::before {\\n    position: absolute;\\n    width: 100%;\\n    height: 100%;\\n    animation: 3000ms ease-in-out skeleton infinite;\\n    background: $skeleton-02;\\n    content: '';\\n    will-change: transform-origin, transform, opacity;\\n\\n    @media (prefers-reduced-motion: reduce) {\\n      animation: none;\\n    }\\n  }\\n}\\n\\n@include exports('skeleton') {\\n  @keyframes skeleton {\\n    0% {\\n      opacity: 0.3;\\n      transform: scaleX(0);\\n      transform-origin: left;\\n    }\\n    20% {\\n      opacity: 1;\\n      transform: scaleX(1);\\n      transform-origin: left;\\n    }\\n    28% {\\n      transform: scaleX(1);\\n      transform-origin: right;\\n    }\\n    51% {\\n      transform: scaleX(0);\\n      transform-origin: right;\\n    }\\n    58% {\\n      transform: scaleX(0);\\n      transform-origin: right;\\n    }\\n    82% {\\n      transform: scaleX(1);\\n      transform-origin: right;\\n    }\\n    83% {\\n      transform: scaleX(1);\\n      transform-origin: left;\\n    }\\n    96% {\\n      transform: scaleX(0);\\n      transform-origin: left;\\n    }\\n    100% {\\n      opacity: 0.3;\\n      transform: scaleX(0);\\n      transform-origin: left;\\n    }\\n  }\\n}\\n\\n/// Windows HCM Mixin\\n/// @access public\\n/// @example @include high-contrast-mode;\\n/// @group global-helpers\\n/// We should set HCM styles at the end of each file to ensure they are not overridden\\n@mixin high-contrast-mode($type: '') {\\n  @media screen and (-ms-high-contrast: active),\\n    (forced-colors: active),\\n    (prefers-contrast) {\\n    @if ($type == 'icon-fill') {\\n      fill: ButtonText;\\n    }\\n\\n    @if ($type == 'focus') {\\n      color: Highlight;\\n      outline: 1px solid Highlight;\\n    }\\n\\n    @if ($type == 'outline') {\\n      outline: 1px solid transparent;\\n    }\\n\\n    @if ($type == 'disabled') {\\n      color: GrayText;\\n      fill: GrayText;\\n    }\\n\\n    @content;\\n  }\\n}\\n\",\"@import \\\"~@openmrs/esm-styleguide/src/vars\\\";\\n@import \\\"~carbon-components/src/globals/scss/vars\\\";\\n@import \\\"~carbon-components/src/globals/scss/mixins\\\";\\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}\\n\\n.desktopHeading {\\n  h4 {\\n    @include carbon--type-style('productive-heading-02');\\n    color: $text-02;\\n  }\\n}\\n\\n.tabletHeading {\\n  h4 {\\n    @include carbon--type-style('productive-heading-03');\\n    color: $text-02;\\n  }\\n}\\n\\n.desktopHeading, .tabletHeading {\\n  text-align: left;\\n  text-transform: capitalize;\\n  margin-bottom: $spacing-05;\\n\\n  h4:after {\\n    content: \\\"\\\";\\n    display: block;\\n    width: 2rem;\\n    padding-top: 0.188rem;\\n    border-bottom: 0.375rem solid var(--brand-03);\\n  }\\n}\\n\\n.tile {\\n  text-align: center;\\n  border: 1px solid $ui-03;\\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  $background: map-get($theme, 'background') !global;\\n  $layer: map-get($theme, 'layer') !global;\\n  $layer-accent: map-get($theme, 'layer-accent') !global;\\n  $layer-accent-hover: map-get($theme, 'layer-accent-hover') !global;\\n  $layer-accent-active: map-get($theme, 'layer-accent-active') !global;\\n  $field: map-get($theme, 'field') !global;\\n  $background-inverse: map-get($theme, 'background-inverse') !global;\\n  $background-brand: map-get($theme, 'background-brand') !global;\\n  $interactive: map-get($theme, 'interactive') !global;\\n  $border-subtle: map-get($theme, 'border-subtle') !global;\\n  $border-strong: map-get($theme, 'border-strong') !global;\\n  $border-inverse: map-get($theme, 'border-inverse') !global;\\n  $border-interactive: map-get($theme, 'border-interactive') !global;\\n  $text-primary: map-get($theme, 'text-primary') !global;\\n  $text-secondary: map-get($theme, 'text-secondary') !global;\\n  $text-placeholder: map-get($theme, 'text-placeholder') !global;\\n  $text-helper: map-get($theme, 'text-helper') !global;\\n  $text-on-color: map-get($theme, 'text-on-color') !global;\\n  $text-inverse: map-get($theme, 'text-inverse') !global;\\n  $link-primary: map-get($theme, 'link-primary') !global;\\n  $link-secondary: map-get($theme, 'link-secondary') !global;\\n  $link-visited: map-get($theme, 'link-visited') !global;\\n  $link-inverse: map-get($theme, 'link-inverse') !global;\\n  $icon-primary: map-get($theme, 'icon-primary') !global;\\n  $icon-secondary: map-get($theme, 'icon-secondary') !global;\\n  $icon-on-color: map-get($theme, 'icon-on-color') !global;\\n  $icon-inverse: map-get($theme, 'icon-inverse') !global;\\n  $support-error: map-get($theme, 'support-error') !global;\\n  $support-success: map-get($theme, 'support-success') !global;\\n  $support-warning: map-get($theme, 'support-warning') !global;\\n  $support-info: map-get($theme, 'support-info') !global;\\n  $support-error-inverse: map-get($theme, 'support-error-inverse') !global;\\n  $support-success-inverse: map-get($theme, 'support-success-inverse') !global;\\n  $support-warning-inverse: map-get($theme, 'support-warning-inverse') !global;\\n  $support-info-inverse: map-get($theme, 'support-info-inverse') !global;\\n  $overlay: map-get($theme, 'overlay') !global;\\n  $toggle-off: map-get($theme, 'toggle-off') !global;\\n  $button-primary: map-get($theme, 'button-primary') !global;\\n  $button-secondary: map-get($theme, 'button-secondary') !global;\\n  $button-tertiary: map-get($theme, 'button-tertiary') !global;\\n  $button-danger-primary: map-get($theme, 'button-danger-primary') !global;\\n  $button-danger-secondary: map-get($theme, 'button-danger-secondary') !global;\\n  $background-active: map-get($theme, 'background-active') !global;\\n  $layer-active: map-get($theme, 'layer-active') !global;\\n  $button-danger-active: map-get($theme, 'button-danger-active') !global;\\n  $button-primary-active: map-get($theme, 'button-primary-active') !global;\\n  $button-secondary-active: map-get($theme, 'button-secondary-active') !global;\\n  $button-tertiary-active: map-get($theme, 'button-tertiary-active') !global;\\n  $focus-inset: map-get($theme, 'focus-inset') !global;\\n  $focus-inverse: map-get($theme, 'focus-inverse') !global;\\n  $background-hover: map-get($theme, 'background-hover') !global;\\n  $layer-hover: map-get($theme, 'layer-hover') !global;\\n  $field-hover: map-get($theme, 'field-hover') !global;\\n  $background-inverse-hover: map-get(\\n    $theme,\\n    'background-inverse-hover'\\n  ) !global;\\n  $link-primary-hover: map-get($theme, 'link-primary-hover') !global;\\n  $button-danger-hover: map-get($theme, 'button-danger-hover') !global;\\n  $button-primary-hover: map-get($theme, 'button-primary-hover') !global;\\n  $button-secondary-hover: map-get($theme, 'button-secondary-hover') !global;\\n  $button-tertiary-hover: map-get($theme, 'button-tertiary-hover') !global;\\n  $background-selected: map-get($theme, 'background-selected') !global;\\n  $background-selected-hover: map-get(\\n    $theme,\\n    'background-selected-hover'\\n  ) !global;\\n  $layer-selected: map-get($theme, 'layer-selected') !global;\\n  $layer-selected-hover: map-get($theme, 'layer-selected-hover') !global;\\n  $layer-selected-inverse: map-get($theme, 'layer-selected-inverse') !global;\\n  $border-subtle-selected: map-get($theme, 'border-subtle-selected') !global;\\n  $layer-disabled: map-get($theme, 'layer-disabled') !global;\\n  $field-disabled: map-get($theme, 'field-disabled') !global;\\n  $border-disabled: map-get($theme, 'border-disabled') !global;\\n  $text-disabled: map-get($theme, 'text-disabled') !global;\\n  $button-disabled: map-get($theme, 'button-disabled') !global;\\n  $icon-disabled: map-get($theme, 'icon-disabled') !global;\\n  $text-on-color-disabled: map-get($theme, 'text-on-color-disabled') !global;\\n  $icon-on-color-disabled: map-get($theme, 'icon-on-color-disabled') !global;\\n  $layer-selected-disabled: map-get($theme, 'layer-selected-disabled') !global;\\n  $skeleton-background: map-get($theme, 'skeleton-background') !global;\\n  $skeleton-element: map-get($theme, 'skeleton-element') !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  $caption-02: map-get($theme, 'caption-02') !global;\\n  $label-01: map-get($theme, 'label-01') !global;\\n  $label-02: map-get($theme, 'label-02') !global;\\n  $helper-text-01: map-get($theme, 'helper-text-01') !global;\\n  $helper-text-02: map-get($theme, 'helper-text-02') !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  $spacing-13: map-get($theme, 'spacing-13') !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  $size-xsmall: map-get($theme, 'size-xsmall') !global;\\n  $size-small: map-get($theme, 'size-small') !global;\\n  $size-medium: map-get($theme, 'size-medium') !global;\\n  $size-large: map-get($theme, 'size-large') !global;\\n  $size-xlarge: map-get($theme, 'size-xlarge') !global;\\n  $size-2XLarge: map-get($theme, 'size-2XLarge') !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') ==\\n    false or\\n    global-variable-exists('feature-flags') and\\n    map-get($feature-flags, 'enable-v11-release') !=\\n    true\\n  {\\n    $background: $ui-background !global;\\n    $layer: $ui-01 !global;\\n    $layer-accent: $ui-03 !global;\\n    $field: $field-01 !global;\\n    $background-inverse: $inverse-02 !global;\\n    $background-brand: $interactive-01 !global;\\n    $interactive: $interactive-04 !global;\\n    $border-subtle: $ui-03 !global;\\n    $border-strong: $ui-04 !global;\\n    $border-inverse: $ui-05 !global;\\n    $border-interactive: $interactive-04 !global;\\n    $text-primary: $text-01 !global;\\n    $text-secondary: $text-02 !global;\\n    $text-placeholder: $text-03 !global;\\n    $text-helper: $text-05 !global;\\n    $text-on-color: $text-04 !global;\\n    $text-inverse: $inverse-01 !global;\\n    $link-primary: $link-01 !global;\\n    $link-secondary: $link-02 !global;\\n    $link-visited: $visited-link !global;\\n    $link-inverse: $inverse-link !global;\\n    $icon-primary: $icon-01 !global;\\n    $icon-secondary: $icon-02 !global;\\n    $icon-on-color: $icon-03 !global;\\n    $icon-inverse: $inverse-01 !global;\\n    $support-error: $support-01 !global;\\n    $support-success: $support-02 !global;\\n    $support-warning: $support-03 !global;\\n    $support-info: $support-04 !global;\\n    $support-error-inverse: $inverse-support-01 !global;\\n    $support-success-inverse: $inverse-support-02 !global;\\n    $support-warning-inverse: $inverse-support-03 !global;\\n    $support-info-inverse: $inverse-support-04 !global;\\n    $overlay: $overlay-01 !global;\\n    $toggle-off: $ui-04 !global;\\n    $button-primary: $interactive-01 !global;\\n    $button-secondary: $interactive-02 !global;\\n    $button-tertiary: $interactive-03 !global;\\n    $button-danger-primary: $danger-01 !global;\\n    $button-danger-secondary: $danger-02 !global;\\n    $background-active: $active-ui !global;\\n    $layer-active: $active-ui !global;\\n    $button-danger-active: $active-danger !global;\\n    $button-primary-active: $active-primary !global;\\n    $button-secondary-active: $active-secondary !global;\\n    $button-tertiary-active: $active-tertiary !global;\\n    $focus-inset: $inverse-01 !global;\\n    $focus-inverse: $inverse-focus-ui !global;\\n    $background-hover: $hover-ui !global;\\n    $layer-hover: $hover-ui !global;\\n    $field-hover: $hover-ui !global;\\n    $background-inverse-hover: $inverse-hover-ui !global;\\n    $link-primary-hover: $hover-primary-text !global;\\n    $button-danger-hover: $hover-danger !global;\\n    $button-primary-hover: $hover-primary !global;\\n    $button-secondary-hover: $hover-secondary !global;\\n    $button-tertiary-hover: $hover-tertiary !global;\\n    $background-selected: $selected-ui !global;\\n    $background-selected-hover: $hover-selected-ui !global;\\n    $layer-selected: $selected-ui !global;\\n    $layer-selected-hover: $hover-selected-ui !global;\\n    $layer-selected-inverse: $ui-05 !global;\\n    $border-subtle-selected: $active-ui !global;\\n    $layer-disabled: $disabled-01 !global;\\n    $field-disabled: $disabled-01 !global;\\n    $border-disabled: $disabled-01 !global;\\n    $text-disabled: $disabled-02 !global;\\n    $button-disabled: $disabled-02 !global;\\n    $icon-disabled: $disabled-02 !global;\\n    $text-on-color-disabled: $disabled-03 !global;\\n    $icon-on-color-disabled: $disabled-03 !global;\\n    $layer-selected-disabled: $disabled-03 !global;\\n    $skeleton-background: $skeleton-01 !global;\\n    $skeleton-element: $skeleton-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    $background: var(\\n      --#{$custom-property-prefix}-background,\\n      map-get($theme, 'background')\\n    ) !global;\\n    $layer: var(\\n      --#{$custom-property-prefix}-layer,\\n      map-get($theme, 'layer')\\n    ) !global;\\n    $layer-accent: var(\\n      --#{$custom-property-prefix}-layer-accent,\\n      map-get($theme, 'layer-accent')\\n    ) !global;\\n    $layer-accent-hover: var(\\n      --#{$custom-property-prefix}-layer-accent-hover,\\n      map-get($theme, 'layer-accent-hover')\\n    ) !global;\\n    $layer-accent-active: var(\\n      --#{$custom-property-prefix}-layer-accent-active,\\n      map-get($theme, 'layer-accent-active')\\n    ) !global;\\n    $field: var(\\n      --#{$custom-property-prefix}-field,\\n      map-get($theme, 'field')\\n    ) !global;\\n    $background-inverse: var(\\n      --#{$custom-property-prefix}-background-inverse,\\n      map-get($theme, 'background-inverse')\\n    ) !global;\\n    $background-brand: var(\\n      --#{$custom-property-prefix}-background-brand,\\n      map-get($theme, 'background-brand')\\n    ) !global;\\n    $interactive: var(\\n      --#{$custom-property-prefix}-interactive,\\n      map-get($theme, 'interactive')\\n    ) !global;\\n    $border-subtle: var(\\n      --#{$custom-property-prefix}-border-subtle,\\n      map-get($theme, 'border-subtle')\\n    ) !global;\\n    $border-strong: var(\\n      --#{$custom-property-prefix}-border-strong,\\n      map-get($theme, 'border-strong')\\n    ) !global;\\n    $border-inverse: var(\\n      --#{$custom-property-prefix}-border-inverse,\\n      map-get($theme, 'border-inverse')\\n    ) !global;\\n    $border-interactive: var(\\n      --#{$custom-property-prefix}-border-interactive,\\n      map-get($theme, 'border-interactive')\\n    ) !global;\\n    $text-primary: var(\\n      --#{$custom-property-prefix}-text-primary,\\n      map-get($theme, 'text-primary')\\n    ) !global;\\n    $text-secondary: var(\\n      --#{$custom-property-prefix}-text-secondary,\\n      map-get($theme, 'text-secondary')\\n    ) !global;\\n    $text-placeholder: var(\\n      --#{$custom-property-prefix}-text-placeholder,\\n      map-get($theme, 'text-placeholder')\\n    ) !global;\\n    $text-helper: var(\\n      --#{$custom-property-prefix}-text-helper,\\n      map-get($theme, 'text-helper')\\n    ) !global;\\n    $text-on-color: var(\\n      --#{$custom-property-prefix}-text-on-color,\\n      map-get($theme, 'text-on-color')\\n    ) !global;\\n    $text-inverse: var(\\n      --#{$custom-property-prefix}-text-inverse,\\n      map-get($theme, 'text-inverse')\\n    ) !global;\\n    $link-primary: var(\\n      --#{$custom-property-prefix}-link-primary,\\n      map-get($theme, 'link-primary')\\n    ) !global;\\n    $link-secondary: var(\\n      --#{$custom-property-prefix}-link-secondary,\\n      map-get($theme, 'link-secondary')\\n    ) !global;\\n    $link-visited: var(\\n      --#{$custom-property-prefix}-link-visited,\\n      map-get($theme, 'link-visited')\\n    ) !global;\\n    $link-inverse: var(\\n      --#{$custom-property-prefix}-link-inverse,\\n      map-get($theme, 'link-inverse')\\n    ) !global;\\n    $icon-primary: var(\\n      --#{$custom-property-prefix}-icon-primary,\\n      map-get($theme, 'icon-primary')\\n    ) !global;\\n    $icon-secondary: var(\\n      --#{$custom-property-prefix}-icon-secondary,\\n      map-get($theme, 'icon-secondary')\\n    ) !global;\\n    $icon-on-color: var(\\n      --#{$custom-property-prefix}-icon-on-color,\\n      map-get($theme, 'icon-on-color')\\n    ) !global;\\n    $icon-inverse: var(\\n      --#{$custom-property-prefix}-icon-inverse,\\n      map-get($theme, 'icon-inverse')\\n    ) !global;\\n    $support-error: var(\\n      --#{$custom-property-prefix}-support-error,\\n      map-get($theme, 'support-error')\\n    ) !global;\\n    $support-success: var(\\n      --#{$custom-property-prefix}-support-success,\\n      map-get($theme, 'support-success')\\n    ) !global;\\n    $support-warning: var(\\n      --#{$custom-property-prefix}-support-warning,\\n      map-get($theme, 'support-warning')\\n    ) !global;\\n    $support-info: var(\\n      --#{$custom-property-prefix}-support-info,\\n      map-get($theme, 'support-info')\\n    ) !global;\\n    $support-error-inverse: var(\\n      --#{$custom-property-prefix}-support-error-inverse,\\n      map-get($theme, 'support-error-inverse')\\n    ) !global;\\n    $support-success-inverse: var(\\n      --#{$custom-property-prefix}-support-success-inverse,\\n      map-get($theme, 'support-success-inverse')\\n    ) !global;\\n    $support-warning-inverse: var(\\n      --#{$custom-property-prefix}-support-warning-inverse,\\n      map-get($theme, 'support-warning-inverse')\\n    ) !global;\\n    $support-info-inverse: var(\\n      --#{$custom-property-prefix}-support-info-inverse,\\n      map-get($theme, 'support-info-inverse')\\n    ) !global;\\n    $overlay: var(\\n      --#{$custom-property-prefix}-overlay,\\n      map-get($theme, 'overlay')\\n    ) !global;\\n    $toggle-off: var(\\n      --#{$custom-property-prefix}-toggle-off,\\n      map-get($theme, 'toggle-off')\\n    ) !global;\\n    $button-primary: var(\\n      --#{$custom-property-prefix}-button-primary,\\n      map-get($theme, 'button-primary')\\n    ) !global;\\n    $button-secondary: var(\\n      --#{$custom-property-prefix}-button-secondary,\\n      map-get($theme, 'button-secondary')\\n    ) !global;\\n    $button-tertiary: var(\\n      --#{$custom-property-prefix}-button-tertiary,\\n      map-get($theme, 'button-tertiary')\\n    ) !global;\\n    $button-danger-primary: var(\\n      --#{$custom-property-prefix}-button-danger-primary,\\n      map-get($theme, 'button-danger-primary')\\n    ) !global;\\n    $button-danger-secondary: var(\\n      --#{$custom-property-prefix}-button-danger-secondary,\\n      map-get($theme, 'button-danger-secondary')\\n    ) !global;\\n    $background-active: var(\\n      --#{$custom-property-prefix}-background-active,\\n      map-get($theme, 'background-active')\\n    ) !global;\\n    $layer-active: var(\\n      --#{$custom-property-prefix}-layer-active,\\n      map-get($theme, 'layer-active')\\n    ) !global;\\n    $button-danger-active: var(\\n      --#{$custom-property-prefix}-button-danger-active,\\n      map-get($theme, 'button-danger-active')\\n    ) !global;\\n    $button-primary-active: var(\\n      --#{$custom-property-prefix}-button-primary-active,\\n      map-get($theme, 'button-primary-active')\\n    ) !global;\\n    $button-secondary-active: var(\\n      --#{$custom-property-prefix}-button-secondary-active,\\n      map-get($theme, 'button-secondary-active')\\n    ) !global;\\n    $button-tertiary-active: var(\\n      --#{$custom-property-prefix}-button-tertiary-active,\\n      map-get($theme, 'button-tertiary-active')\\n    ) !global;\\n    $focus-inset: var(\\n      --#{$custom-property-prefix}-focus-inset,\\n      map-get($theme, 'focus-inset')\\n    ) !global;\\n    $focus-inverse: var(\\n      --#{$custom-property-prefix}-focus-inverse,\\n      map-get($theme, 'focus-inverse')\\n    ) !global;\\n    $background-hover: var(\\n      --#{$custom-property-prefix}-background-hover,\\n      map-get($theme, 'background-hover')\\n    ) !global;\\n    $layer-hover: var(\\n      --#{$custom-property-prefix}-layer-hover,\\n      map-get($theme, 'layer-hover')\\n    ) !global;\\n    $field-hover: var(\\n      --#{$custom-property-prefix}-field-hover,\\n      map-get($theme, 'field-hover')\\n    ) !global;\\n    $background-inverse-hover: var(\\n      --#{$custom-property-prefix}-background-inverse-hover,\\n      map-get($theme, 'background-inverse-hover')\\n    ) !global;\\n    $link-primary-hover: var(\\n      --#{$custom-property-prefix}-link-primary-hover,\\n      map-get($theme, 'link-primary-hover')\\n    ) !global;\\n    $button-danger-hover: var(\\n      --#{$custom-property-prefix}-button-danger-hover,\\n      map-get($theme, 'button-danger-hover')\\n    ) !global;\\n    $button-primary-hover: var(\\n      --#{$custom-property-prefix}-button-primary-hover,\\n      map-get($theme, 'button-primary-hover')\\n    ) !global;\\n    $button-secondary-hover: var(\\n      --#{$custom-property-prefix}-button-secondary-hover,\\n      map-get($theme, 'button-secondary-hover')\\n    ) !global;\\n    $button-tertiary-hover: var(\\n      --#{$custom-property-prefix}-button-tertiary-hover,\\n      map-get($theme, 'button-tertiary-hover')\\n    ) !global;\\n    $background-selected: var(\\n      --#{$custom-property-prefix}-background-selected,\\n      map-get($theme, 'background-selected')\\n    ) !global;\\n    $background-selected-hover: var(\\n      --#{$custom-property-prefix}-background-selected-hover,\\n      map-get($theme, 'background-selected-hover')\\n    ) !global;\\n    $layer-selected: var(\\n      --#{$custom-property-prefix}-layer-selected,\\n      map-get($theme, 'layer-selected')\\n    ) !global;\\n    $layer-selected-hover: var(\\n      --#{$custom-property-prefix}-layer-selected-hover,\\n      map-get($theme, 'layer-selected-hover')\\n    ) !global;\\n    $layer-selected-inverse: var(\\n      --#{$custom-property-prefix}-layer-selected-inverse,\\n      map-get($theme, 'layer-selected-inverse')\\n    ) !global;\\n    $border-subtle-selected: var(\\n      --#{$custom-property-prefix}-border-subtle-selected,\\n      map-get($theme, 'border-subtle-selected')\\n    ) !global;\\n    $layer-disabled: var(\\n      --#{$custom-property-prefix}-layer-disabled,\\n      map-get($theme, 'layer-disabled')\\n    ) !global;\\n    $field-disabled: var(\\n      --#{$custom-property-prefix}-field-disabled,\\n      map-get($theme, 'field-disabled')\\n    ) !global;\\n    $border-disabled: var(\\n      --#{$custom-property-prefix}-border-disabled,\\n      map-get($theme, 'border-disabled')\\n    ) !global;\\n    $text-disabled: var(\\n      --#{$custom-property-prefix}-text-disabled,\\n      map-get($theme, 'text-disabled')\\n    ) !global;\\n    $button-disabled: var(\\n      --#{$custom-property-prefix}-button-disabled,\\n      map-get($theme, 'button-disabled')\\n    ) !global;\\n    $icon-disabled: var(\\n      --#{$custom-property-prefix}-icon-disabled,\\n      map-get($theme, 'icon-disabled')\\n    ) !global;\\n    $text-on-color-disabled: var(\\n      --#{$custom-property-prefix}-text-on-color-disabled,\\n      map-get($theme, 'text-on-color-disabled')\\n    ) !global;\\n    $icon-on-color-disabled: var(\\n      --#{$custom-property-prefix}-icon-on-color-disabled,\\n      map-get($theme, 'icon-on-color-disabled')\\n    ) !global;\\n    $layer-selected-disabled: var(\\n      --#{$custom-property-prefix}-layer-selected-disabled,\\n      map-get($theme, 'layer-selected-disabled')\\n    ) !global;\\n    $skeleton-background: var(\\n      --#{$custom-property-prefix}-skeleton-background,\\n      map-get($theme, 'skeleton-background')\\n    ) !global;\\n    $skeleton-element: var(\\n      --#{$custom-property-prefix}-skeleton-element,\\n      map-get($theme, 'skeleton-element')\\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    $spacing-13: var(\\n      --#{$custom-property-prefix}-spacing-13,\\n      map-get($theme, 'spacing-13')\\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    $size-xsmall: var(\\n      --#{$custom-property-prefix}-size-xsmall,\\n      map-get($theme, 'size-xsmall')\\n    ) !global;\\n    $size-small: var(\\n      --#{$custom-property-prefix}-size-small,\\n      map-get($theme, 'size-small')\\n    ) !global;\\n    $size-medium: var(\\n      --#{$custom-property-prefix}-size-medium,\\n      map-get($theme, 'size-medium')\\n    ) !global;\\n    $size-large: var(\\n      --#{$custom-property-prefix}-size-large,\\n      map-get($theme, 'size-large')\\n    ) !global;\\n    $size-xlarge: var(\\n      --#{$custom-property-prefix}-size-xlarge,\\n      map-get($theme, 'size-xlarge')\\n    ) !global;\\n    $size-2XLarge: var(\\n      --#{$custom-property-prefix}-size-2XLarge,\\n      map-get($theme, 'size-2XLarge')\\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(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('background', map-get($theme, 'background'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layer', $emit-difference) {\\n      @include custom-property('layer', map-get($theme, 'layer'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-accent',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('layer-accent', map-get($theme, 'layer-accent'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-accent-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-accent-hover',\\n        map-get($theme, 'layer-accent-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-accent-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-accent-active',\\n        map-get($theme, 'layer-accent-active')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field', $emit-difference) {\\n      @include custom-property('field', map-get($theme, 'field'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-inverse',\\n        map-get($theme, 'background-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-brand',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-brand',\\n        map-get($theme, 'background-brand')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('interactive', map-get($theme, 'interactive'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-subtle',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-subtle',\\n        map-get($theme, 'border-subtle')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-strong',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-strong',\\n        map-get($theme, 'border-strong')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-inverse',\\n        map-get($theme, 'border-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-interactive',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-interactive',\\n        map-get($theme, 'border-interactive')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-primary', map-get($theme, 'text-primary'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'text-secondary',\\n        map-get($theme, 'text-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-placeholder',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'text-placeholder',\\n        map-get($theme, 'text-placeholder')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-helper',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-helper', map-get($theme, 'text-helper'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-on-color',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'text-on-color',\\n        map-get($theme, 'text-on-color')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-inverse', map-get($theme, 'text-inverse'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'link-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('link-primary', map-get($theme, 'link-primary'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'link-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'link-secondary',\\n        map-get($theme, 'link-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'link-visited',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('link-visited', map-get($theme, 'link-visited'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'link-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('link-inverse', map-get($theme, 'link-inverse'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-primary', map-get($theme, 'icon-primary'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'icon-secondary',\\n        map-get($theme, 'icon-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-on-color',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'icon-on-color',\\n        map-get($theme, 'icon-on-color')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-inverse', map-get($theme, 'icon-inverse'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-error',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-error',\\n        map-get($theme, 'support-error')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-success',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-success',\\n        map-get($theme, 'support-success')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-warning',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-warning',\\n        map-get($theme, 'support-warning')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-info',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-info', map-get($theme, 'support-info'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-error-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-error-inverse',\\n        map-get($theme, 'support-error-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-success-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-success-inverse',\\n        map-get($theme, 'support-success-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-warning-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-warning-inverse',\\n        map-get($theme, 'support-warning-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-info-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'support-info-inverse',\\n        map-get($theme, 'support-info-inverse')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'overlay', $emit-difference) {\\n      @include custom-property('overlay', map-get($theme, 'overlay'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'toggle-off',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('toggle-off', map-get($theme, 'toggle-off'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-primary',\\n        map-get($theme, 'button-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-secondary',\\n        map-get($theme, 'button-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-tertiary',\\n        map-get($theme, 'button-tertiary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-danger-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-danger-primary',\\n        map-get($theme, 'button-danger-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-danger-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-danger-secondary',\\n        map-get($theme, 'button-danger-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-active',\\n        map-get($theme, 'background-active')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('layer-active', map-get($theme, 'layer-active'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-danger-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-danger-active',\\n        map-get($theme, 'button-danger-active')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-primary-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-primary-active',\\n        map-get($theme, 'button-primary-active')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-secondary-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-secondary-active',\\n        map-get($theme, 'button-secondary-active')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-tertiary-active',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-tertiary-active',\\n        map-get($theme, 'button-tertiary-active')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'focus-inset',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('focus-inset', map-get($theme, 'focus-inset'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'focus-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'focus-inverse',\\n        map-get($theme, 'focus-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-hover',\\n        map-get($theme, 'background-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('layer-hover', map-get($theme, 'layer-hover'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'field-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('field-hover', map-get($theme, 'field-hover'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-inverse-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-inverse-hover',\\n        map-get($theme, 'background-inverse-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'link-primary-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'link-primary-hover',\\n        map-get($theme, 'link-primary-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-danger-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-danger-hover',\\n        map-get($theme, 'button-danger-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-primary-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-primary-hover',\\n        map-get($theme, 'button-primary-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-secondary-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-secondary-hover',\\n        map-get($theme, 'button-secondary-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-tertiary-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-tertiary-hover',\\n        map-get($theme, 'button-tertiary-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-selected',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-selected',\\n        map-get($theme, 'background-selected')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'background-selected-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'background-selected-hover',\\n        map-get($theme, 'background-selected-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-selected',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-selected',\\n        map-get($theme, 'layer-selected')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-selected-hover',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-selected-hover',\\n        map-get($theme, 'layer-selected-hover')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-selected-inverse',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-selected-inverse',\\n        map-get($theme, 'layer-selected-inverse')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-subtle-selected',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-subtle-selected',\\n        map-get($theme, 'border-subtle-selected')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-disabled',\\n        map-get($theme, 'layer-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'field-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'field-disabled',\\n        map-get($theme, 'field-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'border-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'border-disabled',\\n        map-get($theme, 'border-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'text-disabled',\\n        map-get($theme, 'text-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-disabled',\\n        map-get($theme, 'button-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'icon-disabled',\\n        map-get($theme, 'icon-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-on-color-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'text-on-color-disabled',\\n        map-get($theme, 'text-on-color-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-on-color-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'icon-on-color-disabled',\\n        map-get($theme, 'icon-on-color-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'layer-selected-disabled',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'layer-selected-disabled',\\n        map-get($theme, 'layer-selected-disabled')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-background',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'skeleton-background',\\n        map-get($theme, 'skeleton-background')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-element',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'skeleton-element',\\n        map-get($theme, 'skeleton-element')\\n      );\\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(\\n      $theme,\\n      $parent-carbon-theme,\\n      'caption-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('caption-02', map-get($theme, 'caption-02'));\\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($theme, $parent-carbon-theme, 'label-02', $emit-difference)\\n    {\\n      @include custom-property('label-02', map-get($theme, 'label-02'));\\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      'helper-text-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'helper-text-02',\\n        map-get($theme, 'helper-text-02')\\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      'spacing-13',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-13', map-get($theme, 'spacing-13'));\\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      'size-xsmall',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-xsmall', map-get($theme, 'size-xsmall'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'size-small',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-small', map-get($theme, 'size-small'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'size-medium',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-medium', map-get($theme, 'size-medium'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'size-large',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-large', map-get($theme, 'size-large'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'size-xlarge',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-xlarge', map-get($theme, 'size-xlarge'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'size-2XLarge',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('size-2XLarge', map-get($theme, 'size-2XLarge'));\\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\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"errorMessage\": \"-esm-patient-programs__error-state__errorMessage___kDICS\",\n\t\"errorCopy\": \"-esm-patient-programs__error-state__errorCopy___UX21v\",\n\t\"desktopHeading\": \"-esm-patient-programs__error-state__desktopHeading___Bhvtx\",\n\t\"tabletHeading\": \"-esm-patient-programs__error-state__tabletHeading___EAqy2\",\n\t\"tile\": \"-esm-patient-programs__error-state__tile___LTdVO\",\n\t\"skeleton\": \"-esm-patient-programs__error-state__skeleton___o_2Aa\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,select,input,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:\\\"\\\"}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace}strong{font-weight:600}@media screen and (-ms-high-contrast: active){svg{fill:ButtonText}}h1{font-size:2rem;font-weight:300;line-height:1.199;letter-spacing:0}h2{font-size:2rem;font-weight:400;line-height:1.25;letter-spacing:0}h3{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}h4{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}h5{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}h6{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}p{font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:0}a{color:#0f62fe}em{font-style:italic}@keyframes -esm-patient-programs__pagination-component__skeleton___rGCby{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}:root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-patient-programs__pagination-component__bodyShort01___Pd3yQ,.-esm-patient-programs__pagination-component__configurableLink___UgWEP{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-patient-programs__pagination-component__desktop___usWzK,.-esm-patient-programs__pagination-component__tablet___B5tv0{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px;display:flex;border-top:1px solid #e0e0e0;justify-content:space-between;color:#525252;background-color:#fff;padding-left:1rem;align-items:center}.-esm-patient-programs__pagination-component__desktop___usWzK .bx--pagination{min-height:0rem;height:2rem;width:auto;border:none}.-esm-patient-programs__pagination-component__desktop___usWzK .bx--pagination .bx--select-input,.-esm-patient-programs__pagination-component__desktop___usWzK .bx--pagination .bx--btn,.-esm-patient-programs__pagination-component__desktop___usWzK .bx--pagination .bx--pagination__right{min-height:0rem;height:2rem}.-esm-patient-programs__pagination-component__tablet___B5tv0 .bx--pagination{min-height:0rem;height:3rem;width:auto;border:none}.-esm-patient-programs__pagination-component__tablet___B5tv0 .bx--pagination .bx--select-input,.-esm-patient-programs__pagination-component__tablet___B5tv0 .bx--pagination .bx--btn,.-esm-patient-programs__pagination-component__tablet___B5tv0 .bx--pagination .bx--pagination__right{min-height:0rem;height:3rem}.-esm-patient-programs__pagination-component__configurableLink___UgWEP{text-decoration:none;padding:0 .5rem}.-esm-patient-programs__pagination-component__pagination___wnPFH{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px;background-color:#fff;color:#525252;display:flex}div.-esm-patient-programs__pagination-component__pagination___wnPFH>.bx--pagination__left{display:none}\", \"\",{\"version\":3,\"sources\":[\"webpack://./../../node_modules/carbon-components/src/globals/scss/_css--reset.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_reset.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_font-family.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/icons/mixins.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss\",\"webpack://./../../node_modules/carbon-components/src/globals/scss/_helper-mixins.scss\",\"webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss\",\"webpack://./../esm-patient-common-lib/src/pagination/pagination.component.scss\"],\"names\":[],\"mappings\":\"AAmCI,2ZAiFE,SAAA,CACA,QAAA,CACA,QAAA,CACA,YAAA,CACA,cAAA,CACA,uBAAA,CAIF,6BAIE,eAAA,CACA,mBAAA,CAGF,4BACE,YAAA,CAIF,mFAYE,aAAA,CAGF,KACE,aAAA,CAGF,IACE,oBAAA,CAGF,IACE,kBAAA,CAGF,MAEE,eAAA,CAGF,aAEE,WAAA,CAGF,wDAIE,UAAA,CAGF,MACE,wBAAA,CACA,gBAAA,CAGF,EACE,qBAAA,CAIF,OACE,QAAA,CC3KJ,KACE,cAAA,CAGF,KC0CA,eAAA,CDvCE,gEAViB,CAWjB,iCAAA,CACA,kCAAA,CACA,iCAAA,CAGF,KACE,wGAhBiB,CAmBnB,OC6BA,eAAA,CCxDA,8CACE,IACE,eAAA,CAAA,CFkCJ,GGggBE,cAsLsB,CAtLtB,eAsLsB,CAtLtB,iBAsLsB,CAtLtB,gBAsLsB,CHlrBxB,GG4fE,cAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CAtLtB,gBAsLsB,CH9qBxB,GGwfE,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CAtLtB,gBAsLsB,CH1qBxB,GGofE,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CHtqBxB,GGgfE,cAsLsB,CAtLtB,eAsLsB,CAtLtB,iBAsLsB,CAtLtB,gBAsLsB,CHlqBxB,GG4eE,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CAtLtB,oBAsLsB,CH9pBxB,EGweE,cAsLsB,CAtLtB,eAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CH1pBxB,EAII,aAAA,CAMJ,GACE,iBAAA,CIkHF,yEACE,GACE,UAAA,CACA,mBAAA,CACA,qBAAA,CAEF,IACE,SAAA,CACA,mBAAA,CACA,qBAAA,CAEF,IACE,mBAAA,CACA,sBAAA,CAEF,IACE,mBAAA,CACA,sBAAA,CAEF,IACE,mBAAA,CACA,sBAAA,CAEF,IACE,mBAAA,CACA,sBAAA,CAEF,IACE,mBAAA,CACA,qBAAA,CAEF,IACE,mBAAA,CACA,qBAAA,CAEF,KACE,UAAA,CACA,mBAAA,CACA,qBAAA,CAAA,CCtMN,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCtCF,yIH0iBI,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CAtLtB,oBAsLsB,CG5tB1B,2HHsiBI,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CAtLtB,oBAsLsB,CG1tBxB,YAAA,CACA,4BAAA,CACA,6BAAA,CACA,aDVQ,CCWR,qBDfM,CCgBN,iBAAA,CACA,kBAAA,CAGF,8EACE,eAAA,CACA,WAAA,CACA,UAAA,CACA,WAAA,CAEA,4RACE,eAAA,CACA,WAAA,CAIJ,6EACE,eAAA,CACA,WAAA,CACA,UAAA,CACA,WAAA,CAEA,yRACE,eAAA,CACA,WAAA,CAIJ,uEACE,oBAAA,CAEA,eAAA,CAGF,iEH6fI,iBAsLsB,CAtLtB,eAsLsB,CAtLtB,gBAsLsB,CAtLtB,oBAsLsB,CGjrBxB,qBDpDM,CCqDN,aDjDQ,CCkDR,YAAA,CAIA,0FACE,YAAA\",\"sourcesContent\":[\"//\\n// Copyright IBM Corp. 2016, 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 './vendor/@carbon/elements/scss/import-once/import-once';\\n@import './vendor/@carbon/elements/scss/type/reset';\\n@import './vendor/@carbon/elements/scss/icons/mixins';\\n\\n/// Resets default browser styling\\n/// @access public\\n/// @group global-reset\\n@mixin reset {\\n  @if variable-exists(css--reset) == false or $css--reset == false {\\n    box-sizing: border-box;\\n    padding: 0;\\n    border: 0;\\n    margin: 0;\\n    font-family: inherit;\\n    font-size: 100%;\\n    vertical-align: baseline;\\n\\n    *,\\n    *::before,\\n    *::after {\\n      box-sizing: inherit;\\n    }\\n  }\\n}\\n\\n@include exports('css--reset') {\\n  @if variable-exists(css--reset) == false or $css--reset == true {\\n    // http://cssreset.com/scripts/eric-meyer-reset-css/\\n    html,\\n    body,\\n    div,\\n    span,\\n    applet,\\n    object,\\n    iframe,\\n    h1,\\n    h2,\\n    h3,\\n    h4,\\n    h5,\\n    h6,\\n    p,\\n    blockquote,\\n    pre,\\n    a,\\n    abbr,\\n    acronym,\\n    address,\\n    big,\\n    cite,\\n    code,\\n    del,\\n    dfn,\\n    em,\\n    img,\\n    ins,\\n    kbd,\\n    q,\\n    s,\\n    samp,\\n    small,\\n    strike,\\n    strong,\\n    sub,\\n    sup,\\n    tt,\\n    var,\\n    b,\\n    u,\\n    i,\\n    center,\\n    dl,\\n    dt,\\n    dd,\\n    ol,\\n    ul,\\n    li,\\n    fieldset,\\n    form,\\n    label,\\n    legend,\\n    table,\\n    caption,\\n    tbody,\\n    tfoot,\\n    thead,\\n    tr,\\n    th,\\n    td,\\n    article,\\n    aside,\\n    canvas,\\n    details,\\n    embed,\\n    figure,\\n    figcaption,\\n    footer,\\n    header,\\n    hgroup,\\n    menu,\\n    nav,\\n    output,\\n    ruby,\\n    section,\\n    summary,\\n    time,\\n    mark,\\n    audio,\\n    video {\\n      padding: 0;\\n      border: 0;\\n      margin: 0;\\n      font: inherit;\\n      font-size: 100%;\\n      vertical-align: baseline;\\n    }\\n\\n    // Chrome 62 fix\\n    button,\\n    select,\\n    input,\\n    textarea {\\n      border-radius: 0;\\n      font-family: inherit;\\n    }\\n\\n    input[type='text']::-ms-clear {\\n      display: none;\\n    }\\n\\n    /* HTML5 display-role reset for older browsers */\\n    article,\\n    aside,\\n    details,\\n    figcaption,\\n    figure,\\n    footer,\\n    header,\\n    hgroup,\\n    main,\\n    menu,\\n    nav,\\n    section {\\n      display: block;\\n    }\\n\\n    body {\\n      line-height: 1;\\n    }\\n\\n    sup {\\n      vertical-align: super;\\n    }\\n\\n    sub {\\n      vertical-align: sub;\\n    }\\n\\n    ol,\\n    ul {\\n      list-style: none;\\n    }\\n\\n    blockquote,\\n    q {\\n      quotes: none;\\n    }\\n\\n    blockquote::before,\\n    blockquote::after,\\n    q::before,\\n    q::after {\\n      content: '';\\n    }\\n\\n    table {\\n      border-collapse: collapse;\\n      border-spacing: 0;\\n    }\\n\\n    * {\\n      box-sizing: border-box;\\n    }\\n\\n    // Fix to remove added margins on buttons in safari (see #5155)\\n    button {\\n      margin: 0;\\n    }\\n\\n    @include carbon--type-reset;\\n    @include carbon--icons;\\n  }\\n}\\n\\n@include exports('css--default-type') {\\n  @if variable-exists(css--default-type) == false or $css--default-type == true\\n  {\\n    @include carbon--default-type;\\n  }\\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/convert';\\n@import 'font-family';\\n@import 'styles';\\n\\n/// Include a type reset for a given body and mono font family\\n/// @param {String} $body-font-family [carbon--font-family('sans')] - The font family used on the `<body>` element\\n/// @param {String} $mono-font-family [carbon--font-family('mono')] - The font family used on elements that require mono fonts, like the `<code>` element\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--type-reset(\\n  // TODO: remove in next major release. This has been replaced with 100%\\n  $base-font-size: $carbon--base-font-size,\\n  $body-font-family: carbon--font-family('sans'),\\n  $mono-font-family: carbon--font-family('mono')\\n) {\\n  html {\\n    font-size: 100%;\\n  }\\n\\n  body {\\n    @include carbon--font-weight('regular');\\n\\n    font-family: $body-font-family;\\n    -moz-osx-font-smoothing: grayscale;\\n    -webkit-font-smoothing: antialiased;\\n    text-rendering: optimizeLegibility;\\n  }\\n\\n  code {\\n    font-family: $mono-font-family;\\n  }\\n\\n  strong {\\n    @include carbon--font-weight('semibold');\\n  }\\n}\\n\\n/// Include default type styles\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--default-type {\\n  h1 {\\n    @include carbon--type-style('productive-heading-06');\\n  }\\n\\n  h2 {\\n    @include carbon--type-style('productive-heading-05');\\n  }\\n\\n  h3 {\\n    @include carbon--type-style('productive-heading-04');\\n  }\\n\\n  h4 {\\n    @include carbon--type-style('productive-heading-03');\\n  }\\n\\n  h5 {\\n    @include carbon--type-style('productive-heading-02');\\n  }\\n\\n  h6 {\\n    @include carbon--type-style('productive-heading-01');\\n  }\\n\\n  p {\\n    @include carbon--type-style('body-long-02');\\n  }\\n\\n  a {\\n    @if global-variable-exists('carbon--theme') and\\n      map-has-key($carbon--theme, 'link-01')\\n    {\\n      color: map-get($carbon--theme, 'link-01');\\n    } @else {\\n      color: #0062fe;\\n    }\\n  }\\n\\n  em {\\n    font-style: italic;\\n  }\\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/// Font family fallbacks for: IBM Plex Mono, IBM Plex Sans, IBM Plex Sans\\n/// Condensed, IBM Plex Sans Hebrew, and IBM Plex Serif\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$carbon--font-families: (\\n  'mono':\\n    unquote(\\n      \\\"'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace\\\"\\n    ),\\n  'sans': unquote(\\\"'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif\\\"),\\n  'sans-condensed':\\n    unquote(\\\"'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif\\\"),\\n  'sans-hebrew':\\n    unquote(\\n      \\\"'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif\\\"\\n    ),\\n  'serif': unquote(\\\"'IBM Plex Serif', 'Georgia', Times, serif\\\"),\\n) !default;\\n\\n/// Get the font-family for an IBM Plex font\\n/// @param {String} $name\\n/// @return {String}\\n/// @access public\\n/// @group @carbon/type\\n@function carbon--font-family($name) {\\n  @return map-get($carbon--font-families, $name);\\n}\\n\\n/// Include the `font-family` definition for the given name in your selector\\n/// @param {String} $name\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--font-family($name) {\\n  font-family: carbon--font-family($name);\\n}\\n\\n/// Suggested font weights to be used in product\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$carbon--font-weights: (\\n  'light': 300,\\n  'regular': 400,\\n  'semibold': 600,\\n) !default;\\n\\n/// Retrieve the font-weight value for a given name\\n/// @param {String} $weight\\n/// @return {Number}\\n/// @access public\\n/// @group @carbon/type\\n@function carbon--font-weight($weight) {\\n  @return map-get($carbon--font-weights, $weight);\\n}\\n\\n/// Set the `font-weight` property with the value for a given name\\n/// @param {String} $weight\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--font-weight($weight) {\\n  font-weight: carbon--font-weight($weight);\\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/// Makes SVGs accessible in high contrast mode\\n/// @link https://github.com/IBM/carbon-elements/issues/345#issuecomment-466577293 Carbon-elements #345\\n/// @access public\\n/// @group @carbon/icons\\n@mixin carbon--icons {\\n  @media screen and (-ms-high-contrast: active) {\\n    svg {\\n      fill: ButtonText;\\n    }\\n  }\\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$caption-02: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\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$label-02: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\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$helper-text-02: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\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  caption-02: $caption-02,\\n  label-01: $label-01,\\n  label-02: $label-02,\\n  helper-text-01: $helper-text-01,\\n  helper-text-02: $helper-text-02,\\n  body-short-01: $body-short-01,\\n  body-short-02: $body-short-02,\\n  body-long-01: $body-long-01,\\n  body-long-02: $body-long-02,\\n  code-01: $code-01,\\n  code-02: $code-02,\\n  heading-01: $heading-01,\\n  heading-02: $heading-02,\\n  productive-heading-01: $productive-heading-01,\\n  productive-heading-02: $productive-heading-02,\\n  productive-heading-03: $productive-heading-03,\\n  productive-heading-04: $productive-heading-04,\\n  productive-heading-05: $productive-heading-05,\\n  productive-heading-06: $productive-heading-06,\\n  productive-heading-07: $productive-heading-07,\\n  expressive-paragraph-01: $expressive-paragraph-01,\\n  expressive-heading-01: $expressive-heading-01,\\n  expressive-heading-02: $expressive-heading-02,\\n  expressive-heading-03: $expressive-heading-03,\\n  expressive-heading-04: $expressive-heading-04,\\n  expressive-heading-05: $expressive-heading-05,\\n  expressive-heading-06: $expressive-heading-06,\\n  quotation-01: $quotation-01,\\n  quotation-02: $quotation-02,\\n  display-01: $display-01,\\n  display-02: $display-02,\\n  display-03: $display-03,\\n  display-04: $display-04,\\n);\\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  // Otherwise remove token breakpoints\\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, map-remove($token, 'breakpoints'));\\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\",\"//\\n// Copyright IBM Corp. 2016, 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//----------------------------------------------\\n// Mixins\\n// ---------------------------------------------\\n//\\n//   Category             ||  Description\\n//   ===========================================\\n//   Misc                 ||  General helper @mixins\\n//   Deprecated           ||  Not used anymore\\n//   ===========================================\\n\\n//----------------------------------------------\\n// Misc\\n// ---------------------------------------------\\n\\n@import 'vars';\\n@import 'css--reset';\\n@import 'typography';\\n@import './vendor/@carbon/elements/scss/import-once/import-once';\\n\\n/// Adds text overflow styling\\n/// @access public\\n/// @param {Number} $width [false] - Value of width if you want to set width, else nothing\\n/// @example @include text-overflow(300px);\\n/// @group global-helpers\\n@mixin text-overflow($width: false) {\\n  display: block;\\n  overflow-x: hidden;\\n  text-overflow: ellipsis;\\n  white-space: nowrap;\\n\\n  // apply a width if width parameter exists\\n  @if ($width) {\\n    width: $width;\\n  }\\n}\\n\\n/// Adds placeholder text color\\n/// @access public\\n/// @example @include placeholder-colors;\\n/// @group global-helpers\\n@mixin placeholder-colors {\\n  color: $text-05;\\n  opacity: 1;\\n}\\n\\n/// Adds box shadow\\n/// @access public\\n/// @example @include box-shadow;\\n/// @group global-helpers\\n@mixin box-shadow {\\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\\n}\\n\\n/// Adds outline styles depending on specific type\\n/// @access public\\n/// @param {String} $type ['border'] - Type of outline from: `border`, `blurred`, `outline`, `invalid`, `reset`\\n/// @example @include focus-outline('outline');\\n/// @group global-helpers\\n@mixin focus-outline($type: 'border') {\\n  @if ($type == 'border') {\\n    outline: 1px solid $focus;\\n\\n    @media screen and (prefers-contrast) {\\n      outline-style: dotted;\\n    }\\n  }\\n\\n  @if ($type == 'blurred') {\\n    box-shadow: 0 0 0 3px $focus;\\n    outline: 1px solid transparent;\\n  }\\n\\n  @if ($type == 'outline') {\\n    outline: 2px solid $focus;\\n    outline-offset: -2px;\\n\\n    @media screen and (prefers-contrast) {\\n      outline-style: dotted;\\n    }\\n  }\\n\\n  @if ($type == 'outline-compat') {\\n    box-sizing: border-box;\\n    border: 2px solid $focus;\\n\\n    @media screen and (prefers-contrast) {\\n      border-style: dotted;\\n    }\\n  }\\n\\n  @if ($type == 'invalid') {\\n    outline: 2px solid $support-01;\\n    outline-offset: -2px;\\n\\n    @media screen and (prefers-contrast) {\\n      outline-style: dotted;\\n    }\\n  }\\n\\n  @if ($type == 'reset') {\\n    outline: 2px solid transparent;\\n    outline-offset: -2px;\\n  }\\n}\\n\\n/// Adds rotational transformation\\n/// @access public\\n/// @param {Number} $deg - How many degrees to rotate\\n/// @param {Number} $speed - Speed of rotation\\n/// @param {Value} $origin [center] - `transform-origin`\\n/// @example @include rotate(90deg, 300ms);\\n/// @group global-helpers\\n@mixin rotate($deg, $speed, $origin: center) {\\n  transform: rotate($deg);\\n  transform-origin: $origin;\\n  transition: transform $speed;\\n}\\n\\n/// Adds styles to hide content\\n/// @access public\\n/// @group global-helpers\\n@mixin hidden {\\n  position: absolute;\\n  overflow: hidden;\\n  width: 1px;\\n  height: 1px;\\n  padding: 0;\\n  border: 0;\\n  margin: -1px;\\n  clip: rect(0, 0, 0, 0);\\n  visibility: inherit;\\n  white-space: nowrap;\\n}\\n\\n/// Resets button styles\\n/// @access public\\n/// @param {Bool} $width [true] - Sets width to 100% if true\\n/// @example @include button-reset($width: false);\\n/// @group global-helpers\\n@mixin button-reset($width: true) {\\n  @include reset;\\n\\n  display: inline-block;\\n  padding: 0;\\n  border: 0;\\n  appearance: none;\\n  background: none;\\n  cursor: pointer;\\n\\n  @if ($width == true) {\\n    width: 100%;\\n  }\\n\\n  &::-moz-focus-inner {\\n    border: 0;\\n  }\\n}\\n\\n/// Skeleton loading animation\\n/// @access public\\n/// @example @include skeleton;\\n/// @group global-helpers\\n@mixin skeleton {\\n  position: relative;\\n  padding: 0;\\n  border: none;\\n  background: $skeleton-01;\\n  box-shadow: none;\\n  pointer-events: none;\\n\\n  &:hover,\\n  &:focus,\\n  &:active {\\n    border: none;\\n    cursor: default;\\n    outline: none;\\n  }\\n\\n  &::before {\\n    position: absolute;\\n    width: 100%;\\n    height: 100%;\\n    animation: 3000ms ease-in-out skeleton infinite;\\n    background: $skeleton-02;\\n    content: '';\\n    will-change: transform-origin, transform, opacity;\\n\\n    @media (prefers-reduced-motion: reduce) {\\n      animation: none;\\n    }\\n  }\\n}\\n\\n@include exports('skeleton') {\\n  @keyframes skeleton {\\n    0% {\\n      opacity: 0.3;\\n      transform: scaleX(0);\\n      transform-origin: left;\\n    }\\n    20% {\\n      opacity: 1;\\n      transform: scaleX(1);\\n      transform-origin: left;\\n    }\\n    28% {\\n      transform: scaleX(1);\\n      transform-origin: right;\\n    }\\n    51% {\\n      transform: scaleX(0);\\n      transform-origin: right;\\n    }\\n    58% {\\n      transform: scaleX(0);\\n      transform-origin: right;\\n    }\\n    82% {\\n      transform: scaleX(1);\\n      transform-origin: right;\\n    }\\n    83% {\\n      transform: scaleX(1);\\n      transform-origin: left;\\n    }\\n    96% {\\n      transform: scaleX(0);\\n      transform-origin: left;\\n    }\\n    100% {\\n      opacity: 0.3;\\n      transform: scaleX(0);\\n      transform-origin: left;\\n    }\\n  }\\n}\\n\\n/// Windows HCM Mixin\\n/// @access public\\n/// @example @include high-contrast-mode;\\n/// @group global-helpers\\n/// We should set HCM styles at the end of each file to ensure they are not overridden\\n@mixin high-contrast-mode($type: '') {\\n  @media screen and (-ms-high-contrast: active),\\n    (forced-colors: active),\\n    (prefers-contrast) {\\n    @if ($type == 'icon-fill') {\\n      fill: ButtonText;\\n    }\\n\\n    @if ($type == 'focus') {\\n      color: Highlight;\\n      outline: 1px solid Highlight;\\n    }\\n\\n    @if ($type == 'outline') {\\n      outline: 1px solid transparent;\\n    }\\n\\n    @if ($type == 'disabled') {\\n      color: GrayText;\\n      fill: GrayText;\\n    }\\n\\n    @content;\\n  }\\n}\\n\",\"$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/vendor/@carbon/elements/scss/type/styles\\\";\\n@import \\\"~carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/spacing\\\";\\n@import \\\"~carbon-components/src/globals/scss/vars\\\";\\n@import \\\"~carbon-components/src/globals/scss/mixins\\\";\\n@import \\\"~@openmrs/esm-styleguide/src/vars\\\";\\n\\n.bodyShort01 {\\n  @include carbon--type-style(\\\"body-short-01\\\");\\n}\\n\\n.desktop, .tablet {\\n  @include carbon--type-style('body-short-01');\\n  display: flex;\\n  border-top: 1px solid #e0e0e0;\\n  justify-content: space-between;\\n  color: $text-02;\\n  background-color: $ui-02;\\n  padding-left: 1rem;\\n  align-items: center;\\n}\\n\\n.desktop :global(.bx--pagination) {\\n  min-height: 0rem;\\n  height: 2rem;\\n  width: auto;\\n  border: none;\\n\\n  & :global(.bx--select-input), :global(.bx--btn), :global(.bx--pagination__right) {\\n    min-height: 0rem;\\n    height: 2rem;\\n  }\\n}\\n\\n.tablet :global(.bx--pagination) {\\n  min-height: 0rem;\\n  height: 3rem; \\n  width: auto;   \\n  border: none;\\n\\n  & :global(.bx--select-input), :global(.bx--btn), :global(.bx--pagination__right) {\\n    min-height: 0rem;\\n    height: 3rem;\\n  }\\n}\\n\\n.configurableLink {\\n  text-decoration: none;\\n  @extend .bodyShort01;\\n  padding: 0 $spacing-03;\\n}\\n\\n.pagination {\\n  @include carbon--type-style('body-short-01');\\n  background-color: $ui-02;\\n  color: $text-02;\\n  display: flex;\\n}\\n\\ndiv.pagination {\\n  & > :global(.bx--pagination__left) {\\n    display: none;\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"bodyShort01\": \"-esm-patient-programs__pagination-component__bodyShort01___Pd3yQ\",\n\t\"configurableLink\": \"-esm-patient-programs__pagination-component__configurableLink___UgWEP\",\n\t\"desktop\": \"-esm-patient-programs__pagination-component__desktop___usWzK\",\n\t\"tablet\": \"-esm-patient-programs__pagination-component__tablet___B5tv0\",\n\t\"pagination\": \"-esm-patient-programs__pagination-component__pagination___wnPFH\",\n\t\"skeleton\": \"-esm-patient-programs__pagination-component__skeleton___rGCby\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","\n      import API from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/sass-loader/dist/cjs.js!./card-header.scss\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/sass-loader/dist/cjs.js!./card-header.scss\";\n       export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\nimport { useLayoutType } from '@openmrs/esm-framework';\nimport styles from './card-header.scss';\n\ninterface CardHeaderProps {\n  title: string;\n  children: React.ReactNode;\n}\n\nexport function CardHeader({ title, children }: CardHeaderProps) {\n  const isTablet = useLayoutType() === 'tablet';\n\n  return (\n    <div className={isTablet ? styles.tabletHeader : styles.desktopHeader}>\n      <h4>{title}</h4>\n      {children}\n    </div>\n  );\n}\n","\n      import API from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/sass-loader/dist/cjs.js!./empty-state.scss\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/sass-loader/dist/cjs.js!./empty-state.scss\";\n       export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\n\nexport const EmptyDataIllustration = ({ width = '61', height = '59' }) => {\n  return (\n    <svg width={width} height={height} viewBox=\"0 0 61 59\">\n      <title>Empty data illustration</title>\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <path\n          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\"\n          fill=\"#F4F4F4\"\n        />\n        <path\n          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\"\n          fill=\"#8D8D8D\"\n        />\n        <path\n          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\"\n          fill=\"#C6C6C6\"\n        />\n        <circle fill=\"#C6C6C6\" cx={17.636} cy={2.314} r={1.855} />\n        <circle fill=\"#FFF\" fillRule=\"nonzero\" cx={17.636} cy={2.314} r={1.175} />\n        <path\n          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\"\n          fill=\"#F4F4F4\"\n        />\n        <path\n          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\"\n          fill=\"#8D8D8D\"\n        />\n        <path\n          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\"\n          fill=\"#C6C6C6\"\n        />\n        <circle fill=\"#C6C6C6\" cx={40.218} cy={9.755} r={1.855} />\n        <circle fill=\"#FFF\" fillRule=\"nonzero\" cx={40.218} cy={9.755} r={1.13} />\n      </g>\n    </svg>\n  );\n};\n","import React from 'react';\nimport styles from './empty-state.scss';\nimport { Link, Tile } from 'carbon-components-react';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { EmptyDataIllustration } from './empty-data-illustration.component';\nimport { useLayoutType } from '@openmrs/esm-framework';\n\nexport interface EmptyStateProps {\n  headerTitle: string;\n  displayText: string;\n  launchForm?(): void;\n}\n\nexport const EmptyState: React.FC<EmptyStateProps> = (props) => {\n  const { t } = useTranslation();\n  const isTablet = useLayoutType() === 'tablet';\n\n  return (\n    <Tile light className={styles.tile}>\n      <div className={isTablet ? styles.tabletHeading : styles.desktopHeading}>\n        <h4>{props.headerTitle}</h4>\n      </div>\n      <EmptyDataIllustration />\n      <p className={styles.content}>\n        <Trans i18nKey=\"emptyStateText\" values={{ displayText: props.displayText.toLowerCase() }}>\n          There are no {props.displayText.toLowerCase()} to display for this patient\n        </Trans>\n      </p>\n      <p className={styles.action}>\n        {props.launchForm && (\n          <span>\n            {' '}\n            <Link onClick={() => props.launchForm()}>\n              <>\n                {t('record', 'Record')} {props.displayText.toLowerCase()}\n              </>\n            </Link>\n          </span>\n        )}\n      </p>\n    </Tile>\n  );\n};\n","\n      import API from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/sass-loader/dist/cjs.js!./error-state.scss\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/sass-loader/dist/cjs.js!./error-state.scss\";\n       export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\nimport styles from './error-state.scss';\nimport { Tile } from 'carbon-components-react';\nimport { useTranslation } from 'react-i18next';\nimport { useLayoutType } from '@openmrs/esm-framework';\n\nexport interface ErrorStateProps {\n  error: any;\n  headerTitle: string;\n}\n\nexport const ErrorState: React.FC<ErrorStateProps> = ({ error, headerTitle }) => {\n  const { t } = useTranslation();\n  const isTablet = useLayoutType() === 'tablet';\n\n  return (\n    <Tile light className={styles.tile}>\n      <div className={isTablet ? styles.tabletHeading : styles.desktopHeading}>\n        <h4>{headerTitle}</h4>\n      </div>\n      <p className={styles.errorMessage}>\n        {t('error', 'Error')} {`${error?.response?.status}: `}\n        {error?.response?.statusText}\n      </p>\n      <p className={styles.errorCopy}>\n        {t(\n          'errorCopy',\n          'Sorry, there was a problem displaying this information. You can try to reload this page, or contact the site administrator and quote the error code above.',\n        )}\n      </p>\n    </Tile>\n  );\n};\n","import React, { useEffect } from 'react';\nimport { ExtensionSlot } from '@openmrs/esm-framework';\nimport { Accordion, AccordionItem } from 'carbon-components-react';\nimport { registerNavGroup } from '..';\n\nexport interface DashboardGroupExtensionProps {\n  title: string;\n  slotName?: string;\n  basePath: string;\n  isExpanded?: boolean;\n}\n\nexport const DashboardGroupExtension = ({ title, slotName, basePath, isExpanded }: DashboardGroupExtensionProps) => {\n  useEffect(() => {\n    registerNavGroup(slotName);\n  }, [slotName]);\n\n  return (\n    <Accordion>\n      <AccordionItem open={isExpanded ?? true} title={title} style={{ border: 'none' }}>\n        <ExtensionSlot extensionSlotName={slotName ?? title} state={{ basePath }} />\n      </AccordionItem>\n    </Accordion>\n  );\n};\n","import React from 'react';\nimport { DashboardGroupExtension } from './DashboardGroupExtension';\n\nexport const createDashboardGroup = ({\n  title,\n  slotName,\n  isExpanded,\n}: {\n  title: string;\n  slotName: string;\n  isExpanded?: boolean;\n}) => {\n  const DashboardGroup = ({ basePath }: { basePath: string }) => {\n    return <DashboardGroupExtension title={title} slotName={slotName} basePath={basePath} isExpanded={isExpanded} />;\n  };\n  return DashboardGroup;\n};\n","import { createGlobalStore, createUseStore } from '@openmrs/esm-framework';\n\nconst navGroupStore = createGlobalStore('nav-groups', { navGroups: [] });\n\nexport function registerNavGroup(slotName: string) {\n  const store = navGroupStore.getState();\n  navGroupStore.setState({ navGroups: [slotName, ...store.navGroups] });\n}\n\nexport const useNavGroups = createUseStore(navGroupStore);\n","import React from 'react';\nimport { ConfigurableLink } from '@openmrs/esm-framework';\n\nexport interface DashboardExtensionProps {\n  title: string;\n  basePath: string;\n}\n\nexport const DashboardExtension = ({ title, basePath }: DashboardExtensionProps) => {\n  return (\n    <div key={title}>\n      <ConfigurableLink to={`${basePath}/${encodeURIComponent(title)}`} className=\"bx--side-nav__link\">\n        {title}\n      </ConfigurableLink>\n    </div>\n  );\n};\n","import React from 'react';\nimport { DashboardLinkConfig } from '../types';\nimport { DashboardExtension } from './DashboardExtension';\n\nexport const createDashboardLink = (db: DashboardLinkConfig) => {\n  const Dashboard = ({ basePath }: { basePath: string }) => {\n    return <DashboardExtension title={db.title} basePath={basePath} />;\n  };\n  return Dashboard;\n};\n","import { showModal } from '@openmrs/esm-framework';\n\nexport function launchStartVisitPrompt() {\n  const dispose = showModal('start-visit-dialog', {\n    closeModal: () => dispose(),\n  });\n}\n","\n      import API from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/@openmrs/webpack-config/node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/sass-loader/dist/cjs.js!./pagination.component.scss\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/sass-loader/dist/cjs.js!./pagination.component.scss\";\n       export default content && content.locals ? content.locals : undefined;\n","import { useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nexport function usePaginationInfo(pageSize: number, totalItems: number, pageNumber: number, currentItems: number) {\n  const { t } = useTranslation();\n\n  const pageSizes = useMemo(() => {\n    const numberOfPages = Math.ceil(totalItems / pageSize);\n    return [...Array(numberOfPages).keys()].map((x) => {\n      return (x + 1) * pageSize;\n    });\n  }, [pageSize, totalItems]);\n\n  const numberOfItemsDisplayed = useMemo(() => {\n    if (pageSize > totalItems) {\n      return `${totalItems} / ${totalItems}`;\n    } else if (pageSize * pageNumber > totalItems) {\n      return `${pageSize * (pageNumber - 1) + currentItems} / ${totalItems}`;\n    } else {\n      return `${pageSize * pageNumber} / ${totalItems}`;\n    }\n  }, [pageSize, totalItems, pageNumber, currentItems]);\n\n  return {\n    pageSizes,\n    itemsDisplayed: `${numberOfItemsDisplayed} ${t('items', ' items')}`,\n  };\n}\n","import React from 'react';\nimport styles from './pagination.component.scss';\nimport { Pagination } from 'carbon-components-react';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigurableLink, useLayoutType } from '@openmrs/esm-framework';\nimport { usePaginationInfo } from './usePaginationInfo';\n\ninterface PatientChartPaginationProps {\n  currentItems: number;\n  totalItems: number;\n  pageNumber: number;\n  pageSize: number;\n  onPageNumberChange?: any;\n  dashboardLinkUrl?: string;\n  dashboardLinkLabel?: string;\n}\n\nexport const PatientChartPagination: React.FC<PatientChartPaginationProps> = ({\n  totalItems,\n  pageSize,\n  onPageNumberChange,\n  pageNumber,\n  dashboardLinkUrl,\n  currentItems,\n  dashboardLinkLabel: urlLabel,\n}) => {\n  const { t } = useTranslation();\n  const { itemsDisplayed, pageSizes } = usePaginationInfo(pageSize, totalItems, pageNumber, currentItems);\n  const isTablet = useLayoutType() === 'tablet';\n\n  return (\n    <>\n      {totalItems > 0 && (\n        <div className={isTablet ? styles.tablet : styles.desktop}>\n          <div>\n            {itemsDisplayed}\n            {dashboardLinkUrl && (\n              <ConfigurableLink to={dashboardLinkUrl} className={styles.configurableLink}>\n                {urlLabel ?? t('seeAll', 'See all')}\n              </ConfigurableLink>\n            )}\n          </div>\n          <Pagination\n            className={styles.pagination}\n            page={pageNumber}\n            pageSize={pageSize}\n            pageSizes={pageSizes}\n            totalItems={totalItems}\n            onChange={onPageNumberChange}\n          />\n        </div>\n      )}\n    </>\n  );\n};\n","export type amPm = 'AM' | 'PM';\n\nexport const convertTime12to24 = (time12h, timeFormat: amPm) => {\n  let [hours, minutes] = time12h.split(':');\n\n  if (hours === '12' && timeFormat === 'AM') {\n    hours = '00';\n  }\n\n  if (timeFormat === 'PM') {\n    hours = hours === '12' ? hours : parseInt(hours, 10) + 12;\n  }\n\n  return [hours, minutes];\n};\n","import useSWRImmutable from 'swr/immutable';\nimport { openmrsFetch } from '@openmrs/esm-framework';\n\nexport function useVitalsConceptMetadata() {\n  const customRepresentation =\n    'custom:(setMembers:(uuid,display,hiNormal,hiAbsolute,hiCritical,lowNormal,lowAbsolute,lowCritical,units))';\n\n  const apiUrl = `/ws/rest/v1/concept/?q=VITALS SIGNS&v=${customRepresentation}`;\n\n  const { data, error } = useSWRImmutable<{ data: VitalsConceptMetadataResponse }, Error>(apiUrl, openmrsFetch);\n\n  const conceptMetadata = data?.data?.results[0]?.setMembers;\n\n  const conceptUnits = conceptMetadata?.length\n    ? new Map<string, string>(conceptMetadata.map((concept) => [concept.uuid, concept.units]))\n    : new Map<string, string>([]);\n  return {\n    data: conceptUnits,\n    isError: error,\n    isLoading: !data && !error,\n    conceptMetadata,\n  };\n}\n\nexport const withUnit = (label: string, unit: string | null | undefined) => {\n  return `${label} ${unit ? `(${unit})` : ''}`;\n};\n\nexport interface ConceptMetadata {\n  uuid: string;\n  display: string;\n  hiNormal: number | string | null;\n  hiAbsolute: number | string | null;\n  hiCritical: number | string | null;\n  lowNormal: number | string | null;\n  lowAbsolute: number | string | null;\n  lowCritical: number | string | null;\n  units: string | null;\n}\n\ninterface VitalsConceptMetadataResponse {\n  results: Array<{\n    setMembers: Array<ConceptMetadata>;\n  }>;\n}\n","import { BehaviorSubject } from 'rxjs';\n\n// This is a work around until attach function is re-worked to enable passing of props\nexport interface FormEntryProps {\n  encounterUuid?: string;\n  visitUuid?: string;\n  formUuid: string;\n}\n\nexport const formEntrySub = new BehaviorSubject<FormEntryProps | null>(null);\n","import { ExtensionRegistration, getGlobalStore, navigate, translateFrom } from '@openmrs/esm-framework';\n// FIXME We should not rely on internals here\nimport { getExtensionRegistration } from '@openmrs/esm-framework/src/internal';\nimport _i18n from 'i18next';\nimport { WorkspaceWindowState } from '..';\n\nexport interface Prompt {\n  title: string;\n  body: string;\n  /** Defaults to \"Confirm\" */\n  confirmText?: string;\n  onConfirm(): void;\n  /** Defaults to \"Cancel\" */\n  cancelText?: string;\n}\n\nexport interface WorkspaceStoreState {\n  patientUuid: string | null;\n  openWorkspaces: Array<OpenWorkspace>;\n  prompt: Prompt | null;\n}\n\nexport interface OpenWorkspace extends WorkspaceRegistration {\n  additionalProps: object;\n  closeWorkspace(promptBeforeClosing?: boolean): void;\n  closeWorkspace(): void;\n  promptBeforeClosing(testFcn: () => boolean): void;\n}\n\nexport interface WorkspaceRegistration {\n  name: string;\n  title: string;\n  /** Use `getLifecycle` or `getAsyncLifecycle` to get the value of `load` */\n  load(): Promise<any>;\n  /** Only one of each \"type\" of workspace is allowed to be open at a time. The default is \"form\" */\n  type?: string;\n  preferredWindowSize?: WorkspaceWindowState;\n}\n\nlet registeredWorkspaces: Record<string, WorkspaceRegistration> = {};\n\n/**\n * Tells the workspace system about a workspace. Should be called at the top level\n * of a module which will be loaded whenever the patient chart loads.\n */\nexport function registerWorkspace(workspace: WorkspaceRegistration) {\n  registeredWorkspaces[workspace.name] = {\n    ...workspace,\n    preferredWindowSize: workspace.preferredWindowSize ?? 'normal',\n    type: workspace.type ?? 'form',\n  };\n}\n\n/**\n * This exists for compatibility with the old way of registering\n * workspaces (as extensions).\n *\n * @param name of the workspace\n */\nfunction getWorkspaceRegistration(name: string): WorkspaceRegistration {\n  if (registeredWorkspaces[name]) {\n    return registeredWorkspaces[name];\n  } else {\n    const workspaceExtension = getExtensionRegistration(name);\n    if (workspaceExtension) {\n      return {\n        name: workspaceExtension.name,\n        title: getTitleFromExtension(workspaceExtension),\n        preferredWindowSize: workspaceExtension.meta?.screenSize ?? 'normal',\n        load: workspaceExtension.load,\n        type: workspaceExtension.meta?.type ?? 'form',\n      };\n    } else {\n      throw new Error(`No workspace named '${name}' has been registered.`);\n    }\n  }\n}\n\nfunction getTitleFromExtension(ext: ExtensionRegistration) {\n  const title = ext?.meta?.title;\n  if (typeof title === 'string') {\n    return title;\n  } else if (title && typeof title === 'object') {\n    return translateFrom(ext.moduleName, title.key, title.default);\n  }\n  return ext.name;\n}\n\n/**\n * Given a workspace specified by its name:\n *\n * - If no workspaces are open, or if no other workspaces with the same type are open,\n *   it will be opened and focused.\n * - If a workspace with the same name is already open, it will be displayed/focused,\n *   if it was not already.\n * - If another workspace with the same type is open, a confirmation modal will pop up a\n *   warning about closing the currently open workspace.\n *\n * Note that this function just manipulates the workspace store. The UI logic based on\n * the workspace store is contained in esm-patient-chart-app.\n *\n * @param name The name of the workspace to launch\n * @param additionalProps Props to pass to the workspace component being launched\n */\nexport function launchPatientWorkspace(name: string, additionalProps?: object) {\n  const store = getWorkspaceStore();\n  const state = store.getState();\n  const workspace = getWorkspaceRegistration(name);\n  const newWorkspace = {\n    ...workspace,\n    closeWorkspace: (ignoreChanges = true) => closeWorkspace(name, ignoreChanges),\n    promptBeforeClosing: (testFcn) => promptBeforeClosing(name, testFcn),\n    additionalProps,\n  };\n  const existingWorkspaces = state.openWorkspaces.filter((w) => w.type == newWorkspace.type);\n  if (existingWorkspaces.length == 0) {\n    store.setState({ ...state, openWorkspaces: [newWorkspace, ...state.openWorkspaces] });\n  } else {\n    const existingIdx = state.openWorkspaces.findIndex((w) => w.name == name);\n    const promptCheckFcn = getPromptBeforeClosingFcn(existingWorkspaces[0].name);\n    if (existingIdx >= 0) {\n      const restOfWorkspaces = [...state.openWorkspaces];\n      restOfWorkspaces.splice(existingIdx, 1);\n      state.openWorkspaces[existingIdx].additionalProps = newWorkspace.additionalProps;\n      const openWorkspaces = [state.openWorkspaces[existingIdx], ...restOfWorkspaces];\n      store.setState({ ...state, openWorkspaces });\n    } else if (!promptCheckFcn || promptCheckFcn()) {\n      const currentName = existingWorkspaces[0].title ?? existingWorkspaces[0].name;\n      const prompt: Prompt = {\n        title: translateFrom(\n          '@openmrs/esm-patient-chart-app',\n          'activeFormWarning',\n          'There is an active form open in the workspace',\n        ),\n        body: translateFrom(\n          '@openmrs/esm-patient-chart-app',\n          'workspaceModalText',\n          `Launching a new form in the workspace could cause you to lose unsaved work on the ${currentName} form.`,\n          { formName: currentName },\n        ),\n        onConfirm: () => {\n          const state = store.getState();\n          store.setState({\n            openWorkspaces: [newWorkspace, ...state.openWorkspaces.filter((w) => w.type != newWorkspace.type)],\n            prompt: null,\n          });\n        },\n        confirmText: translateFrom('@openmrs/esm-patient-chart-app', 'openAnyway', 'Open anyway'),\n      };\n      store.setState({ ...state, prompt });\n    } else {\n      const state = store.getState();\n      store.setState({\n        ...state,\n        openWorkspaces: [newWorkspace, ...state.openWorkspaces.filter((w) => w.type != newWorkspace.type)],\n      });\n    }\n  }\n}\n\nexport function launchPatientChartWithWorkspaceOpen({\n  patientUuid,\n  workspaceName,\n  dashboardName,\n  additionalProps,\n}: {\n  patientUuid: string;\n  workspaceName: string;\n  dashboardName?: string;\n  additionalProps?: object;\n}) {\n  changeWorkspaceContext(patientUuid);\n  launchPatientWorkspace(workspaceName, additionalProps);\n  navigate({ to: '${openmrsSpaBase}/patient/' + `${patientUuid}/chart` + (dashboardName ? `/${dashboardName}` : '') });\n}\n\nconst promptBeforeClosingFcns = {};\n\nexport function promptBeforeClosing(workspaceName: string, testFcn: () => boolean) {\n  promptBeforeClosingFcns[workspaceName] = testFcn;\n}\n\nexport function getPromptBeforeClosingFcn(workspaceName: string) {\n  return promptBeforeClosingFcns[workspaceName];\n}\n\nexport function cancelPrompt() {\n  const store = getWorkspaceStore();\n  const state = store.getState();\n  store.setState({ ...state, prompt: null });\n}\n\nexport function closeWorkspace(name: string, ignoreChanges: boolean) {\n  const store = getWorkspaceStore();\n  const promptCheckFcn = getPromptBeforeClosingFcn(name);\n  if (!ignoreChanges && promptCheckFcn && promptCheckFcn()) {\n    const prompt: Prompt = {\n      title: translateFrom('@openmrs/esm-patient-chart-app', 'unsavedChangesTitleText', 'Unsaved Changes'),\n      body: translateFrom(\n        '@openmrs/esm-patient-chart-app',\n        'unsavedChangeText',\n        `You have unsaved changes in the side panel. Do you want to discard these changes?`,\n      ),\n      onConfirm: () => {\n        const state = store.getState();\n        store.setState({ ...state, prompt: null, openWorkspaces: state.openWorkspaces.filter((w) => w.name != name) });\n      },\n      confirmText: translateFrom('@openmrs/esm-patient-chart-app', 'discard', 'Discard'),\n    };\n    store.setState({ ...store.getState(), prompt });\n  } else {\n    const state = store.getState();\n    store.setState({ ...state, openWorkspaces: state.openWorkspaces.filter((w) => w.name != name) });\n  }\n}\n\nexport function closeAllWorkspaces() {\n  const store = getWorkspaceStore();\n  const state = store.getState();\n  store.setState({ ...state, openWorkspaces: [] });\n}\n\n/**\n * The set of workspaces is specific to a particular patient. This function\n * should be used when setting up workspaces for a new patient. If the current\n * workspace data is for a different patient, the workspace state is cleared.\n */\nexport function changeWorkspaceContext(patientUuid) {\n  const store = getWorkspaceStore();\n  const state = store.getState();\n  if (state.patientUuid != patientUuid) {\n    store.setState({ patientUuid, openWorkspaces: [], prompt: null });\n  }\n}\n\nconst initialState = { patientUuid: null, openWorkspaces: [], prompt: null };\nexport function getWorkspaceStore() {\n  return getGlobalStore<WorkspaceStoreState>('workspace', initialState);\n}\n\n/**\n * @internal\n * Just for testing.\n */\nexport function resetWorkspaceStore() {\n  getWorkspaceStore().setState(initialState);\n}\n","import { useEffect, useMemo, useState } from 'react';\nimport { getWorkspaceStore, OpenWorkspace, WorkspaceWindowState } from '@openmrs/esm-patient-common-lib';\nimport { Prompt, WorkspaceStoreState } from './workspaces';\n\nexport interface WorkspacesInfo {\n  active: boolean;\n  windowState: WorkspaceWindowState;\n  workspaces: Array<OpenWorkspace>;\n  prompt: Prompt;\n}\n\nexport function useWorkspaces(): WorkspacesInfo {\n  const [workspaces, setWorkspaces] = useState<Array<OpenWorkspace>>([]);\n  const [prompt, setPrompt] = useState<Prompt>(null);\n\n  useEffect(() => {\n    function update(state: WorkspaceStoreState) {\n      setWorkspaces(state.openWorkspaces);\n      setPrompt(state.prompt);\n    }\n    update(getWorkspaceStore().getState());\n    getWorkspaceStore().subscribe(update);\n  }, []);\n\n  const windowState = useMemo(() => {\n    if (workspaces.length === 0) {\n      return 'hidden';\n    } else {\n      return workspaces[0].preferredWindowSize;\n    }\n  }, [workspaces]);\n\n  return {\n    active: workspaces.length > 0,\n    windowState,\n    workspaces,\n    prompt,\n  };\n}\n","import React, { createContext, useContext, useMemo, useEffect, useCallback } from 'react';\nimport { useWorkspaces } from './useWorkspaces';\nimport { WorkspaceWindowState } from '@openmrs/esm-patient-common-lib';\n\ninterface WorkspaceWindowSize {\n  size: WorkspaceWindowState;\n}\n\ninterface WorkspaceWindowSizeContext {\n  windowSize: WorkspaceWindowSize;\n  updateWindowSize?(value: WorkspaceWindowState): any;\n  active: boolean;\n}\n\nfunction reducer(state: WorkspaceWindowSize, action: WorkspaceWindowState): WorkspaceWindowSize {\n  switch (action) {\n    case 'minimized':\n    case 'reopened':\n      return { size: 'normal' };\n    default:\n      return { size: action };\n  }\n}\n\nconst WorkspaceWindowSizeContext = createContext<WorkspaceWindowSizeContext>({\n  windowSize: { size: 'normal' },\n  active: false,\n});\n\nexport const useWorkspaceWindowSize = () => {\n  const value = useContext(WorkspaceWindowSizeContext);\n  return value;\n};\n\nexport const WorkspaceWindowSizeProvider: React.FC = ({ children }) => {\n  const initialValue: WorkspaceWindowSize = { size: 'normal' };\n  const [contextWorkspaceWindowSize, updateContextWorkspaceWindowSize] = React.useReducer(reducer, initialValue);\n  const { workspaces, windowState, active } = useWorkspaces();\n\n  useEffect(() => {\n    if (workspaces.length > 0 && windowState === 'maximized') {\n      updateContextWorkspaceWindowSize('maximized');\n    } else {\n      updateContextWorkspaceWindowSize('reopened');\n    }\n  }, [workspaces.length, windowState]);\n\n  const updateWindowSize = useCallback((action: WorkspaceWindowState) => {\n    updateContextWorkspaceWindowSize(action);\n  }, []);\n\n  const windowSizeValue = useMemo(() => {\n    return {\n      windowSize: contextWorkspaceWindowSize,\n      updateWindowSize: updateWindowSize,\n      active,\n    };\n  }, [contextWorkspaceWindowSize, updateWindowSize, active]);\n\n  return <WorkspaceWindowSizeContext.Provider value={windowSizeValue}>{children}</WorkspaceWindowSizeContext.Provider>;\n};\n","import useSWR from 'swr';\nimport { openmrsFetch } from '@openmrs/esm-framework';\nimport { useMemo } from 'react';\nimport { PatientProgram } from '../types';\nimport uniqBy from 'lodash-es/uniqBy';\nconst customRepresentation = `custom:(uuid,display,program,dateEnrolled,dateCompleted,location:(uuid,display))`;\n\nexport const useActivePatientEnrollment = (patientUuid: string) => {\n  const { data, error } = useSWR<{ data: { results: Array<PatientProgram> } }>(\n    `/ws/rest/v1/programenrollment?patient=${patientUuid}&v=${customRepresentation}`,\n    openmrsFetch,\n  );\n\n  const activePatientEnrollment = useMemo(\n    () =>\n      data?.data.results\n        .sort((a, b) => (b.dateEnrolled > a.dateEnrolled ? 1 : -1))\n        .filter((enrollment) => enrollment.dateCompleted === null) ?? [],\n    [data?.data.results],\n  );\n\n  return {\n    activePatientEnrollment: uniqBy(activePatientEnrollment, (program) => program?.program?.uuid),\n    error,\n    isLoading: !data && !error,\n  };\n};\n","import { usePatient, getSynchronizationItems } from '@openmrs/esm-framework';\nimport useSWR from 'swr';\n\nexport const patientRegistrationSyncType = 'patient-registration';\n\n/**\n * A hook similar to {@link usePatient} which also considers patients which have been newly registered\n * in offline mode by the patient registration module.\n */\nexport function usePatientOrOfflineRegisteredPatient(patientUuid: string): ReturnType<typeof usePatient> {\n  const onlinePatientState = usePatient(patientUuid);\n  const offlinePatientState = useSWR(`offlineRegisteredPatient/${patientUuid}`, async () => {\n    const offlinePatient = await getOfflineRegisteredPatientAsFhirPatient(patientUuid);\n    if (!offlinePatient) {\n      throw new Error(`No offline registered patient could be found. UUID: ${patientUuid}`);\n    }\n\n    return offlinePatient;\n  });\n\n  if (onlinePatientState.isLoading || (!offlinePatientState.data && !offlinePatientState.error)) {\n    return {\n      isLoading: true,\n      patient: null,\n      patientUuid,\n      error: null,\n    };\n  }\n\n  if (onlinePatientState.patient && !(onlinePatientState.patient as any).issue) {\n    return {\n      isLoading: false,\n      patient: onlinePatientState.patient,\n      patientUuid,\n      error: null,\n    };\n  }\n\n  if (offlinePatientState.data) {\n    return {\n      isLoading: false,\n      patient: offlinePatientState.data,\n      patientUuid,\n      error: null,\n    };\n  }\n\n  return {\n    isLoading: false,\n    patient: null,\n    patientUuid,\n    error: onlinePatientState.error ?? offlinePatientState.error,\n  };\n}\n\nasync function getOfflineRegisteredPatientAsFhirPatient(patientUuid: string): Promise<fhir.Patient | undefined> {\n  const patientRegistrationSyncItems = await getSynchronizationItems<any>(patientRegistrationSyncType);\n  const patientSyncItem = patientRegistrationSyncItems.find((item) => item.fhirPatient.id === patientUuid);\n  return patientSyncItem.fhirPatient;\n}\n","import {\n  getSynchronizationItems,\n  NewVisitPayload,\n  QueueItemDescriptor,\n  queueSynchronizationItem,\n  useConnectivity,\n  useSession,\n  useVisit,\n  Visit,\n} from '@openmrs/esm-framework';\nimport { useEffect } from 'react';\nimport useSWR from 'swr';\nimport { v4 } from 'uuid';\nimport { patientRegistrationSyncType } from './patient';\n\n/**\n * The identifier of a visit in the sync queue.\n */\nexport const visitSyncType = 'visit';\n\n/**\n * The shape of an offline visit queued up by the patient chart.\n */\nexport interface OfflineVisit extends NewVisitPayload {\n  uuid: string;\n}\n\n/**\n * Similar to {@link useVisit}, returns the given patient's active visit, but also considers\n * offline visits created by the patient chart while offline.\n * @param patientUuid The UUID of the patient.\n */\nexport function useVisitOrOfflineVisit(patientUuid: string) {\n  const isOnline = useConnectivity();\n  const offlineVisit = useOfflineVisit(patientUuid);\n  const onlineVisit = useVisit(patientUuid);\n  return isOnline ? onlineVisit : offlineVisit;\n}\n\n/**\n * Returns the patient's current offline visit.\n * @param patientUuid The UUID of the patient.\n */\nexport function useOfflineVisit(patientUuid: string): ReturnType<typeof useVisit> {\n  const swrKey = patientUuid ? `offlineVisit/${patientUuid}` : null;\n  const offlineVisitSwr = useSWR<Visit>(swrKey, async () => {\n    const offlineVisit = await getOfflineVisitForPatient(patientUuid);\n    return offlineVisit ? offlineVisitToVisit(offlineVisit) : undefined;\n  });\n\n  return {\n    currentVisit: offlineVisitSwr.data,\n    isValidating: offlineVisitSwr.isValidating,\n    error: offlineVisitSwr.error,\n    mutate: offlineVisitSwr.mutate,\n  };\n}\n\n/**\n * While offline, if no offline visit for the given patient exists, creates one.\n * The existance of the offline visit leverages {@link useOfflineVisit}.\n * Mutates those SWR hooks when a new offline visit has been created.\n * @param patientUuid The UUID of the patient for which an offline visit should be created.\n * @param offlineVisitTypeUuid The UUID of the offline visit type.\n */\nexport function useAutoCreatedOfflineVisit(patientUuid: string, offlineVisitTypeUuid: string) {\n  const isOnline = useConnectivity();\n  const location = useSession()?.sessionLocation?.uuid;\n  const { currentVisit, isValidating, error, mutate } = useOfflineVisit(patientUuid);\n\n  useEffect(() => {\n    if (!isOnline && !isValidating && !currentVisit && !error) {\n      createOfflineVisitForPatient(patientUuid, location, offlineVisitTypeUuid).finally(() => mutate());\n    }\n  }, [isOnline, currentVisit, isValidating, error, mutate, location, offlineVisitTypeUuid, patientUuid]);\n}\n\nexport async function getOfflineVisitForPatient(patientUuid: string) {\n  const offlineVisits = await getSynchronizationItems<OfflineVisit>(visitSyncType);\n  return offlineVisits.find((visit) => visit.patient === patientUuid);\n}\n\nexport async function createOfflineVisitForPatient(\n  patientUuid: string,\n  location: string,\n  offlineVisitTypeUuid: string,\n) {\n  const patientRegistrationSyncItems = await getSynchronizationItems<any>(patientRegistrationSyncType);\n  const isVisitForOfflineRegisteredPatient = patientRegistrationSyncItems.some(\n    (item) => item.fhirPatient.id === patientUuid,\n  );\n\n  const offlineVisit: OfflineVisit = {\n    uuid: v4(),\n    patient: patientUuid,\n    startDatetime: new Date(),\n    location,\n    visitType: offlineVisitTypeUuid,\n  };\n\n  const descriptor: QueueItemDescriptor = {\n    id: offlineVisit.uuid,\n    displayName: 'Offline visit',\n    patientUuid,\n    dependencies: isVisitForOfflineRegisteredPatient\n      ? [\n          {\n            type: patientRegistrationSyncType,\n            id: patientUuid,\n          },\n        ]\n      : [],\n  };\n\n  await queueSynchronizationItem(visitSyncType, offlineVisit, descriptor);\n  return offlineVisit;\n}\n\nfunction offlineVisitToVisit(offlineVisit: OfflineVisit): Visit {\n  return {\n    uuid: offlineVisit.uuid,\n    startDatetime: offlineVisit.startDatetime?.toString(),\n    stopDatetime: offlineVisit.stopDatetime?.toString(),\n    encounters: [],\n    visitType: {\n      uuid: offlineVisit.visitType,\n      display: 'Offline',\n    },\n    patient: {\n      uuid: offlineVisit.patient,\n    },\n  };\n}\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","locals","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","undefined","CardHeader","title","children","isTablet","useLayoutType","div","className","styles","h4","EmptyDataIllustration","width","height","svg","viewBox","g","fill","fillRule","path","d","circle","cx","cy","r","EmptyState","props","useTranslation","t","Tile","light","headerTitle","p","Trans","i18nKey","values","displayText","toLowerCase","launchForm","span","Link","onClick","ErrorState","error","response","status","statusText","DashboardGroupExtension","slotName","basePath","isExpanded","useEffect","registerNavGroup","Accordion","AccordionItem","open","style","border","ExtensionSlot","extensionSlotName","state","createDashboardGroup","navGroupStore","createGlobalStore","navGroups","store","getState","setState","useNavGroups","createUseStore","DashboardExtension","key","ConfigurableLink","to","encodeURIComponent","createDashboardLink","db","launchStartVisitPrompt","dispose","showModal","closeModal","usePaginationInfo","pageSize","totalItems","pageNumber","currentItems","pageSizes","useMemo","numberOfPages","Math","ceil","Array","keys","map","x","numberOfItemsDisplayed","itemsDisplayed","PatientChartPagination","onPageNumberChange","dashboardLinkUrl","dashboardLinkLabel","urlLabel","Pagination","page","onChange","convertTime12to24","time12h","timeFormat","split","hours","minutes","parseInt","useVitalsConceptMetadata","data","apiUrl","useSWRImmutable","openmrsFetch","conceptMetadata","results","setMembers","length","Map","concept","uuid","units","isError","isLoading","withUnit","label","unit","formEntrySub","BehaviorSubject","registeredWorkspaces","registerWorkspace","workspace","name","preferredWindowSize","type","getTitleFromExtension","ext","meta","translateFrom","moduleName","default","launchPatientWorkspace","additionalProps","getWorkspaceStore","workspaceExtension","getExtensionRegistration","screenSize","load","Error","getWorkspaceRegistration","newWorkspace","closeWorkspace","ignoreChanges","promptBeforeClosing","testFcn","existingWorkspaces","openWorkspaces","filter","w","existingIdx","findIndex","promptCheckFcn","getPromptBeforeClosingFcn","restOfWorkspaces","splice","currentName","prompt","body","formName","onConfirm","confirmText","launchPatientChartWithWorkspaceOpen","patientUuid","workspaceName","dashboardName","changeWorkspaceContext","navigate","promptBeforeClosingFcns","cancelPrompt","closeAllWorkspaces","initialState","getGlobalStore","resetWorkspaceStore","useWorkspaces","useState","workspaces","setWorkspaces","setPrompt","update","subscribe","windowState","active","reducer","action","size","WorkspaceWindowSizeContext","createContext","windowSize","useWorkspaceWindowSize","useContext","WorkspaceWindowSizeProvider","React","contextWorkspaceWindowSize","updateContextWorkspaceWindowSize","updateWindowSize","useCallback","windowSizeValue","Provider","value","useActivePatientEnrollment","useSWR","customRepresentation","activePatientEnrollment","sort","a","b","dateEnrolled","enrollment","dateCompleted","uniqBy","program","patientRegistrationSyncType","usePatientOrOfflineRegisteredPatient","onlinePatientState","usePatient","offlinePatientState","offlinePatient","getOfflineRegisteredPatientAsFhirPatient","patient","issue","patientRegistrationSyncItems","patientSyncItem","getSynchronizationItems","find","item","fhirPatient","visitSyncType","useVisitOrOfflineVisit","isOnline","useConnectivity","offlineVisit","useOfflineVisit","onlineVisit","useVisit","swrKey","offlineVisitSwr","getOfflineVisitForPatient","offlineVisitToVisit","currentVisit","isValidating","mutate","useAutoCreatedOfflineVisit","offlineVisitTypeUuid","useSession","location","sessionLocation","createOfflineVisitForPatient","finally","offlineVisits","visit","isVisitForOfflineRegisteredPatient","descriptor","some","v4","startDatetime","Date","visitType","displayName","dependencies","queueSynchronizationItem","toString","stopDatetime","encounters","display"],"sourceRoot":""}